@font-face {
    font-family: "Tangerine";
    src: url(../fonts/Tangerine/Tangerine-Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Oi";
    src: url(../fonts/Oi/Oi-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Lobster";
    src: url(../fonts/Lobster/Lobster-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


body {
    min-height: 105vh;
    background-color: #6d0130;
    color: white;
    padding: 3rem 0;
}

#headline {
    text-shadow: 3px 1px 3px #000;
}

.lobster {
    font-family: "Lobster";
    font-size: 7rem;
    color: #f07e32;
}

h1.tangerine {
    font-family: "Tangerine";
    font-size: 4rem;
    font-weight: bold;
    /* line-height: 6.85rem; */
    margin-bottom: -2rem;
}

span.asset {
    font-family: "Oi";
    font-size: 4.25rem;
}

.content {
    font-style: italic;
    /* line-height: 2rem; */
}

ul {
    list-style-type: none;
}

.smaller-lobster{
    font-size: 2rem;
}

@media (min-width: 1024px) {

    h1.tangerine,
    .lobster {
        font-size: 12rem;
    }

    .lobster {
        text-shadow: 5px -2px 10px #fff;
    }    

    .smaller-lobster{
        font-size: 4rem;
        text-shadow: 2px -2px 0px #fff;        
    }

    .content {
        font-size: 2rem;
    }

    .bi-emoji-smile-upside-down,
    .bi-emoji-smile-fill{
        width: 32px;
        height: 32px;
    }

}