@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

body {
    background-color: #E2EBEE;
}

section {
    
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}

.icon-panel i {
    font-size: 36px;
    display: inline-block;
    /* outline: 0; */
    padding-inline:10px;
    margin-inline: 15px;
    border: 0;
    cursor: pointer;
    will-change: box-shadow,transform;
    background: radial-gradient( 100% 100% at 100% 0%, #f28670 0%, #FD5D3D 100% );
    border-radius: 0.3em;
    color: #fff;
    text-shadow: 0 1px 0 rgb(0 0 0 / 40%);
    transition: box-shadow 0.15s ease, transform 0.15s ease;
}

.icon-panel i:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
    transform: translateY(-0.1em);
}

.icon-panel i:active {
    box-shadow: inset 0px 0.1em 0.6em #FD5D3D;
    transform: translateY(0em);
}


.contact a {
    color: inherit;
    text-decoration: none;
}

footer{
    background-color: #f57157;
}

footer a {
    color: inherit;
    font-weight: bold;

}

footer i:hover {
    color: #E2EBEE;
}