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

* {
    margin: 10px;
}

body {
    font-family: "Roboto", sans-serif;
    line-height: 1.5;
    -webkit-font-smoothing: antialiased;
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
}

input, button, textarea, select {
    font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
    overflow-wrap: break-word;
}

h1 {
    font-size: 6vw !important;
}

h2 {
    font-size: 4vw !important;
}

p {
    font-size: 3vw;
}

#root, #__next {
    isolation: isolate;
}

ul {
    list-style: none;
}

a, a:active, a:visited {
    color: black;
    text-decoration: none;
}

.nav-bar {
    display: flex;
    justify-content: space-between;
}