body {
background-color: black;
font-size: medium;

}

.hoal {
    width: 90%;
    height: 300px; 
    background-color: beige;
    border: 1px solid  white;
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 2px 4px black;
    text-align: center;
}
.hoal p {
    margin: 10px;
}

.hoal a {
display: inline-block;
padding: 10px;
margin: 5%;
text-decoration: none;
border-radius: 4px;
text-align: center;
width: 20%;
box-sizing: border-box;

}

.holo1 {color: chartreuse;
    background-color: cadetblue;
    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;

}

.holo2 {color: chartreuse;
    background-color: orangered;
    font-family:'Times New Roman', Times, serif
}
.holo3 {color: chartreuse;
    background-color: peru;
    font-family:'Times New Roman', Times, serif
}
.holo4 {color: chartreuse;
    background-color: slategrey;
    font-family:'Times New Roman', Times, serif
}