:root{--color-primary:#3a1078;--color-secondary:#d86ecc;--color-text:#000;--color-accent:#ccc0ff;--color-white:#fff;--color-dark-purple:#2e1a65;--color-light-grey:#ebe9e9}*{font-family:Outfit,sans-serif}.navbar-header .nav-btn{color:var(--color-dark-purple);font-size:20px;font-weight:250;padding:10px 22px;transition:all .2s}.navbar-header .nav-btn:hover{color:var(--color-secondary);font-weight:250;transition:all .2s}.navbar-header .nav-btn-drop{background:var(--color-accent);font-size:1rem;font-weight:250;margin-top:0;min-width:180px}.navbar-header .nav-btn-drop .drop-link{transition:background-color .2s,color .2s}.navbar-header .nav-btn-drop .drop-link:hover{background-color:var(--color-dark-purple);color:var(--color-white)}.navbar-header .contact-btn{border:2px solid var(--color-secondary);color:var(--color-secondary);font-size:1rem;font-weight:300;transition:all .2s}.navbar-header .contact-btn:hover{background:var(--color-secondary);color:var(--color-white)}.navbar-header .mobile-menu-toggle i{color:var(--color-dark-purple);font-size:1.5rem}.navbar-header .mobile-menu-drop{background:var(--color-light-grey);color:var(--color-dark-purple);font-size:1.25rem;font-weight:250;padding:1rem 0}.navbar-header .mobile-dropdown-btn{background:none;border:none;color:var(--color-dark-purple);font-size:1.25rem;font-weight:300;text-align:left}.navbar-header .mobile-nav-btn-drop{color:var(--color-dark-purple);font-size:1.1rem;font-weight:300}.navbar-header .mobile-nav-btn-drop-inside{color:var(--color-dark-purple);font-size:1rem;font-weight:300}.navbar-header .mobile-menu-drop .drop-link:focus,.navbar-header .mobile-menu-drop .drop-link:hover{color:var(--color-secondary)}.slide-down{opacity:0;transform:translateY(-10px);transform-origin:top;transition:all .25s ease}.slide-down.open{opacity:1;transform:translateY(0)}