:root{--main: rgb(70, 30, 90);--text: rgb(255, 175, 55);--secondary: rgb(98, 37, 135);--black: rgba(0, 0, 0, .2);--white: rgb(255, 255, 255);--hover: rgba(83, 1, 143, .673);--active: rgb(232, 146, 160);--section: rgb(239, 217, 252);--darker: rgb(51, 2, 76);--bla: #111}*{box-sizing:border-box;margin:0;padding:0}body{font-family:texturina,Arial,Helvetica,sans-serif;line-height:1.6;color:var(--black);background-color:var(--white)}.container{width:75%;margin:0 auto;max-width:1200px}header{width:100%;height:72px;position:fixed;top:0;left:0;z-index:1000;pointer-events:none}#nav{display:flex;justify-content:space-between;align-items:center;padding:1rem 2rem;width:75%;margin:10px auto 0;background-image:linear-gradient(var(--bla),var(--secondary));color:var(--text);border-radius:30px;pointer-events:auto;box-shadow:0 4px 6px var(--black)}header.scrolled #nav{width:100%;box-shadow:0 4px 10px #00000080}.logo span{display:flex;font-size:1.5rem;font-weight:700;white-space:nowrap}.logo img{display:none}.logo a{text-decoration:none;color:inherit}.link-column{display:flex;flex:1}.nav-links{display:flex;justify-content:center;align-items:center;gap:1.5rem;list-style:none;flex:1;padding:0;margin:0}.nav-links li a{text-decoration:none;color:inherit;font-weight:500;transition:color .3s ease}.nav-links li a:hover,.logo:hover{color:var(--hover)}.nav-links li a:active,.logo:active{color:var(--active)}.cta-button{background-color:var(--secondary);padding:10px 20px;border-radius:25px;text-decoration:none;color:var(--text);transition:all .3s ease;border:none;cursor:pointer;font-family:inherit;font-size:1rem;white-space:nowrap}.hamburger{display:none;flex-direction:column;cursor:pointer;background:none;border:none;padding:5px}.hamburger span{width:25px;height:3px;background-color:var(--text);margin:3px 0;transition:all .3s ease;border-radius:2px}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(8px,8px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(7px,-7px)}@media(max-width:1050px){header{width:100%}#nav{margin-top:0;width:100%;position:relative;border-radius:0}.nav-links{display:none;position:absolute;top:100%;left:0;right:0;min-width:200px;background:var(--secondary);flex-direction:column;padding:2rem;border-radius:0 0 20px 20px;box-shadow:0 0 20px 20px var(--black)}.nav-links.active,.hamburger{display:flex}.cta-button{display:none}}
