h1{

text-align: center;
 color: black; 

}
h1::after { 
content: "";
display: block;
height: 3px;
background-color: black;
margin-top: 6px;

}
p{
font-size: 25px;
color: blue;
}
.box {
display: flex;
flex-direction: column;
align-items: center;

}
.box a { margin-top: 5px;
padding: 8px;
border: 7px solid color(rgb(8, 8, 8));
border-radius: 9px;
text-decoration: none;
display: inline-block;
box-shadow: 0 4px 10px rgb(0, 0, 0, 0.15);
transition: all 0.3s ease;
color: black;

}
.box a:hover{
background-color: #394e68;
color: #fff;
}
.box img{
border-radius: 15px;


}