/*******Divs***************/

.menu{
  position: relative;
  margin-left: auto;
  right: 10%;
  height: 65px;
  width: 80%;
  background-color: #f9f7f7;
  border-radius: 0px 0px 70px 70px;
  box-shadow: -10px 10px 30px grey;
  margin-bottom: 20px;
}

.upper-container{
  position: relative;
  margin-left: auto;
  right: 10%;
  margin-top: 3%;
  height: 70%;
  width: 80%;
  border-radius: 70px;
  background-color: #f9f7f7;
  box-shadow: -10px 20px 70px grey;
  animation-name: scroll;
  animation-duration: 1s;

}
.top-container {
  position: relative;
  padding-top: 5%;
  padding-bottom: 0%;
 
}


.title_class {
  position: relative;
  height: 175px;
  width: 175px;
  margin: 10px auto 10px auto;


}

.text-container{
  padding-top: 3%;
  padding-bottom: 1%;
}

.middle-container {}



/* .bottom-container {
  position: relative;
  margin-left: auto;
  right: 10%;
  margin-top: 5%;
  margin-bottom: 5%;
  height: 500px;
  width: 80%;
  border-radius: 70px;
  background-color: #f9f7f7;
  box-shadow: -10px 20px 70px grey;
  animation-name: scroll2;
  animation-duration: 3s;
} */

/********Buttons**********/
.button1{
  position: relative;
  margin-right: 5%;
  display: inline-block;
  height: 45px;
  width: 175px;
  border-radius: 0px 0px 70px 70px;
  box-shadow: -05px 05px 15px grey;
  background-color: #3f72af;
  color: #dbe2ef;



}
.button2{
  position: relative;
  margin: 0 10% 0 10%;
  display: inline-block;
  height: 45px;
  width: 175px;
  border-radius: 0px 0px 70px 70px;
  box-shadow: -05px 05px 15px grey;
  background-color: #3f72af;
  color: #dbe2ef;

}
.button3{
  position: relative;
  margin-left: 5%;
  display: inline-block;
  height: 45px;
  width: 175px;
  border-radius: 0px 0px 70px 70px;
  box-shadow: -05px 05px 15px grey;
  background-color: #3f72af;
  color: #dbe2ef;

}
/********Hover************/
.button1:hover {
  background-color: #112d4e ;
  height: 50px;
  width: 180px;
}
.button2:hover{
  background-color: #112d4e ;
  height: 50px;
  width: 180px;
}
.button3:hover{
  background-color: #112d4e ;
  height: 50px;
  width: 180px;
}

/********Classes***********/

.stars {
position: relative;
right: 20%;
}

.moon {
position: relative;
left: 20%;
}

.space {
  width: 175px;
  height: 175px;
  float: left;
  margin-right: auto;
}
/*********TAGS*************/
h1 {
  font-size: 45px;
  font-family: 'Homemade Apple', cursive;
  margin-left: auto;
  margin-top: 0px;
  margin-bottom: 0px;
}

h2 {
  font-family: 'Alatsi', sans-serif;
  margin: 0;
  color: inherit;
}

h3 {
  font-family: 'Alatsi', sans-serif;
}

p {}

img {
  height: 200px;
  width: 200px;
}

body {
  margin: 0;
  background-color: #dbe2ef;
  font-family: 'Heebo', sans-serif;
  text-align: center;
  position: relative;
}
a{
  text-decoration: none;
}

/*******Animations********/
@keyframes scroll {
  from {margin-top: 100%;}
  to {margin-top: 3%;}
}
@keyframes scroll2 {
  from {margin-top: 100%;}
  to {margin-top: 5%;}
}