@charset "utf-8";
/* CSS Document */

/* RESET */





@font-face {
	
    font-family: "Cormorant Garamond";
	
    src: url("fonts/CormorantGaramond-Light.ttf") format("truetype");
	
    font-weight: 300;
	
    font-style: normal;
}


@font-face {
	
    font-family: "Cormorant Garamond";
	
    src: url("fonts/CormorantGaramond-Regular.ttf") format("truetype");
	
    font-weight: 400;
	
    font-style: normal;
}





*{
	
    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;
    }

}
















@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;

}

}

