* {
    margin: 0;
    padding: 0;
    font-family: 'Kanit', sans-serif;
}
body{
    background-color: whitesmoke;
}

/* -------------------- */
.container{
    width: 60%;
    margin-top: 13rem;
}
.box{
    background-color: #ffe3e3;
    border-radius: 10px;
    margin: 2rem 2rem;
    text-align: center;
    padding-top: 1.5rem;
    cursor: pointer;
 
}
.box i{
    font-size: 3rem;
    color: #FF5959;
}
.box a{
    text-decoration: none;
}
.text-box{
    margin-top: 1rem;
    font-weight: bold;
    color: black;
}
.text-head{
    font-weight: bold;
    text-align: center;
    font-size: 36px;
}
.box:hover{
    
-webkit-box-shadow: 0 12px 34px #ffd4d4;
-moz-box-shadow: 0 12px 34px #ffd4d4;
box-shadow: 0 12px 34px #ffd4d4;
}