body {
    margin: 0;
    background-color: #f8f9fa;
    font-family: "Heebo", sans-serif;
    color: #464D69;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

::selection {
    background-color: #e62b24;
    color: #fff;
}

::-moz-selection {
    background-color: #e62b24;
    color: #fff;
}

#loading {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

#loading img {
    -webkit-animation-name: loading;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction: alternate;

    animation-name: loading;
    animation-duration: 1s;
    animation-iteration-count: infinite;
    animation-direction: alternate;
}

@-webkit-keyframes loading {
    from {
        box-shadow: 0px;
        transform: scale(1);
        -webkit-box-shadow: 0px;
        -webkit-transform: scale(1);
    }
    to {
        transform: scale(1.1);
        box-shadow: 0px 0px 20px -6px #888;
        -webkit-transform: scale(1.1);
        -webkit-box-shadow: 0px 0px 20px -6px #888;
    }
}

@keyframes loading {
    rom {
        box-shadow: 0px;
        transform: scale(1);
        -webkit-box-shadow: 0px;
        -webkit-transform: scale(1);
    }
    to {
        transform: scale(1.1);
        box-shadow: 0px 0px 20px -6px #888;
        -webkit-transform: scale(1.1);
        -webkit-box-shadow: 0px 0px 20px -6px #888;
    }
}