html {
    box-sizing: border-box;
}

*,
*::before,
*::after {
    box-sizing: inherit;
}

body {
    margin: 0;
}

img {
    max-width: 100%;
}

/* TYPOGRAPHY */
body {
    font-family: Arial, sans-serif;
}

.wireguard-title {
    margin: 0;
    text-transform: uppercase;
}

.wireguard-color {
    margin: 0;
    font-size: 1.125rem;
    font-weight: 700;
}

/* LAYOUT */
.content {
    margin: 3em auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75em 0;
}

.wireguard-picker {
    margin: 0;
}

/* MEDIA */