body {
    font-family: "Onest", sans-serif;
    font-optical-sizing: auto;
    text-shadow: rgba(26, 29, 32, 0.6) 0 2px 1.4rem;
    background: linear-gradient(#6a8da3, #eaeae9);
}

.manrope {
    font-family: "Manrope", sans-serif;
    font-optical-sizing: auto;
}

.icon {
    width: 28px;
    vertical-align: middle;
    filter: invert(1);
    transition: filter .15s ease-in-out;
}

.btn:hover .icon {
    filter: invert(0.2);
}

.btn-toolbar {
    margin-top: 1.8rem;
}

.btn {
    border-width: 2px;
    box-shadow: rgba(39, 43, 47, 0.15) 0 1px 1.6rem;
}