html,body{overflow:hidden;background-color:#000}.loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:fit-content;padding-bottom:5px;font-weight:700;font-family:monospace;font-size:30px;overflow:hidden;color:#fff0;text-shadow:0 0 0 #ffffff,10ch 0 0 #ffffff;background:linear-gradient(#fff 0,#fff 0) bottom left/0% 3px no-repeat;animation:animateBar 3s infinite}.loader:before{content:"Loading..."}@keyframes animateBar{80%{text-shadow:0 0 0 #ffffff,10ch 0 0 #ffffff;background-size:100% 3px}to{text-shadow:-10ch 0 0 #ffffff,0 0 0 #ffffff}}.loading-counter{position:absolute;left:20%;top:80%;width:100%;height:2px;background:#fff;transform:scaleX(2);transition:tranform 1s;will-change:transform;font-size:18px}.burger_icon{position:absolute;top:10%;left:93%;transform:translate(-50%,-50%);color:#000;z-index:1000;cursor:pointer}.first_bar,.second_bar,.third_bar{width:50px;height:3px;background-color:#000;margin:10px 0;border-radius:2px;transition:.4s}.burger_icon:hover .second_bar{width:30px}.burger_icon:hover .third_bar{width:20px}.burger_icon.active:hover .third_bar{width:50px}.menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;justify-content:space-between;align-items:center;height:60vh;color:#a0a0a0;font-size:2rem;font-weight:700;text-align:center;text-transform:uppercase;z-index:1000;cursor:default;opacity:0;visibility:hidden;transition:transform 1s ease-in-out,opacity .5s ease-in-out,visibility .5s}.menu>div{flex:0 0 auto}.menu.active{visibility:visible;opacity:1}.Work a,.About_me a,.Contact a{text-decoration:none;letter-spacing:.1em;color:#a0a0a0;transition:.4s ease-in-out;font-family:inter,sans-serif}.Work,.About_me,.Contact{letter-spacing:.1em;cursor:pointer;transition:.4s ease-in-out}.Work:hover,.About_me:hover,.Contact:hover{font-size:2.5rem}.Work:hover a,.About_me:hover a,.Contact:hover a{color:#fff}body,html{margin:0;padding:0;overflow-x:hidden}.Page{background-color:#171717;padding:10px}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#171717;transition:transform .7s ease-in;z-index:1000}.overlay.hidden{transform:translate(-100%);pointer-events:none}.Header{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:10px}img{cursor:pointer}.nav_bar{display:flex;justify-content:center;align-items:center;gap:50px}.nav_bar a{font-family:inter,sans-serif;font-size:15px;color:#59f7ff;text-decoration:none;position:relative}.nav_bar a:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:1px;background-color:#59f7ff;transition:width .3s ease}.nav_bar a:hover:after{width:100%}.Title{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:100px 10px 10px;gap:100px}h1{font-family:inter,sans-serif;font-size:80px;font-weight:700;color:#59f7ff;text-transform:capitalize}.Form{width:550px}ul{display:flex;flex-direction:row;justify-content:space-between;list-style:none;border:none}.Form-button{position:relative;background:none;border:none;color:#59f7ff;font-family:inter,sans-serif;font-size:20px;cursor:pointer;transition:opacity .3s ease}.Form-button:after{content:"";position:absolute;left:0;bottom:-2px;width:0%;height:1px;background-color:#59f7ff;transition:width .3s ease}.Form-button:hover:after{width:100%}.Grid-Container{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;width:1000px;margin:0 auto;padding:20px}.items{margin:0;padding:0;background-size:cover;background-position:center;border:solid 1px;border-color:#fff;position:relative;box-shadow:10px 5px 5px #fff;cursor:pointer}.items:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:100%;background-color:#000;opacity:0;color:#fff;display:flex;justify-content:center;align-items:center;font-family:inter,sans-serif;font-size:50px;text-align:center;transition:opacity .3s ease}.items:hover:after{opacity:.4}.item1,.item3,.item5,.item6{grid-column:span 2;grid-row:span 1;aspect-ratio:2 / 1;transition:background-image .3s ease-in-out}.item2{grid-column:span 1;grid-row:span 2;aspect-ratio:1 / 2;transition:background-image .3s ease-in-out}.itmes4{grid-column:span 1;grid-row:span 1;aspect-ratio:1 / 1;transition:background-image .3s ease-in-out}.item1{background-image:url(/img/Threejs-Forest.png)}.item2{background-image:url(/img/Filter.png)}.item3{background-image:url(/img/WeNanFlemme.png)}.item4{background-image:url(/img/GrindIn.png)}.item5{background-image:url(/img/Portfolio-Figma.png)}.item1:after{content:"DELEGUE"}.item2:after{content:"INSTAGRAM FILTER"}.item5:after{content:"PORTFOLIO FIGMA MODEL"}*{margin:0;padding:0}html{background:#15151c}.webgl{position:fixed;top:0;left:0;outline:none}.section{display:flex;align-items:center;height:100vh;position:relative;font-family:Cabin,sans-serif;color:#fff;text-transform:uppercase;font-size:7vmin;padding-left:10%;padding-right:10%}section:nth-child(odd){justify-content:flex-end}.section h1{color:#fff!important}