@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500&display=swap");:root{--primary-color:#782ace;--secondary-color:#FFDA63;--light:#faf3e0;--dark:#b574f4}body{background-color:var(--primary-color);color:var(--secondary-color);margin:0;padding:0;font-family:Inter,sans-serif}.header{position:relative;width:200px;height:200px;margin:auto}.nav{background-color:var(--secondary-color);color:var(--primary-color);padding:1rem}.navList{list-style-type:none;display:flex;justify-content:space-around;margin:0;padding:0}.navItem{margin:0}.navItem a{text-decoration:none;font-size:1.1rem;font-weight:700;padding:.5rem;transition:color .3s ease-in-out}.gold{background-color:var(--secondary-color);color:var(--primary-color)}.title{font-size:2rem;color:var(--secondary-color)}.bold,.title{font-weight:700}.text-center{text-align:center}input[type=number]{-moz-appearance:textfield}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:inner-spin-button;opacity:1!important}.quote{font-family:Georgia,serif;font-size:1.25rem;font-style:italic;padding:1rem;border-left:4px solid var(--dark);border-radius:8px;margin:1.5rem;line-height:1.6;text-align:left;width:-moz-fit-content;width:fit-content}.slogan{height:4rem;display:flex;align-items:center;justify-content:center}.slogan h2{font-family:Georgia,serif;font-size:1.5rem;transition:all .3s ease}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:9999}.overlay-content{background:#e1dddd;padding:20px;border-radius:5px;text-align:center;width:80%;max-width:500px;font-size:1.15rem;max-height:80vh;overflow-y:auto}.close-btn{background-color:var(--primary-color);border:1px solid var(--primary-color);color:white;padding:10px 20px;cursor:pointer;border-radius:5px}.close-btn:hover{background-color:white}.close-btn:hover,a{color:var(--primary-color)}a,a:hover{text-decoration:none}a:hover{color:var(--dark)}.container{max-width:1200px;margin:2rem auto;width:90%;background:var(--dark);padding:2rem;border-radius:10px}h1{font-size:2rem}h2{font-size:1.65rem}h3{font-size:1.25rem}.box{border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.2);background:linear-gradient(135deg,var(--secondary-color),white);color:var(--primary-color);padding:2rem}input{padding:12px;font-size:1rem;border:1px solid var(--primary-color);border-radius:5px;margin-bottom:1rem;background-color:white;width:50px}input:focus{border-color:var(--primary-color);outline:none;box-shadow:0 0 5px rgba(0,114,255,.3)}.cookies{background-color:var(--light);color:rgb(21,20,20);padding:1rem;z-index:9999;box-sizing:border-box;position:fixed;bottom:0;left:0;width:100%}.cookies,footer{text-align:center}footer{margin-top:30px;padding:20px;color:var(--secondary-color)}footer a{color:var(--light)}footer a:hover{color:var(--secondary-color)}@media (max-width:768px){h1{font-size:1.6rem}h2{font-size:1.25rem}h3{font-size:1rem}.container{padding:.5rem}.box{max-width:80%;margin:auto}.quote{padding:.5rem;margin:.25rem}.quote,.slogan h2{font-size:1.1rem}}