@keyframes appear {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

html {
    height: 100%;
}

body {
    display: flex;
    
    height: 100%;
    /* mobile viewport bug fix */
    /* min-height: -webkit-fill-available; */

    background-color: rgb(57, 74, 97);
    background-image: radial-gradient(circle farthest-corner at 10% 20%,  rgb(49, 64, 85) -29.9%, rgba(66, 86, 112, 0) 130.3% );
    padding: 0;
    margin: 0;
}

img {
    width: 90%;
    max-width: 578px;
    height: auto;
    margin: auto;
    animation-name: appear;
    animation-duration: 1.3s;
    animation-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    animation-fill-mode: forwards;
}