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

html, body {
    margin: 140px;
	background-color: #1C1C1C;
    animation: easein 5.0s;
}

.wrapper {
    position: relative;
	min-height: 100%;
}

#smiley {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 150px;
    text-shadow: 10px 10px 10px #000000;
}

#content {
    padding: 25px;
    display: flex;
    justify-content: center; 
    align-items: center;
    font-family: Helvetica;
    letter-spacing: 0.1rem;
    color: #F2F2F2;
    font-size: 40px;
    text-shadow: 12px 12px 12px #000000;
}

#textline {
    display: flex;
    justify-content: center; 
    align-items: center;
    font-family: Helvetica;
    letter-spacing: 0.1rem;
    color: #BDBDBD;
    font-size: 20px;
}

#textline a {
    text-decoration: underline;
    color: #000000;
}

#textline a:hover {
    text-decoration: overline;
    color: #555555;
    transition: 2s;
}

#copy {
    margin-top: 150px;
    display: flex;
    justify-content: center; 
    align-items: center;
    font-family: Trebuchet MS;
    font-size: 16px;
    color: #555555;
}

#imprint {
    margin-top: 5px;
    display: flex;
    justify-content: center; 
    align-items: center;
    font-family: Helvetica;
    letter-spacing: 0.1rem;
    color: #BDBDBD;
    font-size: 16px;
}

#imprint a {
    text-decoration: underline;
    color: #555555;
}

#imprint a:hover {
    text-decoration: overline;
    color: #000000;
    transition: 2s;
}

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