* {

margin:0;
padding:0;
box-sizing:border-box;

}


body {

background:#1e1b18;

height:100vh;

overflow:hidden;

color:#bbaa99;
font-family: Palatino, URW Palladio L, Bookman, URW Bookman L, Georgia, serif; 

}


#background {

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background-size:cover;

background-position:center;

animation:breathe 18s infinite alternate ease-in-out;

}


#overlay {

position:fixed;

top:0;
left:0;

width:100%;
height:100%;

background:#1e1b18;

opacity:0;

animation:darken 8s forwards;

}



.title {

position:absolute;

top:50%;
left:50%;

transform:translate(-50%, -50%);

color:#bbaa99;

text-decoration:none;

font-size:2rem;
letter-spacing:.18em;
text-align:center;

text-shadow:
2px 2px 4px #1e1b18,
-1px -1px 2px #1e1b18;

}


.title:hover {

opacity:.8;

}

@keyframes darken {

from {

opacity:0;

}

to {

opacity:.85;

}

}



@keyframes breathe {


0% {

transform:scale(1);

}


35% {

transform:scale(1.03);

}


65% {

transform:scale(1);

}


100% {

transform:scale(1.02);

}

}