page.css

html{
    background-color: azure;
    font-size: 62.5%;
}
.cont{
    display: flex;
    margin:8rem;
    border:.2rem solid rgb(87, 72, 72);
    border-radius: .2rem;
    /* flex-direction: column; */
}
.he{
    font-size:8rem;
    margin:2rem;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    color: black;
    text-align: center;
}
.menucards{
    display:flex;
    flex-direction: column;
    margin:1.2rem;
    padding:.4rem;
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    background-color: rgb(206, 185, 185);
    color:white;
    border:.2rem solid black;
    text-align: center;
    width: 28rem;
    height: 31rem;
}
img{
    height:10rem;
    width:10rem;
    border:.1rem solid white;
    margin:auto;
    margin:auto;
}
.br{
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    font-size: 1.2rem;
}
a{
    height:2rem;
    width: 9rem;
    padding-top: 0.9rem;
    margin:auto;
    background-color: black;
    border:.2rem solid white;
    color:white;
    border-radius: 5rem;
    text-decoration: none;
}
a:hover{
    background-color: white;
    border:.2rem solid rgb(0, 0, 0);
    color:rgb(0, 0, 0);
}
.h{
    font-size: 3rem;
    color: black;
}