body{
    color:#f7f6ad;
    background:#000008;
    padding:0px;
    margin:0px;
    font-size:18px;
    font-family:"Instrument Serif";
}
img{
  width:100%;
  height:60vh;
}
img:hover{
  width:95%;
  height:95%;
  }
.imgContainer{
    display:flex;
    flex-direction:row;
    height:60vh;
    margin:0px;
    padding:0px;
    width:33%;
    justify-content:center;
    align-items:center;
  }
h3{
    padding-bottom:1vh;
    margin-bottom:0px;

}
p{
    color:#FFFFFF;
    padding-bottom:2vh;
    font-size:30px;
}
a{
    color:#f7f6ad;
}
.container{
    display:flex;
    flex-direction:column;
    width:60%;
    margin:auto;
}
.nav{
    display:flex;
    flex-direction:column;
    padding-bottom:2vh;
}
.navbut{
    text-decoration:underline;
}
.title{
    padding-top:10vh;
    margin:auto;
    font-size:50px;

}
.divider{
    border-top:1px solid;
    height:0;
    margin-bottom:0.5vh;
}
.content{
    display:flex;
    flex-direction:column;
    padding-bottom:15vh;
}
.center{
    margin:auto;
}
.footer{
    display:flex;
    flex-direction:row;
    justify-content: space-around;
    padding-bottom:2vh;
}
.faq{
    border-bottom:1px solid;
    border-color:#f7f6ad;
}
.rule{
    padding-bottom:10vh;
}
.row{
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
  
}
@media (orientation: portrait){
  body{
      font-size:24px;
    }
  .container{
      width:100%;
    }
  .row{
    flex-direction:column;
    }
    .img{
      width:100%;
      }
    .imgContainer{
      width:100%;
      }
  }