nav{
    font-size: 20px;
    background-color: rgba(194, 164, 164, 0.959);
    
}
.nav-item{
    margin-left: 3px;
}

h1{
    margin: 15px;
    color: white;
    padding: 10px;
}

body{
    background-color: rgb(151, 185, 199);
    font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}

.intro-title{
    margin-top: 4%;
    background-color: rgb(166, 209, 166);
    padding: 6px;
    color:rgba(0, 0, 0, 0.644);
    text-align: center;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
}

.intro-text{
    text-align: center; 
    font-size: 15px;
    margin-bottom: 20px;
    margin-top: 15px;
}
.zt-gif{
    display:block;
    margin-left: auto;
    margin-right: auto;
}

.mi-title{
    background-color: rgb(132, 206, 187);
    padding: 6px;
    color: rgba(0, 0, 0, 0.644);
    padding-left: 30px;
    width: 70%;
    margin-top: 5%;
    margin-bottom:4%;
    border-radius: 7px;
}

.bsd{
    min-width: 400px;
}

.a-title1{
    font-size: 30px;
}

.bsd-title{
    padding: 5px;
    text-align: center;
    font-size: 15px;
    background-color: rgba(241, 134, 95, 0.856);
    border-radius: 10px;
}

.k{
    min-width: 400px;
}

.k-title{
    font-size:15px;
    padding:5px;
    text-align: center;
    background-color: rgba(216, 112, 147, 0.836);
    border-radius: 10px;
}
.hxh{
    min-width: 400px;
}

.h-title{
    font-size: 15px;
    padding:5px;
    text-align: center;
    background-color: rgb(214, 214, 119);
    border-radius: 10px;
}

.v-title{
    padding: 6px;
    color: rgba(0, 0, 0, 0.644);
    padding-left: 30px;
    width: 70%;
    margin-top: 5%;
    margin-bottom:4%;
    background-color: rgba(168, 168, 224, 0.904);
    border-radius: 7px;
}

.rz{
    min-width: 400px;
}

.rz-title{
    font-size: 15px;
    padding:5px;
    text-align: center;
    background-color: rgb(87, 128, 161);
    border-radius: 10px;
}

.sao{
    min-width: 400px;
}

.sao-title{
    font-size: 15px;
    padding:5px;
    text-align: center;
    background-color: rgba(133, 206, 126, 0.822);
    border-radius: 10px;
}

.rag{
    min-width: 400px;
}

.rag-title{
    font-size: 15px;
    padding:5px;
    text-align: center;
    background-color: rgba(240, 200, 233, 0.822);
    border-radius: 10px;
    
}

.rag-pic{
    margin-bottom: 10%;
}

.outro{
    margin-top: 6%;
    margin-bottom: 20px;
    text-align: center;
    background-color: rgba(252, 221, 221, 0.815);
    border-radius: 5px;
    color: rgb(119, 117, 117)
}

.outro-gif{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15%
}