body{padding:0;margin:0;overflow-x:hidden}.container{width:1600px;margin:auto}@media all and (max-width: 1599px){.container{max-width:100vh}}#header{width:1600px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;border:0;min-height:95px;padding:20px 0;margin-left:0;position:fixed;top:20px;z-index:100}#header .logo,#header .line{transition:all .2s ease-in-out}#header.scrolled{width:1600px;background:#ffffff1a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);margin-left:-15px;padding:15px;top:0}#header.scrolled .logo{filter:invert(1);transition:all .2s ease-in-out}#header.scrolled .menu-container>.line{background:#000}#header.scrolled .menu-container:hover>.line{background:#fff}#header a{text-decoration:none;color:#fff}.menu-container{display:flex;flex-direction:column;justify-content:center;gap:8px;background:#0000;padding:10px;border-radius:15px;aspect-ratio:1;transition:background .2s ease-in-out}.menu-container:hover{background:#000c}.menu-container .line{background:#fff;height:2px;width:40px}.hero{width:100%;height:85vh;display:flex;align-items:center;justify-content:center;background-size:cover;background-position:center;color:#fff;text-align:center}.heroContainer{height:75vh;width:100%}.canvasBackground{background:#ffe366;background:radial-gradient(circle,#ffe366 24%,#ffa600)}@media all and (max-width: 767px){.heroContainer{max-height:100px}}h2{font-family:"Poppins",Sans-Serif;font-weight:900;font-style:normal;font-size:190px;text-transform:uppercase;text-align:center;margin:0}.simple-text-container{padding:75px 0;text-align:center;text-transform:uppercase;display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.container--inner{max-width:770px}p{font-family:Poppins,sans-serif;font-weight:400;font-style:normal;font-size:19px;line-height:19px}h2,h3{font-family:"Poppins",Sans-Serif;font-weight:900;font-style:normal;font-size:190px;text-transform:uppercase;text-align:center;margin:0;text-shadow:0 3px 0 #000000}p{font-family:"Poppins",Sans-Serif;font-weight:400;font-style:normal;text-transform:uppercase}.items--container{position:relative;display:flex;flex-direction:column;gap:80px}.item{max-width:100%;width:100%;height:75vh;background-position:center;background-size:cover;background-repeat:no-repeat;position:sticky;top:50px;border:3px solid #000;border-radius:30px;transition:transform .3s ease-out,filter .3s ease-out;display:flex;align-items:flex-end;box-shadow:0 15px #000}.item .project-title{font-family:"Poppins",Sans-Serif;font-weight:900;font-style:normal;text-transform:uppercase;font-size:55px;color:#fff;margin:0}.overlay{padding:40px 60px;width:100%;display:flex;justify-content:space-between;align-items:flex-end}.overlay .tags{display:flex;flex-direction:row;gap:20px}.overlay .tag{color:#fff;font-family:"Poppins",Sans-Serif;font-weight:400;font-style:normal;text-transform:uppercase;margin:0;border-radius:50px;border:1px solid #000;box-shadow:0 3px #000;padding:5px 10px;cursor:grab;transition:transform .2s ease-in-out}.overlay .tag:hover{transform:scale(1.08)}.overlay .tag:active{cursor:grabbing}.icon-grid--container{width:1600px;max-width:1600px;margin-bottom:70px}.icons--container{display:grid;grid-template-columns:repeat(5,1fr);gap:20px}.icon--wrapper .icon{width:60%;position:relative;z-index:20}.icon--wrapper span{position:relative;z-index:20}.icons--container .icon--wrapper{position:relative;background:#fff;border:1px solid #000;border-radius:30px;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:20px;font-family:"Poppins",Sans-Serif;font-style:normal;font-weight:900;text-transform:uppercase;font-size:16px;transition:all .3s ease-in-out;z-index:50;overflow:hidden;cursor:pointer;box-shadow:0 10px #000}.icons--container .icon,.icons--container span{pointer-events:none}.icons--container .icon--wrapper:hover{border:1px solid transparent}.icon--wrapper:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background:#fff;border-radius:29px;z-index:10;transform:scale(.992)}.icon--wrapper:before{content:"";position:absolute;inset:-15px;background:conic-gradient(red,orange,#ff0,#0f0,#0ff,#00f,violet,red);border-radius:30px;z-index:-1;transform:scale(1.2);filter:blur(35px);opacity:0;transition:opacity .3s ease-in-out;animation:spinGradient 2s linear infinite}.icon--wrapper:hover:before{opacity:1}@keyframes spinGradient{0%{transform:rotate(0) scale(1.2)}to{transform:rotate(360deg) scale(1.2)}}.contact--container form{margin:auto;max-width:750px;display:flex;flex-direction:column;gap:20px;padding:0 0 75px}.contact--container form>div{display:flex;flex-direction:column}.contact--container form label{display:none}.contact--container input{border-radius:50px;border:1px solid #000;font-family:"Poppins",Sans-Serif;font-style:normal;font-weight:400;padding:20px;min-width:100%;box-shadow:0 3px #000}.contact--container textarea{border-radius:30px;border:1px solid #000;font-family:"Poppins",Sans-Serif;font-style:normal;font-weight:400;padding:20px;min-width:100%;max-width:750px;height:200px;min-height:200px;max-height:300px;box-shadow:0 3px #000}.contact--container input::placeholder,.contact--container textarea::placeholder{text-transform:uppercase}.contact--container form button{width:fit-content;background:#000;border:1px solid #000;border-radius:50px;color:#fff;font-family:"Poppins",Sans-Serif;font-style:normal;font-weight:900;text-transform:uppercase;font-size:30px;padding:10px 30px;margin:auto;transition:all .2s ease-in-out;cursor:pointer}.contact--container form button:hover{background:#fff;border:1px solid #000;color:#000}.footer{width:calc(100% - 80px);margin:auto auto 20px;border-radius:30px;background:#000;color:#fff;padding:80px 20px;z-index:100}.footer h4,.footer p,.footer a{font-family:"Poppins",Sans-Serif;font-style:normal;color:#fff;text-transform:uppercase;margin:0}.footer h4{font-weight:900;font-size:28px}.footer p,.footer a{font-weight:400;text-decoration:none}.footer .grid--4{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}.footer .grid-item:nth-child(4){align-content:end;text-align:right}.footer .menu--wrapper{display:flex;flex-direction:column;gap:0}.footer p.copyright{font-size:14px}