#T_BODY{

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

}

#T_MAIN{

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

    margin-top: 10vh;
    
    display: block;

}

h1{


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

}

main p{


    line-height: 40px;

}

details{

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

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

}


img{

    max-height: 40vh;
    display: block;
    margin: 0 auto;


}

video{

    max-height: 40vh;
    display: block;
    margin: 0 auto;


}


.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);

}





details{

    padding: 0;
    margin: 0 auto;


}

#videos{
    margin: 0 auto;
    max-height: 40vh;
    width: 80%;
    display: flex;
    justify-content: space-between;

}

#sample a{

    display: block;
    margin-bottom: 10px;


}

#Calendar p {
   
    text-align: center;
    line-height: 20px;
    font-size: 12px;;

}

#money {

    display: flex;
   


}

#money img{

    margin: 0 auto;


}


#moneyAnnotation{


    text-align: center;
    line-height: 20px;
    font-size: 12px;;

}


#playVideo{

    margin-bottom: 100px;
   

}

#playVideo p{

    text-align: center;


}

@media (max-width:480px) {


    h1{

        font-size: 30px;


    }
    
    #Index{

        width: 80%;


    }


    
}