@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@100;200;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&display=swap";.navbar{background-color:#fff;height:80px;display:flex;justify-content:flex-start;align-items:center;position:sticky}.menu-bars{margin-left:2rem;font-size:2rem;background:none}.nav-menu{background-color:#3770f4;width:250px;height:100svh;display:flex;align-items:center;position:fixed;flex-direction:column}.nav-menu.active{left:0;transition:.35s}.nav-text{display:flex;justify-content:flex-start;align-items:center;list-style:none;height:60px}.nav-text{list-style:none;height:60px}.nav-text a{text-decoration:none;color:#f5f5f5;font-size:18px;height:100%;display:flex;align-items:center;padding:8px 0;border-radius:4px;position:relative}.nav-text a img{color:#f5f5f5;padding-left:16px;height:16px}.nav-text a span{margin-left:10px;padding-right:16px}.nav-text .nav-icon-container{width:50px;display:flex;justify-content:flex-end;padding:10px 10px 10px 0;border-radius:0 20px 20px 0}.nav-text.active .nav-icon-container{background:#f5f5f5;animation:go-front 1s}@keyframes go-front{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}.nav-text.active img{border-radius:0 20px 20px 0}.nav-text.active span{font-weight:700}.nav-text a{text-decoration:none;color:#f5f5f5;font-size:18px;width:100%;height:100%;display:flex;align-items:center;border-radius:4px}.nav-text a:hover{background-color:#1a83ff}.nav-menu-items{width:100%;height:100%;display:flex;flex-direction:column}.navbar-toggle{background-color:#3770f4;width:100%;height:80px;display:flex;justify-content:flex-start;align-items:center}@media only screen and (max-width: 1200px){.nav-menu{top:0;left:-100%;transition:.85s;z-index:5}.navbar{justify-content:space-between;padding-right:20px}}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Bebas Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%}body #root{height:100%}body #root main{height:100%}@media (max-width: 769px){body{height:100svh;zoom:100%}}@media (min-width: 1921px){body{height:100svh;zoom:100%}}