:root {
    --default-width: 600px;
}

body {
    margin: 0px;
    background-color: #098387;
}

a img {
    display: block;
}

#container {
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#main {
    margin-bottom: 20px;
    margin-inline: auto;
    width: min(100vw - 80px, var(--default-width));
}

#buttons {
    height: fit-content;
    width: min(100vw - 80px, var(--default-width));
    margin-inline: auto;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}