@import url(https://fonts.googleapis.com/css2?family=Montserrat&display=swap);body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}*{box-sizing:border-box;padding:0;margin:0}.App{text-align:center;font-family:"Montserrat",sans-serif}.NavbarItems{background:linear-gradient(90deg,#5f889b,#34206b,#5f889b);height:80px;display:flex;justify-content:center;align-items:center;font-size:1.2rem}.navbar-logo{color:#fff;justify-self:start;margin-left:20px;cursor:pointer}.fa-react{margin-left:.5rem;font-size:2rem}.nav-menu{display:grid;grid-template-columns:repeat(5,auto);grid-gap:10px;list-style:none;text-align:center;width:70vw;justify-content:end;margin-right:2rem}.nav-links{color:#fff;text-decoration:none;padding:.5rem 1rem}.nav-links:hover{background-color:#5a22c2;border-radius:5px;transition:all .2s ease-in-out}.fa-bars,.fa-times{color:#fff;margin-left:2rem}.menu-icon,.nav-links-mobile{display:none}@media screen and (max-width:960px){.NavbarItems{position:relative}.nav-menu{display:flex;flex-direction:column;width:100%;height:400px;position:absolute;top:80px;left:-100%}.nav-menu,.nav-menu.active{opacity:1;transition:all .5s ease}.nav-menu.active{background-color:#6668f4;left:0;z-index:1}.nav-links{text-align:center;padding:2rem;width:100%;display:table}.nav-links:hover{background-color:#7577fa;border-radius:0}.navbar-logo{position:absolute;top:0;left:0;transform:translate(25%,50%)}.menu-icon{display:block;position:absolute;top:0;right:0;transform:translate(-100%,60%);font-size:1.8rem;cursor:pointer}}:root{--primary:#3acbf7}.btn{border-radius:5px;outline:none;border:none;cursor:pointer;transition:all .3s ease-out}.btn,.btn:hover{padding:8px 20px}.btn:hover{background:#fff;color:#6568f4}.btn--primary{background-color:#3acbf7;background-color:var(--primary)}.btn--outline{background-color:transparent;border-radius:5px;border:1px solid #3acbf7;border:1px solid var(--primary);transition:all .3s ease-out}.btn--medium,.btn--outline{color:#fff;padding:8px 20px}.btn--medium{border-radius:5px;font-size:18px}.btn--large{padding:12px 26px;border-radius:5px;color:#fff;font-size:20px}
/*# sourceMappingURL=main.bfd3eca3.chunk.css.map */