:root {
        --color-primary: hsl(100, 50%, 90%);
        --color-secondary: hsl(100, 50%, 10%);
        --color-tertiary: hsl(160, 80%, 20%);
        --color-accent: hsl(40, 80%, 20%);
        --warning: hsl(51 100% 36%);
    }


body {
    display: flex;
    background: var(--color-primary);
    align-items: center;
    font-family: "Figtree", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.container {
    margin: auto;
    width: 90%;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* justify-content: center; */
    height: 95vh;
}

.info {
    width: 100vw;
    background-color: var(--warning);
    text-align: center;
    overflow: visible;
}

li {
    list-style-type: "- ";
    padding-top: .1rem;
}

footer {
    margin-top: auto;
    display: flex;
    align-content: center;
}
.credit {
    padding-top: .2rem;
    text-align: end;
    margin-right: .5rem;
}

.links {
    text-align: start;
}