main ul{
    list-style-type:disc ;
}
#margin{
    margin-bottom:2vh;
}
#dop{
    margin-bottom:2vh; 
}
.material_buttons{
    display: flex; 
    justify-content: center;
    gap: 5%;
    flex-wrap: wrap;
    margin-inline: 15px;
}

.material_buttons button {
    background-color: rgba(224, 154, 25);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    cursor: pointer;

    border: 0px;
    border-radius: 13px;

    width: 300px;
    height: 50px;

    transition: all 0.3s ease;
    margin-bottom: 10px;
}

.material_buttons button:hover{
    background-color: rgba(201, 142, 33, 1);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.5);
}
main h1{
    text-align: center;
    margin-bottom: 10px;
}
main h2{
    margin-top: 0px;
    margin-left:2% ;
    margin-right:2%;
    text-align:center;
    font-weight: 500;
}

@media (max-width:1213px) {
    h1{
        font-size: 24px;
    }
    
}
@media (max-width:1213px) {
    h2{
        font-size: 18px;
    }
}

@media (max-width:915px) {
    h2{
        font-size: 16px;
    }
}
table{
    width: 70%;
    margin: auto;
    border-collapse: collapse;
    border: 2px solid black;
    margin-bottom: 30px;
}

@media (max-width:900px){
    table{
        width: 70vw;
    
    }
    
}
td{ 
   padding: 10px;
   border-right: 2px solid black;
   color: #354f66;
   font-weight: 600;
}
td:nth-child(2){
    text-align: center;
    width: 30%;
    min-width: 105px;
}

th{
    padding: 10px;
    border-right: 2px solid black;
    border-bottom: 2px solid black;
    background-color:#8ec47c44;
    color:#000000a1;
}
th:nth-child(2){
    text-align: center;
    background-color:#8ec47c3b;;
    color:#000000a1;
}

tr{
    background-color: #b7c1c7da;
}
tr:nth-child(2n){
    background-color: #8eaeb6b9;
}

@media screen {
    
}

.style{
    font-family: 'Montserrat', sans-serif;
    font-size: 38px; 
    font-weight: 400; 
    color: #333;
    text-align: center; 
    line-height: 1.4; 
    text-transform: uppercase; 
    letter-spacing: 3px;
    margin:20px;
}
.clock{
    font-weight: 700; 
    color: #000;
    text-transform: uppercase;
}

@media(max-width:950px){
    .style{
        font-size: 30px;
    }

    .clock{
        font-size: 20px;
    }
}

@media(max-width:470px){
    .style{
        font-size: 20px;
    }

    .clock{
        font-size: 16px;
    }
}