body{
    box-sizing: border-box;
    text-align: center;
    background-color: rgb(36, 157, 143);
}
header{
    padding: 10px;
    background-color: rgb(36, 157, 143);
}
main{
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(2, 2fr);
    gap: 10px;
    background-color: rgb(253, 240, 213);
    padding: 10px;
    border-radius: 15px;
}
.items{
    grid-column: span 1;
    padding: 10px;
    border-radius: 10px;
    text-align: center;
}

#item1
{
    background-color: rgb(255, 221, 156);
}
#item2
{
    background-color: rgb(249, 182, 55);
}
#item3
{
    background-color: rgb(251, 108, 0);
}
#item4
{
    background-color: rgb(231, 63, 30);
}
.icons
{
    font-size: 50px;
}

footer{
    padding: 10px;
    margin-top: 10px;
    background-color: rgb(36, 157, 143);
}
a, h2{
    text-decoration: none;
    color: black;
}