*, *::before, *::after, *:hover {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    transition: all .3s ease-in-out;
}

svg {
    transition: none;
}

html, body {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    width: 100%;
    height: 100vh;
    background-color: var(--main-color);
    overflow: hidden;
    user-select: none;
}


h1, h2, h3, h4, h5, h6, p, a, span, button, input, textarea {
    color: var(--text-color);
    outline: none;
    border: none;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

a, button {
    cursor: pointer;
}