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

html {
    font-size: 16px;
}

body {
    margin: 0;
    background: var(--bg);
    color: var(--text);
    line-height: 1.5;
}

a {
    color: var(--link);
    text-decoration: none;
    transition:
        color 0.2s ease,
        background 0.2s ease,
        opacity 0.2s ease,
        border-color 0.2s ease,
        transform 0.2s ease;
}

a:hover {
    color: var(--link-hover);
}

img {
    display: block;
    max-width: 100%;
}

::selection {
    background: var(--aqua);
    color: #000;
}