@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.2/css/all.min.css);@import url(https://fonts.googleapis.com/css2?family=Kumbh+Sans:wght@400;700&display=swap);*{box-sizing:border-box;margin:0;padding:0;font-family:var(--font),sans-serif;text-decoration:none;list-style:none}:root{--font:"Kumbh Sans";--background:#131313;--text:#f5f5f5;--primary-color:#fcb045;--secundy-color:#fd1d1d;--third-color:#833ab4;--hover:#4837ff}.navbar__menu{display:flex;align-items:center;list-style:none;text-align:center}.navbar__item{height:80px}.navbar__links{color:var(--text);text-decoration:none;height:100%}.navbar__btn,.navbar__links{display:flex;align-items:center;justify-content:center;padding:0 1rem}.button,.navbar__btn{width:100%}.button{display:flex;justify-content:center;align-items:center;text-decoration:none;padding:10px 20px;height:100%;border:none;outline:none;border-radius:4px;background:var(--primary-color);color:var(--text)}.button:hover{background:var(--hover)}.button:hover,.navbar__links:hover{-webkit-transition:all .3s ease;transition:all .3s ease}.navbar__links:hover{color:var(--primary-color)}@media screen and (max-width:960px){.navbar__container{display:flex;justify-content:space-between;height:80px;z-index:1;width:100%;max-width:1300px;padding:0}.navbar__menu{display:grid;grid-template-columns:auto;margin:0;width:100%;position:absolute;top:-1000px;z-index:-1}.navbar__menu,.navbar__menu.active{opacity:1;-webkit-transition:all .5s ease;transition:all .5s ease;height:50vh}.navbar__menu.active{background:var(--background);top:100%;z-index:99;font-size:1.6rem}#navbar__logo{padding-left:25px}.navbar__toggle .bar{width:25px;height:3px;margin:5px auto;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:var(--text)}.navbar__item{width:100%}.navbar__links{text-align:center;padding:2rem;width:100%;display:table}.navbar__btn{padding-bottom:2rem}.button{display:flex;justify-content:center;align-items:center;width:80%;height:80px;margin:0}#mobile-menu{position:absolute;top:20%;right:5%;-webkit-transform:translate(5%,20%);transform:translate(5%,20%)}.navbar__toggle .bar{display:block;cursor:pointer}#mobile-menu.is-active .bar:nth-child(2){opacity:0}#mobile-menu.is-active .bar:first-child{-webkit-transform:translateY(8px) rotate(45deg);transform:translateY(8px) rotate(45deg)}#mobile-menu.is-active .bar:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg)}}