:root {
     --light: #3e98ff;
     --normal: #0466d7;
     --dark: #0a338d;
     --grey: #b9b9b9;
}

* {
     margin: 0;
     padding: 0;
     -webkit-box-sizing: border-box;
     box-sizing: border-box;
     font-optical-sizing: auto;
     scroll-behavior: smooth;
}

html,
body {
     width: 100vw;
     min-height: 100vh;
     padding: 0;
     margin: 0;
     overflow-x: hidden;
     scroll-behavior: smooth;
     position: relative;
     background-color: #f2f2f2;
     font-family: "Roboto", sans-serif;
     font-size: 1vw;
     font-weight: 400;
     font-style: normal;
}

.quasar {
     display: none;
}

.quasar.active {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}

nav.sublinks {
     display: none;
}

nav.sublinks.active {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
}