/* Middle */
.mid {
    width: 100%;
    height: 90vh;
    background-color: black;
}
.midrap {
    width: 80%;
    margin: auto;
    padding-top: 50px;
}
.midrap h1 {
    font-size: 50px;
    color:ghostwhite;
    font-family: 'Yeseva One', 'cursive';
}
.midrap h2 {
    font-size: 25px;
    color: aqua;
    padding-top: 10px;
    font-weight: bolder;
    font-family: 'Yusei Magic', 'sans-serif';
}
.midrap1 {
    width: 80%;
    margin: auto;
    padding-top: 30px;
    display: grid;
    grid-template-columns: auto auto;
}
.midrap1 img {
    margin-left: 65px;
    height: 60vh;
    box-shadow: 10px 10px 4px 4px black;
}
.box {
    background-color: darkblue;
    width: 50%;
    box-shadow: 10px 10px 4px 4px black;
    margin-right: 400px;
}
.midrap3 {
    width: 80%;
    margin: auto;
    padding-top: 35px;
}
.box h1 {
    color: yellow;
    text-align: center;
    font-size: 30px;
    font-family: 'Yeseva One', 'cursive';
    font-weight: bolder;
}
.box h3 {
    color: whitesmoke;
    text-align: center;
    font-size: 22px;
    padding-top: 15px;
    font-family: 'Space Grotesk', 'sans-serif';
}
/* Middle */
.mid1 {
    width: 100%;
    height: 58vh;
    background-color: black;
}
.midrap4 {
    width: 80%;
    margin: auto;
    padding-top: 50px;
    display: grid;
    grid-template-columns: auto auto;
}
.midrap5 {
    width: 80%;
    margin: auto;
    padding-top: 35px;
}
.midrap4 img {
    box-shadow: 10px 10px 4px 4px black;
}
.box1 {
    background-color: darkred;
    box-shadow: 10px 10px 4px 4px black;
}
.box1 h1 {
    color: yellow;
    text-align: left;
    font-size: 30px;
    font-weight: bolder;
    font-family: 'Yeseva One', 'cursive';
}
.box1 h2 {
    color: whitesmoke;
    text-align: left;
    font-size: 25px;
    padding-top: 15px;
    font-family: 'Space Grotesk', 'sans-serif';
}
/* Middle */
.mid2 {
    width: 100%;
    height: 60vh;
    background-color: black;
}
.midrap6 {
    width: 80%;
    margin: auto;
    padding-top: 20px;
    display: grid;
    grid-template-columns: auto auto;
}
.midrap6 img{
    height: 50vh;
    box-shadow: 10px 10px 4px 4px black;
}
.box2 {
    background-color:indigo;
    box-shadow: 10px 10px 4px 4px black;
}
.midrap7 {
    width: 80%;
    margin: auto;
    padding-top: 35px;
}
.box2 h1 {
    color: yellow;
    text-align: center;
    font-size: 30px;
    font-weight: bolder;
    font-family: 'Yeseva One', 'cursive';
}
.box2 h2 {
    color: whitesmoke;
    text-align: center;
    font-size: 25px;
    padding-top: 15px;
    font-family: 'Space Grotesk', 'sans-serif';
}
/* Middle */
.mid3{
    width: 100%;
    height: 15vh;
    background-color: black;
}
.midrap8{
    width: 80%;
    margin: auto;
}
.midrap8 h1{
    color: white;
    text-align: center;
    font-family: 'Vidaloka', 'serif';
    font-size: 70px;
}
/* Banner */
.ban1{
    background-image: url(./7.jpg);
    width: 100%;
    height: 80vh;
    background-size: cover;
}
.banrap{
    width: 100%;
    height: 80vh;
    background: linear-gradient(to right,rgba(0,0,0,0.9),rgba(0,0,0,0.1));
}
.banrap1{
    padding-top: 120px;
    margin-left: 100px;
}
.info{
    width: 40%;
    height: 20vh;
}
.info h1{
    color: whitesmoke;
    text-align: left;
    font-size: 50px;
    font-family: 'Holtwood One SC', 'serif';
    text-shadow: 0 12px 10px black;
}
.info h2{
    color:white;
    text-align: left;
    font-size: 25px;
    font-family: 'Quando', 'serif';
    padding-top: 20px;
    text-shadow: 0 2px 15px rgb(104, 6, 6);
}
.box3{
    width: 40%;
    margin-top: 40px;
    height: 8vh;
}
.box3 h3{
    text-align: center;
    color:darkturquoise;
    font-weight: bolder;
    font-size: 28px;
    padding-top: 10px;
}
.box3 h3 a{
    text-decoration: none;
    color: darkturquoise;
}
/* Banner */
.ban2{
    background-image: url(./11.jpg);
    width: 100%;
    height: 82vh;
    background-size: cover;
    box-shadow: 0 0 11px 12px black;
}
.banrap2{
    width: 100%;
    height: 82vh;
    background: linear-gradient(to right,rgba(0,0,0,0.9),rgba(0,0,0,0.1));
}
.banrap3{
    padding-top: 140px;
    margin-left: 100px;
}
.info1{
    width: 40%;
    height: 20vh;
}
.info1 h1{
    color:whitesmoke;
    text-align: left;
    font-size: 50px;
    font-family: 'Holtwood One SC', 'serif';
    text-shadow: 0 12px 10px black;
}
.info1 h2{
    color:whitesmoke;
    text-align: left;
    font-size: 25px;
    font-family: 'Quando', 'serif';
    padding-top: 20px;
    text-shadow: 0 2px 15px rgb(104, 6, 6);
}
.box4{
    width: 40%;
    margin-top: 40px;
    height: 8vh;
}
.box4 h3{
    text-align: center;
    color:deeppink;
    font-weight: bolder;
    font-size: 28px;
    padding-top: 10px;
}
.box4 h3 a{
    text-decoration: none;
    color: deeppink;
}
/* Banner */
.ban3{
    background-image: url(./12.jpg);
    width: 100%;
    height: 82vh;
    background-size: cover;
    box-shadow: 0 0 11px 12px black;
}
.banrap4{
    width: 100%;
    height: 82vh;
    background: linear-gradient(to right,rgba(0,0,0,0.9),rgba(0,0,0,0.1));
}
.banrap5{
    padding-top: 140px;
    margin-left: 100px;
}
.info2{
    width: 40%;
    height: 20vh;
}
.info2 h1{
    color:whitesmoke;
    text-align: left;
    font-size: 50px;
    font-family: 'Holtwood One SC', 'serif';
    text-shadow: 0 12px 10px black;
}
.info2 h2{
    color:whitesmoke;
    text-align: left;
    font-size: 25px;
    font-family: 'Quando', 'serif';
    padding-top: 20px;
    text-shadow: 0 2px 15px rgb(104, 6, 6);
}
.box5{
    width: 40%;
    margin-top: 40px;
    height: 8vh;
}
.box5 h3{
    text-align: center;
    color:mediumspringgreen;
    font-weight: bolder;
    font-size: 28px;
    padding-top: 10px;
}
/* Banner */
.ban4{
    background-image: url(./13.jpg);
    width: 100%;
    height: 82vh;
    background-size: cover;
    box-shadow: 0 0 11px 12px black;
}
.banrap6{
    width: 100%;
    height: 82vh;
    background: linear-gradient(to right,rgba(0,0,0,0.9),rgba(0,0,0,0.1));
}
.banrap7{
    padding-top: 140px;
    margin-left: 100px;
}
.info3{
    width: 40%;
    height: 20vh;
}
.info3 h1{
    color:whitesmoke;
    text-align: left;
    font-size: 50px;
    font-family: 'Holtwood One SC', 'serif';
    text-shadow: 0 12px 10px black;
}
.info3 h2{
    color:whitesmoke;
    text-align: left;
    font-size: 25px;
    font-family: 'Quando', 'serif';
    padding-top: 20px;
    text-shadow: 0 2px 15px rgb(104, 6, 6);
}
.box6{
    width: 40%;
    margin-top: 40px;
    height: 8vh;
}
.box6 h3{
    text-align: center;
    color:orange;
    font-weight: bolder;
    font-size: 28px;
    padding-top: 10px;
}
/* Middle */
.mid4{
    width: 100%;
    height: 165vh;
    background-color: black;
}
.midrap9{
    width: 80%;
    margin: auto;
    padding-top: 50px;
}
.glow{
    animation: glow 1s ease-in-out infinite alternate;
    text-align: right;
    color: whitesmoke;
    font-size: 50px;
    font-family: 'Yeseva One', 'cursive';
}
@-webkit-keyframes glow {
    from {
      text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px dodgerblue, 0 0 40px dodgerblue, 0 0 50px dodgerblue, 0 0 60px dodgerblue, 0 0 70px dodgerblue;
    }
    to {
      text-shadow: 0 0 20px #fff, 0 0 30px #ff4da6, 0 0 40px #ff4da6, 0 0 50px #ff4da6, 0 0 60px #ff4da6, 0 0 70px #ff4da6, 0 0 80px #ff4da6;
    }
}
.midrap9 h2{
    text-align: right;
    color: antiquewhite;
    font-size: 25px;
    font-family: 'Yusei Magic', 'sans-serif';
    padding-top: 30px;
}
.midrap9 h3{
    text-align: right;
    color: antiquewhite;
    font-size: 25px;
    font-family: 'Yusei Magic', 'sans-serif';
    padding-top: 10px;
}
.midrap9 img{
    height: 80vh;
    margin-top: 40px;
    margin-left: 75px;
    border: 10px solid antiquewhite;
}
/* Middle */
.mid5{
    width: 100%;
    height: 70vh;
    background-color: black;
}
.midrap10{
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    grid-column-gap: 15px;
    padding-top: 20px;
}
.box7 img{
    height: 45vh;
    margin-top: 12px;
}
.box7 h1{
    color: white;
    font-size: 28px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.box7 h2{
    color:khaki;
    font-size: 18px;
    padding-top: 10px;
    font-family: 'DM Serif Display', 'serif';
}
.box8 img{
    height: 45vh;
    margin-top: 12px;
}
.box8 h1{
    color: white;
    font-size: 28px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.box8 h2{
    color:khaki;
    font-size: 18px;
    padding-top: 10px;
    font-family: 'DM Serif Display', 'serif';
}
/* Middle */
.mid6{
    width: 100%;
    height: 85vh;
    background-color: black;
}
.midrap11{
    width: 100%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto;
    padding-top: 20px;
}
.box9 img{
    height: 80vh;
}
.box10{
    background-color: gold;
    margin-right: 350px;
    width: 76%;
}
.box10 h1{
    font-size: 40px;
    padding-top: 20px;
    color: darkred;
    padding-left: 15px;
    font-family: 'Patua One', 'cursive';
}
.box10 h2{
    font-size: 25px;
    padding-top: 12px;
    color: blue;
    padding-left: 15px;
    font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
}
.box10 h3{
    font-size: 24px;
    padding-top: 10px;
    color: black;
    border: 4px solid indigo;
    font-weight: bolder;
    background-color: darkorchid;
    width: 40%;
    height: 8vh;
    text-align: center;
    margin-top: 20px;
    margin-left: 25px;
}
/* Middle */
.mid7{
    width: 100%;
    height: 65vh;
    background-color:black;
}
.midrap12{
    width: 80%;
    margin: auto;
    padding-top: 30px;
}
.midrap12 h1{
    color: whitesmoke;
    font-size: 40px;
    border-bottom: 2px solid white;
}
.midrap13{
    width: 80%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto auto auto;
    padding-top: 20px;
}
.box11{
    background-color:rgb(4, 20, 37);
    border-top: 3px solid whitesmoke;
    border-bottom: 3px solid whitesmoke;
    border-left: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke;
}
.box12{
    background-color:rgb(4, 20, 37);
    border-top: 3px solid whitesmoke;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box13{
    background-color:rgb(4, 20, 37);
    border-top: 3px solid whitesmoke;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box13 h1{
    color: white;
    font-size: 20px;
    text-align: center;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bolder;
}
.box14{
    background-color:rgb(4, 20, 37);
    border-top: 3px solid whitesmoke;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box14 h1{
    color: white;
    font-size: 20px;
    text-align: center;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bolder;
}
.box15{
    background-color:rgb(4, 20, 37);
    border-top: 3px solid whitesmoke;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box15 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box16{
    background-color:black;
    border-left: 3px solid whitesmoke;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box16 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box17{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box17 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box18{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box18 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box19{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box19 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box20{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box20 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box21{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
    border-left: 3px solid whitesmoke; 

}
.box21 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box22{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box22 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box23{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box23 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box24{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box24 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box25{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box25 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box26{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
    border-left: 3px solid whitesmoke; 
}
.box26 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box27{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box27 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box28{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box28 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box29{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box29 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box30{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box30 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box31{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
    border-left: 3px solid whitesmoke; 
}
.box31 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box32{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box32 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box33{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box33 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box34{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box34 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box35{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box35 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box36{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
    border-left: 3px solid whitesmoke; 
}
.box36 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box37{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box37 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box38{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box38 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box39{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box39 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box40{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box40 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box41{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
    border-left: 3px solid whitesmoke; 
}
.box41 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box42{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box42 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box43{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box43 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box44{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box44 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box45{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box45 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box46{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
    border-left: 3px solid whitesmoke; 
}
.box46 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box47{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box47 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box48{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box48 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box49{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box49 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box50{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box50 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box51{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
    border-left: 3px solid whitesmoke; 
}
.box51 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box52{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box52 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box53{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box53 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box54{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box54 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
.box55{
    background-color:black;
    border-bottom: 3px solid whitesmoke;
    border-right: 3px solid whitesmoke; 
}
.box55 h1{
    color: white;
    font-size: 20px;
    padding-top: 5px;
    font-family: 'Times New Roman', Times, serif;
    text-align: center;
    font-weight: bolder;
}
/* Middle */
.mid8{
    width: 100%;
    height: 120vh;
    background-color: black;
}
.midrap14{
    width: 80%;
    margin: auto;
    padding-top: 20px;
}
.midrap14 h1{
    font-size: 50px;
    color: yellow;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bolder;
}
.midrap14 h2{
    font-size: 28px;
    color:bisque;
    font-family: 'Times New Roman', Times, serif;
    font-weight: bolder;
    padding-top: 15px;
    font-family: 'Concert One', 'cursive';
}
.video{
   margin-left: 20px;
}
/* Banner */
.ban{
    width: 100%;
    height: 68vh;
    background-image: url(./20.jpg);
    background-size: cover;
}
/* Middle */
.mid9{
    width: 100%;
    height: 50vh;
    background-color: black;
}
.midrap15{
    width: 80%;
    margin: auto;
    padding-top: 40px;
}
.midrap15 h1{
    color: whitesmoke;
    font-weight: bolder;
}
.midrap16{
    width: 90%;
    margin: auto;
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 20px;
}
.box56{
    background-color: rgb(26, 69, 148);
    margin-top: 35px;
    height: 25vh;
}
.midrap17{
    width: 80%;
    margin: auto;
    padding-top: 20px;
}
.box56 h2{
    color: whitesmoke;
    font-size: 30px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bolder;
}
.box56 h3{
    color: white;
    font-size: 20px;
    font-family: 'Amarante', 'cursive';
}
.box57{
    background: linear-gradient(to right,rgb(253, 165, 3),rgb(208, 71, 208));
    margin-top: 35px;
    height: 25vh;
}
.midrap18{
    width: 80%;
    margin: auto;
    padding-top: 20px;
}
.box57 h2{
    color: whitesmoke;
    font-size: 30px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bolder;
}
.box57 h3{
    color: white;
    font-size: 20px;
    font-family: 'Amarante', 'cursive';
}
.box58{
    background-color: dodgerblue;
    margin-top: 35px;
    height: 25vh;
}
.midrap19{
    width: 80%;
    margin: auto;
    padding-top: 20px;
}
.box58 h2{
    color: whitesmoke;
    font-size: 30px;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-weight: bolder;
}
.box58 h3{
    color: white;
    font-size: 20px;
    font-family: 'Amarante', 'cursive';
}
/* Footer */
.foot{
    width: 100%;
    height: 65vh;
    background-image: url(./50.jpg);
    background-size: cover;
}
.footrap{
    width: 100%;
    height: 65vh;
    background: linear-gradient(to right,rgba(0,0,0,0.5),rgba(0,0,0,0.9));   
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 10px;
}
.box59{
    margin-left: 60px;
}
.box59 img{
    height: 20vh;
    margin-top: 80px;
    margin-left: 90px;
}
.box59 h1{
    color: whitesmoke;
    text-align: center;
    font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
    font-size: 50px;
    padding-top: 15px;
}
.box60{
    margin-left: 40px;
    margin-top: 10px;
}
.box60 h1{
    font-size: 25px;
    color: whitesmoke;
    text-align: center;
    padding-top: 70px;
    font-weight: bolder;
    font-family: 'Patua One', 'cursive';
}
.box60 h2{
    font-size: 25px;
    color: whitesmoke;
    text-align: center;
    padding-top: 10px;
    font-weight: bolder;
    font-family: 'Patua One', 'cursive';
}
.box60 iframe{
    margin-left: 145px;
    margin-top: 10px;
}
.box61{
    margin-top: 60px;
    margin-right: 150px;
}
.box61 h1{
    font-family: 'Times New Roman', Times, serif;
    font-size: 35px;
    color:gold;
    font-weight: bolder;
    text-align: center;
}
.box61 h2{
    text-align: center;
    padding-top: 10px;
}
.box61 h2 a{
    color: white;
    text-decoration: none;
    font-size: 30px;
    font-weight: bolder;
    font-family: 'Patua One', 'cursive';
}
/* Footer */
.foot1{
    width: 100%;
    height: 8vh;
    background-color: rgb(47, 46, 46);
}
.footrap1{
    width: 80%;
    margin: auto;
}
.footrap1 h1{
    font-size: 22px;
    text-align: center;
    font-family: 'Times New Roman', Times, serif;
    color: whitesmoke;
    padding-top: 15px;
    font-weight: bolder;
}