@import"https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap";:root{font-family:Roboto,serif;--bg-color: #121212;--font-color: #FFFFFF;--primary-color: #BB86FC;--secondary-color: #FF7597;--success-color: #4CAF50;--error-color: #CF6679;--dark-gray-color: #333333;--light-gray-color: #1E1E1E;--hover-color: #2C2C2C;--orange-color: #cf6603}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--font-color)}a{color:var(--primary-color);text-decoration:none;color:var(--font-color)}a:hover{color:var(--hover-color)}.btn{background-color:var(--primary-color);border:none;color:var(--font-color);padding:5px;border-radius:.3rem}.btn:hover{background-color:var(--hover-color);cursor:pointer}.nav-link{cursor:pointer;font-weight:600}.nav-link:hover{text-shadow:1px 1px 2px black}.wrapper[data-v-5fa120c1]{display:flex;flex-direction:row;justify-content:space-between;gap:1rem;height:100vh}.nav[data-v-5fa120c1]{display:flex;text-transform:uppercase;font-size:large;letter-spacing:.2rem;justify-content:space-between;align-items:center;writing-mode:vertical-rl;gap:1rem;flex-grow:1}header[data-v-5fa120c1],footer[data-v-5fa120c1]{padding:.8rem;display:flex;flex-direction:column;justify-content:space-between;align-content:center;gap:1rem}header a[data-v-5fa120c1],footer a[data-v-5fa120c1]{color:#000}header[data-v-5fa120c1]:after,header[data-v-5fa120c1]:before,footer[data-v-5fa120c1]:after,footer[data-v-5fa120c1]:before{display:block;content:"";width:2px;background-color:var(--orange-color);flex-grow:1;align-self:center}.header--hidden[data-v-5fa120c1]{transition:.5s}@media screen and (max-width: 800px){.header--hidden[data-v-5fa120c1]{min-width:50px;position:relative}.header--hidden .nav[data-v-5fa120c1]{display:none}.header--hidden .open-menu[data-v-5fa120c1]{display:block}}header[data-v-5fa120c1]{transition:.5s;background-color:var(--orange-color);height:100%;min-width:200px}header[data-v-5fa120c1]:after,header[data-v-5fa120c1]:before{background-color:#000}header .open-menu[data-v-5fa120c1]{background-color:#000;display:none}@media screen and (max-width: 800px){header[data-v-5fa120c1]{position:fixed}}main[data-v-5fa120c1]{flex-grow:1;overflow-y:scroll}main[data-v-5fa120c1]::-webkit-scrollbar{width:0}footer[data-v-5fa120c1]{color:var(--orange-color)}footer .nav[data-v-5fa120c1]{justify-content:center;flex-grow:1}footer .nav a[data-v-5fa120c1]{color:var(--orange-color)}footer span[data-v-5fa120c1]{writing-mode:vertical-rl;flex-grow:1}