@font-face{
    font-family: "Brandon Grot W01 Light";
    src: url("../fonts/brandon-grot-w01-light.woff2")format("woff2");
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}

@font-face {
    font-family: "Lulo Clean W01 One Bold";
    src: url("../fonts/lulo-clean-w01-one-bold.woff2")format("woff2");
}

:root {
    --important: #000000;
    --primary: #110d0a;
    --background-light: rgb(250, 250, 250);
}

@media screen and (min-width: 800px) {
    :root {
        font-size: larger;
    }
}

.content {
    max-width: 1000px;
    height: 95%;
    margin: auto;
    display: flex;
    flex-direction: column;
}

.description {
    text-align: center;
}

.info {
    font-size: small;
}

:root {
    font-family: "Brandon Grot W01 Light",sans-serif;

    background-color: var(--background-light);
    color: var(--primary);
    --bg-gradient:
            radial-gradient(circle at 13.382161458333334% 75.99934895833333%, var(--primary) 0%, var(--primary) 17.5%, rgba(244,172,169,0) 35%),
            radial-gradient(circle at 54.94954427083333% 47.05403645833333%, rgba(255,255,255,0.53) 0%, rgba(255,255,255,0.53) 31.5%, rgba(255,255,255,0) 63%),
            radial-gradient(circle at 48.9013671875% 49.521484375%, var(--primary) 0%, 100%, rgba(244,172,169,0) 100%);
}

h1 {
    font-family: "Lulo Clean W01 One Bold", sans-serif;
}

.header {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.image-link {
    display: block;
}

.logoset {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.logo {
    width: calc(min(30%, 20vh));
    aspect-ratio: 1;
}

.logo-image {
    width: 100%;
}

.circle {
    border-radius: 50%;
}

.dotless-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

html, body {
    margin: 0;
    height: 100%;
}

* {
    margin-top: 0;
    margin-bottom: 0;
}