#T_BODY{

    position: relative;
    top: 10vh;
    margin:  0 auto ;

}

#T_MAIN{

    max-width: 1200px;
    margin: 0 auto ;

    margin-top: 10vh;
    
    display: block;

}


video{

    display: block;
    width: 30vw;
    max-height: 50vh;
    margin: 0 auto;



}

h1{


    font-size: 50px;
    margin-bottom: 30px;

}

main p{


    line-height: 40px;
    margin-bottom: 40px;
   
}

details{

    padding-left: 100px;
    margin: 30px 0 100px;

}
.text{
    display: block;
    padding-left: 100px;
    margin-top: 10px;

}







.text{

    width: fit-content;
    display: block;
   

}

#Index{

    padding-left: 0;
    text-align: center;
    width: 40%;
    margin: 0 auto;
    background-color: rgba(0, 255, 255, 0.233);
    border-radius: 30px;

}





#Index p{

    font-size: 24px;
    padding-left: 0;

}

#Index li{

  
    height: 50px;
    list-style: none;
    

}


#Index li:hover{


    color: rgba(1, 255, 255, 0.562);

}








 ul,ol,#T_MAIN dl{

    width: fit-content;
    margin: 50px auto 50px;
    background-color: rgba(0, 255, 255, 0.233);
    border-radius: 30px;



}

ul li,ol li,#T_MAIN dl dd{

    margin-bottom: 30px;

}






#examine{

    margin:  0 auto;
    width: 50vw;
    height: auto;


}

.Form {

    border: solid 1px;

    

}

img{

    display: block;
    margin:  0 auto;

}



@media (max-width:480px) {


    h1{

        font-size: 30px;


    }
    
    #Index{

        width: 80%;


    }

    video{


        width: 100vw;;
        height: auto;
      

    }
    
}