@keyframes slide-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slide-out{0%{transform:translate(0)}to{transform:translate(100%)}}nav{border-bottom:3px solid #1e2936;display:flex;justify-content:space-between;align-items:center}nav div,nav li{display:flex;align-items:center;list-style-type:none}nav .nav-links-inactive,nav .nav-links-active{display:flex}nav .hamburger-menu{height:100%;gap:6px;flex-direction:column}nav .hamburger-menu span{background-color:#00acc1}nav a{transition:color .4s}nav a:hover{color:#00acc1}nav .active a{color:#00acc1}nav #nav a span{transition:color .4s}nav #nav a span:hover{color:#00acc1}@media screen and (min-width: 768px) and (max-width: 991px){nav .hamburger-menu{display:none}nav #nav,nav .nav-links-inactive,nav .nav-links,nav .nav-links-active{gap:30px;display:flex}}@media screen and (min-width: 992px) and (max-width: 1199px){nav .hamburger-menu{display:none}nav #nav,nav .nav-links-inactive,nav .nav-links,nav .nav-links-active{gap:30px;display:flex}}@media screen and (min-width: 1200px){nav .hamburger-menu{display:none}nav #nav,nav .nav-links-inactive,nav .nav-links,nav .nav-links-active{gap:30px;display:flex}}@media screen and (min-width: 992px) and (max-width: 1199px){nav .nav-links-inactive,nav .nav-links,nav .nav-links-active{font-size:20px}nav #nav{gap:30px}nav #nav a span{font-size:25px}nav #nav img{width:60px}nav .nav-links-inactive a span,nav .nav-links a span{text-wrap:nowrap;border:3px solid #8E24AA;border-radius:10px;background-color:#8e24aa;cursor:pointer;padding:8px 15px;color:#fff!important;transition:all .4s}nav .nav-links-inactive a span:hover,nav .nav-links a span:hover{background-color:transparent}}@media screen and (min-width: 1200px){nav .nav-links-inactive,nav .nav-links,nav .nav-links-active{font-size:20px}nav #nav{gap:30px}nav #nav a span{font-size:25px}nav #nav img{width:60px}nav .nav-links-inactive a span,nav .nav-links a span{text-wrap:nowrap;border:3px solid #8E24AA;border-radius:10px;background-color:#8e24aa;cursor:pointer;padding:8px 15px;color:#fff!important;transition:all .4s}nav .nav-links-inactive a span:hover,nav .nav-links a span:hover{background-color:transparent}}@media screen and (min-width: 768px) and (max-width: 991px){nav .nav-links-inactive,nav .nav-links,nav .nav-links-active{font-size:15px}nav #nav{gap:30px}nav #nav a span{font-size:20px}nav #nav img{width:50px}nav .nav-links-inactive a span,nav .nav-links a span{text-wrap:nowrap;border:3px solid #8E24AA;border-radius:10px;background-color:#8e24aa;cursor:pointer;padding:5px 10px;color:#fff!important;transition:all .4s}nav .nav-links-inactive a span:hover,nav .nav-links a span:hover{background-color:transparent}}@media screen and (min-width: 768px) and (max-width: 991px){nav{padding:1% 6%}}@media screen and (min-width: 992px) and (max-width: 1199px){nav{padding:1% 6%}}@media screen and (min-width: 1200px){nav{padding:.5% 5%}}@media screen and (min-width: 0px) and (max-width: 575px){.nav-links-inactive{display:none;animation:slide-out .5s forwards}.nav-links-active{display:none;display:flex;animation:slide-in .5s forwards}nav{padding:2% 9%}nav .hamburger-menu{display:flex}nav .nav-links{display:none}nav .nav-links-inactive,nav .nav-links-active{flex-direction:column;position:absolute;gap:15px;height:100%;top:0;right:0;background-color:#1e2936;padding:30px}nav #nav{gap:15px}}@media screen and (min-width: 576px) and (max-width: 767px){.nav-links-inactive{display:none;animation:slide-out .5s forwards}.nav-links-active{display:none;display:flex;animation:slide-in .5s forwards}nav{padding:2% 9%}nav .hamburger-menu{display:flex}nav .nav-links{display:none}nav .nav-links-inactive,nav .nav-links-active{flex-direction:column;position:absolute;gap:15px;height:100%;top:0;right:0;background-color:#1e2936;padding:30px}nav #nav{gap:15px}}@media screen and (min-width: 576px) and (max-width: 767px){nav .nav-links-inactive,nav .nav-links-active{font-size:20px}nav .hamburger-menu span{width:35px;height:5px}nav #nav a span{font-size:25px}nav #nav img{width:45px}}@media screen and (min-width: 0px) and (max-width: 575px){nav .nav-links-inactive,nav .nav-links-active{font-size:15px}nav .hamburger-menu span{width:30px;height:4px}nav #nav a span{font-size:20px}nav #nav img{width:40px}}