@charset "utf-8";
/* CSS Document */

/* RESET */


*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{
    width:100vw;
    height:100vh;

    display:flex;
    justify-content:center;
    align-items:center;

    background:white;

    overflow:hidden;
}

.splash-logo{

    font-family:'Cormorant Garamond', serif;

    font-size:70px;

    font-weight:300;

    letter-spacing:1px;

    color:black;

    text-decoration:none;

    opacity:0;

    animation:fadeIn 2s ease forwards;

    transition:0.3s ease;
}

.splash-logo:hover{
    opacity:0.5;
}

@keyframes fadeIn{

    from{
        opacity:0;
    }

    to{
        opacity:1;
    }

}


/* =========================
   MOBILE VERSION
========================= */

@media screen and (max-width:768px){

body{

    padding:20px;

}

.splash-logo{

    font-size:39px;

    line-height:0.9;

    letter-spacing:0;

    text-align:center;

    white-space:normal;

    word-break:break-word;

}

}