body {
  background-color: #00002f;
  animation: color 20s infinite;
}

.star:nth-child(1) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 85vw;
  top: 2vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(2) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 15vw;
  top: 73vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(3) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 13vw;
  top: 7vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(4) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 21vw;
  top: 29vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(5) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 11vw;
  top: 5vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(6) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 81vw;
  top: 22vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(7) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 36vw;
  top: 13vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(8) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 28vw;
  top: 54vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(9) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 61vw;
  top: 68vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(10) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 85vw;
  top: 11vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(11) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 49vw;
  top: 7vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(12) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 55vw;
  top: 7vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(13) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 96vw;
  top: 68vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(14) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 75vw;
  top: 31vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(15) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 38vw;
  top: 41vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(16) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 33vw;
  top: 44vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(17) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 23vw;
  top: 43vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(18) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 13vw;
  top: 44vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(19) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 86vw;
  top: 13vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(20) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 59vw;
  top: 42vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(21) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 13vw;
  top: 67vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(22) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 4vw;
  top: 29vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(23) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 83vw;
  top: 35vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(24) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 75vw;
  top: 10vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(25) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 19vw;
  top: 5vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(26) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 84vw;
  top: 52vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(27) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 33vw;
  top: 35vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(28) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 39vw;
  top: 45vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(29) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 6vw;
  top: 36vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(30) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 72vw;
  top: 35vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(31) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 67vw;
  top: 61vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(32) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 7vw;
  top: 47vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(33) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 20vw;
  top: 4vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(34) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 16vw;
  top: 38vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(35) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 78vw;
  top: 49vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(36) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 92vw;
  top: 28vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(37) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 44vw;
  top: 14vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(38) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 38vw;
  top: 20vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(39) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 73vw;
  top: 57vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(40) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 67vw;
  top: 8vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(41) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 17vw;
  top: 41vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(42) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 37vw;
  top: 23vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(43) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 17vw;
  top: 49vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(44) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 11vw;
  top: 11vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(45) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 3vw;
  top: 61vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(46) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 6vw;
  top: 9vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(47) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 53vw;
  top: 51vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(48) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 69vw;
  top: 71vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(49) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 29vw;
  top: 74vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(50) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 37vw;
  top: 51vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(51) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 88vw;
  top: 44vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(52) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 28vw;
  top: 68vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(53) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 21vw;
  top: 73vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(54) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 48vw;
  top: 63vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(55) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 86vw;
  top: 40vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(56) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 70vw;
  top: 10vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(57) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 70vw;
  top: 46vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(58) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 67vw;
  top: 17vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(59) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 86vw;
  top: 9vh;
  animation: dissapear 20s infinite;
}

.star:nth-child(60) {
  position: absolute;
  background-color: #fff59d;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  left: 59vw;
  top: 12vh;
  animation: dissapear 20s infinite;
}

.ground {
  width: 100vw;
  height: 20vh;
  margin: 0px;
  position: fixed;
  left: 0px;
  top: 80vh;
  background-color: #281406;
  z-index: 1;

}

.sun {
  width: 150px;
  height: 150px;
  background-color: yellow;
  border-radius: 50%;
  position: absolute;
  top: 60px;
  right: 70px;
  animation: 20s sunset infinite;
  z-index: 0;
}

.eye {
  width: 100px;
  border-radius: 50%;
  width: 12px;
  height: 20px;
  background-color: black;
  position: absolute;
  animation: 20s riseeye infinite;
}

#left {
  right: 115px;
  top: 100px;
}

#right {
  right: 165px;
  top: 100px;
}

.smile {
  width: 70px;
  height: 35px;
  border: 3px solid black;
  border-radius: 0 0 52.5px 52.5px;
  background-color: white;
  position: absolute;
  top: 140px;
  right: 108px;
  animation: 20s risemouth infinite;
}

.suncontainer {
  animation: 20s rise infinite;
}
@media (min-width: 800px) {
.suncontainer{
  position: absolute; 
  left: 70%;
}
}

@keyframes color {
  0%, 100% {
    background-color: #00002f;
  }
  50% {
    background-color: #81d4fa;
  }
}
@keyframes dissapear {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}
@keyframes rise {
  0%, 100% {
    transform: translate(0, 100vh);
  }
  50% {
    transform: translate(0, 0vh);
  }
}
@keyframes sunset {
  0%, 100% {
    background-color: orangered;
  }
  50% {
    background-color: yellow;
  }
}

* {
  box-sizing: border-box;
}


div.centered {
  border-radius: 25px;
  position: absolute;
  top: 40%;
  left: 40%;
  padding: 30px;
  margin-top: -50px;
  margin-left: -100px; 
  
  color: grey;
  background-color: white;
z-index: 3;

}

@media (max-width: 800px) {

  div.centered {

  top: 40%;
  left: 30%;
  right: 10%;
  padding: 30px;
  margin-top: -50px;
  margin-left: -100px; 


  }}

a {
  color: #3b80fe;
  text-decoration-line: none;
}

p{
  color: #5d5050;
  text-align: center;
   height: 15vh;
  line-height: 15vh;
  font-family: Roboto;
  font-weight:normal;
  font-size: 10pt;
line-height: 20vh;
height: 20vh;
}
  
h3 {
  font-family: Baloo;
  line-height: 1.1;
  font-size: 1.3em;
}
h4 {
  font-family: Roboto;
  font-weight:normal; 
  font-size: 11pt;
  line-height: 1.3;
}

  br {
        line-height: 100%;
     }

ul.thunderbolt {
  padding-left: 30px;
  font-family: Roboto;
  font-weight:normal; 
  font-size: 11pt;
  line-height: 1.3;
}


ul.thunderbolt > li:nth-child(1) {
  margin-top: 5px;  
  list-style: "\1F680   ";
  list-style-position: outside;


}
ul.thunderbolt > li:nth-child(2) {
  margin-top: 5px;  
  list-style: "\1F3AF   ";
  list-style-position: outside;
}
ul.thunderbolt > li:nth-child(3) {
  margin-top: 5px;
  list-style: "\1F4BC   ";
  list-style-position: outside;
}

.contact_btn {
  padding: 15px 65px;
  border-radius: 100px;
  background-color: #3b80fe;
  -webkit-transition: all 200ms ease;
  transition: all 200ms ease;
  font-family: 'Museosans 100', sans-serif;
  font-size: 16px;
  color: white;
 text-decoration: none;
  margin: 0;
  position: relative;
  left: 0%;
  transform: translateX(-30%);
   -ms-transform: translateX(-30%);
}

.contact_btn:hover {
  background-color: #1660e7;
  box-shadow: 0 16px 32px -6px rgba(0, 0, 0, .2);
}