.titel {
    background-color: #2f3640;
    margin: 0px;
    }

.navbarl {
  height: 55px;
  background-color: #2f3640;
  margin: 0px;
  font-family: 'Nunito', sans-serif;
  position: absolute;
  width: 100%
}

.navbarl button {

color: #f5f6fa;
background-color: #2f3640;
margin: 0px;
padding: 0px;
border-style: none;
font-size: 20px;
height: 50px;
width: 150px;
transition:         0.4s ease-in;
 -o-transition:      0.4s ease-in;
 -ms-transition:     0.4s ease-in;
 -moz-transition:    0.4s ease-in;
 -webkit-transition: 0.4s ease-in;
overflow: hidden;
}
.navbarl button:hover {
color: #f5f6fa;
background-color: #2f3640;
border-color: #00a8ff;
margin: 0px;
padding: 0px;
font-size: 20px;
border-radius: 25px;
border-style: solid;
height: 50px;
width: 150px;
transition:         0.4s ease-in;
 -o-transition:      0.4s ease-in;
 -ms-transition:     0.4s ease-in;
 -moz-transition:    0.4s ease-in;
 -webkit-transition: 0.4s ease-in;
}
.navbarl button:active {
color: #f5f6fe;
background-color: #00a8ff;
border-color: #f5f6fa;
font-size: 20px;
border-radius: 25px;
border-style: solid;
height: 50px;
width: 150px;
transition:         0.2s ease-in;
 -o-transition:      0.2s ease-in;
 -ms-transition:     0.2s ease-in;
 -moz-transition:    0.2s ease-in;
 -webkit-transition: 0.2s ease-in;
}

.navbarl button a {
color: #f5f6fa;
background-color: #2f3640;
border-style: none;
font-size: 20px;
margin: 5px;
}

.navbarl button:active a {
color: #f5f6fa;
background-color: #2f3640;
border-style: none;
font-size: 20px;
margin: 5px;
background-color: #00a8ff;
}

body{
  background-color: #3b93ff;
  margin: 0;
  padding: 0;
  font-family: 'Acme', sans-serif;
}

.body h1{
text-transform: uppercase;
color: #f5f6fa;
letter-spacing: 10px;
left: 50%;
transform: translate(-45%,10%);
padding: 5%;
}
.body h2{
text-transform: uppercase;
color: #f5f6fa;
letter-spacing: 10px;
margin-left:300px;
margin-right: 300px;
padding: 5%;
}
.sad {
  position: absolute;
  top: 26%;
  left: 50%;
  width: 300px;
  height: 300px;
  background-color: #3b93ff;
  border: 20px solid #fff;
  border-radius: 50%;
  overflow: hidden;
  box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.8);
  transform: translate(-50%,-50%);
  z-index: 1;
}
.sad img {
  position: absolute;
}

.content {
  position: absolute;
  top: 55%;
  left: 2%;
  background-color: rgba(53, 59, 72,1);
  width: 71%;
  height: auto;
}
.content h3 {
  position: absolute;
  left: 50%;

}
.right_menu {
  position: absolute;
  top: 55%;
  left: 95%;
  transform: translate(-80%,0%);

}
.right_menu iframe {

}
.content p {
  color: #fff;
  padding-left: 20px;
}
.title {
  position: absolute;
  top: 35%;
  left: 3%;
  font-family: 'Nunito', sans-serif;
}
.andr {
  display: none;
}
.site {
  display: none;
}
.scroll {
  display: none;
}
.login {
  position: absolute;
  left: 100%;
  transform: translate(-105%,0%);
}
.login2 {
  position: absolute;
  left: 100%;
  transform: translate(-210%,0%);
}

.content2 div {
  margin: 15px;
  font-family: 'Nunito', sans-serif;
}

.content2 p {
  margin: 15px;
  font-size: 15px;
  font-family: 'Acme', sans-serif;
}