body{
  background-image:url('../images/background.jpg');
  background-size:cover;
  background-attachment:fixed;
  background-position:top;
  background-repeat:no-repeat;
  font-family: "Rounded Mplus 1c";
  margin:0;
  min-width:800px;
}

/* header */

header{
  width:100%;
  padding-bottom:10px;
  background-color:white;
  position:fixed;
  top:0;
  left:0;
  z-index:2;
}
#menu_logo{
  height:100%;
}
#menu_logo .solid{
  stroke:none;
  transition:all .3s;
}
#menu_logo .outline{
  fill:none;
  stroke-width:2;
  transition:all .3s;
}
nav{
  width:100%;
  display:flex;
  height:45px;
  line-height:45px;
  margin:10px 0 0 0;
}
.menu_btn{
  display:block;
  width:23%;
  margin:0 1%;
  font-size:1.6vw;
  text-decoration:none;
  text-align:center;
  border-radius:10px;
  color:hsl(200, 58%, 47%);
  transition:all .5s;
}
.menu_btn h1{
  margin:0;
  font-weight:normal;
}
#btn_index{
  opacity:0;
  animation:FADEIN 1s linear 0s forwards;
}
#btn_index svg{
  height:45px;
}
.menu_btn:nth-child(2){
  background-color:hsla(180, 58%, 47%, 0);
}
.menu_btn:nth-child(2):hover{
  background-color:hsla(180, 58%, 47%, 1);
}
.menu_btn:nth-child(3){
  background-color:hsla(201, 87%, 53%, 0);
}
.menu_btn:nth-child(3):hover{
  background-color:hsla(201, 87%, 53%, 1);
}
.menu_btn:nth-child(4){
  background-color:hsla(230, 58%, 47%, 0);
}
.menu_btn:nth-child(4):hover{
  background-color:hsla(230, 58%, 47%, 1);
}
.menu_btn:nth-child(5){
  background-color:hsla(216, 47%, 42%, 0);
}
.menu_btn:nth-child(5):hover{
  background-color:hsla(216, 47%, 42%, 1);
}
.menu_btn:hover{
  color:white;
}


/* main */

main{
  width:100%;
  padding-top:68px;
}


/* footer */

footer{
  width:100%;
  text-align:center;
}


/* keyframes */

@keyframes FADEIN{
  0%{
    opacity:0;
  }
  100%{
    opacity:1;
  }
} /* header_logo & twitter */

@keyframes COPYSLIDEDOWN{
  0%{
    opacity:0;
    bottom:450px;
  }
  100%{
    opacity:1;
    bottom:150px;
  }
} /* catch_copy (only index.html) */


/* mediaquery */

@media screen and (max-width:1000px){
  header nav a{
    font-size:16px;
  }
}
