body {
    max-width: 1180px;
    margin: auto;
    background-image: linear-gradient(to top, #e6b980 0%, #eacda3 100%);
    font-family: Poppins, Arial;
}

h1 {
    padding: 20px 20px;
}

.container {
    border: 1px solid white;
    width: calc(100%/4);
    float: left;
    text-align: center;
    margin: 20px 20px;
    border-radius: 12px;
    padding: 20px 0px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    height: 55px;
}

.container a{
    font-family: Poppins,Arial;
    font-size: 20px;
    color: black;
    text-decoration: none;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    vertical-align: center;

}

.container a:hover {
    color: white;
    font-weight: bold;
}