* {
    padding: 0;
    margin: 0;
box-sizing: border-box;
}
body {
    font-family: Arial, Helvetica, sans-serif;
}
ul:hover {
display: flex;
list-style-type: none;
gap: 20px;
margin-top: -5px;
cursor: pointer; 

}
ul:hover {
text-decoration: underline;
color: aqua;
}
    

header {
    display: flex;
justify-content: space-between;
background-color: #999999;
height: 15vh;
align-items: center;
padding: 40px;
}
main {
    display: flex;
    height: 75vh;
    background-color: red;
    .content {
        width: 70%;
        height: 40vh;
        background-color: green
    }
    .side {
        width: 30%;
        height: 40vh;
        background-color: blue;
    }
    .card h2 {
    width: 200px;
height: 200px;
    background-color: yellow;
    font-size: 1em;
    /* display: flex; */
border: 1px solid #000000;
text-align: center;

}
}
footer {
    background-color: yellow;
    height: 10vh;
}