@font-face {
    font-family: 'ADELIA';
    src: url('../fonts/ADELIA.ttf') format('opentype');
}

@font-face {
    font-family: 'Lexend';
    src: url('../fonts/Lexend-VariableFont_wght.ttf') format('truetype')
}

:root {
    --midnight-blue: #191970;
    --ocean-mist: #56b9a2;
    --tropical-teal: #5FB0B7;
    --dusty-denim: #6c91bfae;
    --white-smoke: #F5F3F5;
    --ditto-pink-light: #D3BEDB;
    --ditto-pink-dark: #cb99df;
    --ditto-blue-light: #90CCEC;
    --ditto-blue-dark: #6abfed;
    --ditto-blue-darkest: #1594d8;
    --ditto-pink-darkest: #a633d4;
}

body {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
    padding-bottom: 100px;
}

a {
    text-decoration: none;
}

.dotted-divider {
    border-top: 1.5px dashed black;
}

footer {
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Lexend', Arial, Helvetica;
    font-size: 10px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
}

footer img {
    height: 2em;
    width: auto;
    vertical-align: middle;
    position: static;
    float: none;
    margin: 0 4px;
    transform: none;
}

#sitemap {
    color: black;
}

#sitemap:hover {
    color: var(--ditto-blue-darkest);
}

#sitemap-2:hover {
    color: var(--ditto-blue-darkest)
}