html, body {
    height: 100%;
}

:root {
    --dot-spacing: -40px;
}

* {
    box-sizing: border-box;
}

body {
    font-family: 'Fjalla One', sans-serif;
}

/* .footer-logo {
    position: relative;
    transform: translateY(-50% + 24px);
} */

.dot {
    position: absolute;
}

.dots--first {
    top: var(--dot-spacing);
    left: var(--dot-spacing);
}
.dots--second {
    top: var(--dot-spacing);
    right: var(--dot-spacing);
}
.dots--third {
    bottom: var(--dot-spacing);
    left: var(--dot-spacing);
}
.dots--fourth {
    bottom: var(--dot-spacing);
    right: var(--dot-spacing);
}