button{
    background-color:darkslateblue;
    color: wheat;
    font-family: "Bitcount Ink", sans-serif;
    font-size: large;
    border: none;
    padding: 15px 30px;
    cursor: pointer;
    border-radius: 25px;
    text-shadow: 1px 1px 2px #0f0c29;
    
}
#cat{
    display: grid;
    justify-content: center;
    gap: 15px;
    margin-top: 200px;
    grid-template-columns: 1fr 1fr;
    padding: auto;
    margin-bottom: 20px;
    margin-left: 250px;
    margin-right: 250px;

}
button:hover{
    background-color: #0f0c29;
    color: crimson;
    text-shadow: 1px 1px 2px #fff;
}
#home{
    display: grid;
    justify-content: center;
    gap: 15px;
    margin-top: 200px;
    grid-template-columns: 1fr 1fr;
    padding: auto;
    margin-bottom: 20px;
    margin-left: 200px;
    margin-right: 400px;
}
.home-button{
    background-color:sienna;
    color: wheat;
    font-family: "Bitcount Ink", sans-serif;
    font-size: large;
    border: none;
    padding: 15px 30px;
    cursor: pointer;
    border-radius: 25px;
    text-shadow: 1px 1px 2px #0f0c29;
}


#homework{
    display: grid;
    justify-content: center;
    gap: 15px;
    margin-top: 100px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: auto;
    margin-bottom: 250px;
    margin-left: 200px;
    margin-right: 200px;
}
.study{
    background-color:wheat;
    color: brown;
    font-family: "Bitcount Ink", sans-serif;
    font-size: large;
    border: none;
    padding: 10px 15px;
    cursor: pointer;
    border-radius: 25px;
    text-shadow: 1px 1px 2px #0f0c29;
}
#medical{
    display: grid;
    justify-content: center;
    gap: 15px;
    margin-top: 100px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    padding: auto;
    margin-bottom: 250px;
    margin-left: 200px;
    margin-right: 200px;
}
.med{
    background-color:purple;
    color: yellowgreen;
    font-family: "Bitcount Ink", sans-serif;
    font-size: large;  
    border: none;
    padding: 5px 10px;
    cursor: pointer;
    border-radius: 25px;
    text-shadow: 1px 1px 2px #0f0c29;
}