body{
        margin: 0px;
        padding: 0px;
        font-family: sans-serif;
        height: 45rem;
        width: 70rem;
        margin: auto;
    }

   
    .classp{
        border: 2px solid green;
        background-color: rgba(100, 159, 237, 0.238);
        height: 22.5rem;
        border: none;
        padding: 8px;
        border-radius: 10px;
    }

    .classp2{
        display: flex;
        justify-content: center;
        margin-bottom: 50px;
        height: 72px;
    }

   
   
    
    
    
    
    
    button:active{
    cursor: pointer;
    box-shadow: 0px 0px 5px 5px pink;
    border-radius: 12px;
    border: none;
    background-color: white;
    color: black;   
    }


    
    .class1{
    width: 70px;
    height: 35px;
    border: none;
    border-radius: 10px;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
    
    }


    .class2{
    width: 70px;
    height: 35px;
    border: none;
    border-radius: 10px;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
    
}
.class3{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class4{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class5{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class6{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class7{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class8{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class9{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class10{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class11{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class12{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class13{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class14{
    width: 70px;
    height: 35px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class15{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class16{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class17{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class18{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class19{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class20{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class21{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class22{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class23{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class24{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class25{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class26{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class27{
    width: 270px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class28{
    width: 170px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class29{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class30{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class31{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class32{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class33{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class34{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class35{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class36{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class37{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class38{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class39{
    width: 62px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class40{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class41{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class42{
    width: 200px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class43{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class44{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class45{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class46{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class47{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class48{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class49{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class50{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px slid rgb(47, 189, 255);
}
.class51{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class52{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class53{
    width: 200px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class54{
    width: 220px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class55{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class56{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class57{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class58{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class59{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class60{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class61{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class62{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class63{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class64{
    width: 250px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class65{
    width: 65px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class66{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class67{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class68{
    width: 60px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class69{
    width: 450px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class70{
    width: 65px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class71{
    width: 65px;
    height: 50px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class72{
    width: 65px;
    height: 27px;
    margin-left: 69.5px;
    margin-bottom: 5px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class73{
    width: 65px;
    height: 27px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class74{
    width: 40px;
    height: 27px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class75{
    width: 65px;
    height: 27px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class76{
    width: 65px;
    height: 27px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}
.class77{
    width: 65px;
    height: 27px;
    border-radius: 12px;
    border: none;
    background-color: black;
    color: white;
    border-bottom: 4px solid rgb(47, 189, 255);
}




.classh1{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
    gap: 10px;
    
    }
    .classh2{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        gap: 10px;
        
    }
    .classh3{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        gap: 10px;
        
    }
    .classh4{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        gap: 10px;
        
    }
    .classh5{
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
        gap: 10px;
        
    }
    .classh6{
        display: flex;
        align-items: center;
        margin-top: 10px;
        gap: 10px;

    }

    .classh7{
        margin: 6px;
        margin-right: 6px;
        
        
    }
    .classh8{
        display: flex;
        
        

    }