body {
    background-color: #767676;
    animation: fadein 1s;
}
h1 {
    color: #000000;
    text-align: center;
    font-family: 'Gleam';
    font-size: 10rem;
    font-weight: lighter;
    margin: 0px;
}
img {
    -webkit-user-drag: none;
    user-select: none;
}

.header {
    background-color: #2f4f4f;
    padding: 4px;
    text-shadow:1px 1px 2px #000;
}
.navbar {
    background-color: #2f4f4f;
    color: #000;
    padding: 10px;
    text-align: center;
}
.content {
    font-family: "Basquiat";
    font-weight: 50;
    font-size: 5rem;
}
.emoji {
    display:inline;
}
.footer {
    background-color: #2f4f4f;
    color: #000000;
    text-align: center;
    padding: 10px;
    margin-bottom: 0;
    text-shadow: 1px 1px 2px #000000; 
}

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

@font-face {
    font-family: "Basquiat";
    src: url("fonts/BASQUIAT.otf") format("otf"),
    url("fonts/BASQUIAT.woff2") format("woff2"),
    url("fonts/BASQUIAT.ttf") format("ttf");
}

@font-face {
    font-family: "Gleam";
    src: url("fonts/HCGleam-Reg.otf") format("otf"),
    url("fonts/HCGleam-Reg.woff2") format("woff2");
}