:root {
    --bg-color: hsl(270, 22%, 2%);
    --text-color: hsl(120, 33%, 57%);
    --accent-color: hsl(120, 59%, 14%);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-family: monospace;
    background-color: var(--bg-color);
    color: var(--text-color);
    overflow-x: hidden;
}

canvas {
    background-color: var(--bg-color);
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
}

img, a {
    user-drag: none;
    user-select: none;
    -webkit-user-drag: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

a {
    text-decoration: none;
}

::selection {
    background-color: #808080;
    color: #ffffff;
}

h3 {
    text-align: center;
    font-size: 2rem;
    margin-bottom: 20px;
}

section {
    padding: 50px;
    @media(max-width: 480px){
        padding: 20px;
    }
}