body{
    margin:0;
    background:white;
    color:black;
    font-family: "Inter", Helvetica, Arial, sans-serif;

    display:flex;
    justify-content:left;

    min-height:100vh;
}

.page{
    position:relative;          /* needed for overlay positioning */
    max-width:900px;
    margin:0 auto;

    display:inline-block;       /* keeps image sizing clean */
}

.fade-in-illustration{
    display:block;
    height:500px;

    opacity:0;
    animation:fadeIn 2s ease-in-out forwards;
}

/* LINKS OVER IMAGE */

.overlay-links{
    position:absolute;

    top:65px;
    left:15px;

    display:flex;
    flex-direction:column;
    gap:6px;
    align-items:flex-start;
    z-index:10;
}

.overlay-links a{
    color:white;
    text-decoration:none;
    font-size:19px;
    letter-spacing:1px;

   
    padding:6px 10px;
}

/* FADE IN */

@keyframes fadeIn{
    from{
        opacity:0;
    }

    to{
        opacity:1;
    }
}

html, body {
    overflow: hidden !important;
    height: 100vh;
    width: 100vw;
    margin: 0;
    padding: 0;
}