@import "https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap";*{box-sizing:border-box;scroll-behavior:smooth;border:none;outline:none;margin:0;padding:0;font-family:poppins,sans-serif;text-decoration:none}:root{--main-bg-color:#1f242d;--second-bg-color:#323946;--text-color:#fff;--main-color:#0ef;--error-color:red}html{font-size:62.5%;overflow-x:hidden}body{background:var(--main-bg-color);color:var(--text-color);overflow-x:clip}section{max-height:120vh;padding:10rem 9% 2rem}[data-reveal]{opacity:0;transition:opacity 1s cubic-bezier(.5,0,0,1) .2s,transform 1s cubic-bezier(.5,0,0,1) .2s}[data-reveal=top]{transform:translateY(-80px)}[data-reveal=bottom]{transform:translateY(80px)}[data-reveal=left]{transform:translate(-80px)}[data-reveal=right]{transform:translate(80px)}[data-reveal].revealed{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transition:none;transform:none}}.header{background:var(--main-bg-color);z-index:100;justify-content:space-between;align-items:center;width:100%;padding:2rem 9%;display:flex;position:fixed;top:0;left:0}.header.sticky{border-bottom:.1rem solid #fff3}.logo{color:var(--text-color);cursor:default;font-size:2.5rem;font-weight:600}.navbar a,.navbar button{color:var(--text-color);margin-left:5rem;font-size:1.7rem;transition:all .3s}.navbar a:hover,.navbar a.active{color:var(--main-color)}.dropdown{display:inline-block;position:relative}.dropbtn{color:var(--text-color);cursor:pointer;text-decoration:none}.dropdown-content{background-color:var(--main-bg-color);z-index:1;min-width:160px;display:none;position:absolute;box-shadow:0 8px 16px #0003}.dropdown-content a{color:var(--text-color);padding:12px 16px;text-decoration:none;display:block}.dropdown:hover .dropdown-content{display:block}.dropdown-content a:hover{background-color:var(--second-bg-color)}#menu-icon{color:var(--text-color);font-size:3.6rem;display:none}.home{justify-content:center;align-items:center;display:flex}.home-content h3{padding-right:4rem}.home-img img{width:30vw}.home-content h3:nth-of-type(2){margin-bottom:2rem}span{color:var(--main-color)}.home-content h3{font-size:3.2rem;font-weight:700}.home-content h1{font-size:5.6rem;font-weight:700;line-height:1.3}ul{padding-left:1.5rem;list-style-type:disc;list-style-position:inside}li{font-size:1.9rem}.home-content ul{display:block}.social-media a{border:.2rem solid var(--main-color);width:4rem;height:4rem;color:var(--main-color);background:0 0;border-radius:50%;justify-content:center;align-items:center;margin:3rem 1.5rem 3rem 0;font-size:3rem;transition:all .5s;display:inline-flex}.social-media a:hover{box-shadow:0 0 1rem var(--main-color)}.btn{background:var(--main-color);color:var(--second-bg-color);letter-spacing:.1rem;border-radius:4rem;margin:5px;padding:1rem 2.8rem;font-size:1.6rem;font-weight:600;transition:all .5s;display:inline-block}.btn:hover{box-shadow:0 0 1rem var(--main-color)}.head-content{max-width:1200px;margin:0 auto 20px}.project-section{background:var(--second-bg-color);max-height:300vh}.project-section h2{margin-bottom:4rem}.project-containers{grid-template-columns:repeat(3,1fr);align-items:center;gap:2.5rem;display:grid}.project-containers .project-panel{box-shadow:0 0 1rem var(--main-bg-color);border-radius:2rem;display:flex;position:relative;overflow:hidden}.project-panel img{width:100%;height:100%;transition:all .5s}.project-panel:hover img{transform:scale(1.1)}.project-panel .panel-layer{background:linear-gradient(#0000001a, var(--second-bg-color));text-align:center;opacity:0;visibility:hidden;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 4rem;transition:all .5s;display:flex;position:absolute;bottom:0;left:0;transform:translateY(100%)}.project-panel:hover .panel-layer{opacity:1;visibility:visible;transform:translateY(0)}.bx{color:#0ef;font-size:3.5rem}.panel-layer h4{font-size:3rem}.panel-layer p{margin:.3rem;font-size:1.6rem}.panel-layer a{background:var(--text-color);border-radius:50%;justify-content:center;align-items:center;width:5rem;height:5rem;display:inline-flex}.panel-layer a i{color:var(--second-bg-color);font-size:2rem}.text{flex:1;padding:20px}.text h2{color:var(--main-color);margin-bottom:15px;font-size:2.5rem}p{color:var(--text-color);margin:2rem 0 3rem;font-size:1.6rem}.modal{z-index:1000;background-color:#000000e6;width:100%;height:100%;padding-top:50px;display:none;position:fixed;top:0;left:0;overflow:auto}.modal-content{width:100%;max-width:1200px;margin:auto;display:block}.modal.open{justify-content:center;align-items:center;padding:0;display:flex}.modal.open .modal-content{object-fit:contain;max-height:90vh}.close{color:#fff;cursor:pointer;font-size:40px;font-weight:700;position:absolute;top:20px;right:35px}.close:hover,.close:focus{color:#bbb;cursor:pointer;text-decoration:none}.modal .prev,.modal .next{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;z-index:10;border-radius:0 3px 3px 0;width:auto;margin-top:-22px;padding:16px;font-size:7rem;font-weight:700;transition:all .3s;position:absolute;top:50%}.modal .next{border-radius:3px 0 0 3px;right:0}.modal .prev:hover,.modal .next:hover{background-color:#000c}.image{flex:1;padding:20px}.image img{border-radius:8px;max-width:100%;max-height:100%;display:block}.image :hover{cursor:zoom-in}.section-left-text .content{flex-direction:row}.section-left-text h1{text-align:center;font-size:5rem}.section-left-text{background:var(--main-bg-color);min-height:20px;margin:50px 10px;padding-bottom:20px;overflow:hidden}.section-right-text .content{flex-direction:row-reverse}.section-right-text{background:var(--second-bg-color);min-height:20px;margin:50px 10px;padding-bottom:20px;overflow:hidden}.slideshow-container{max-width:100%;position:relative}.mySlides{display:none}.mySlides img{border-radius:8px;width:100%;height:auto}.prev,.next{cursor:pointer;color:#fff;-webkit-user-select:none;user-select:none;background-color:#00000080;border-radius:0 3px 3px 0;width:auto;padding:16px;font-size:18px;font-weight:700;transition:all .6s;position:absolute;top:50%}.next{border-radius:3px 0 0 3px;right:0}.prev:hover,.next:hover{background-color:#000c}.webgl-section{background-color:var(--main-bg-color);flex-direction:column;align-items:center;max-width:1200px;margin:0 auto;padding:50px 20px;display:flex}.GlItems{background-color:var(--second-bg-color);border-radius:1.6rem;padding:20px}.webgl-title{color:var(--text-color);text-align:center;margin-bottom:10px;font-size:32px}.webgl-description{color:var(--text-color);text-align:center;margin-bottom:30px;font-size:18px}.contentItems{background-color:var(--second-bg-color);border-radius:1.6rem;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:20px;display:flex;box-shadow:0 0 10px #0000001a}.reverse{background-color:var(--main-bg-color)}.icon-project{align-items:center;margin-right:10px;display:flex}.about{background:var(--second-bg-color);justify-content:center;align-items:center;gap:2rem;display:flex}.skill-container{justify-content:space-between;display:flex}.about-img img{width:30vw}.heading{text-align:center;color:var(--text-color);font-size:4.5rem}.about-content h2{text-align:left;line-height:1.2}.about-content h3{font-size:2.6rem}.about-content p{margin:2rem 0 3rem;font-size:1.6rem}.skill-container{justify-content:space-between;margin-top:20px;display:flex}.skill-section{flex:1;margin:0 10px}.skill-section li{font-size:1.6rem}.skill-section h3{margin:0}.footer{background:var(--main-bg-color);flex-wrap:wrap;justify-content:space-between;align-items:center;padding:2rem 9%;display:flex}.footer-text p{font-size:1.6rem}.footer-iconTop a{background:var(--main-color);border-radius:.8rem;justify-content:center;align-items:center;padding:.8rem;transition:all .5s;display:inline-flex}.footer-iconTop a:hover{box-shadow:0 0 1rem var(--main-color)}.footer-iconTop a i{color:var(--main-bg-color);font-size:2.4rem}@media (width<=1200px){html{font-size:55%}#webglCanvas{width:90%;height:450px}.panel-layer h4{font-size:1.5rem}.panel-layer p{font-size:1rem}}@media (width<=768px){.header,.footer{padding:2rem 3%}section{padding:10rem 3% 2rem}#menu-icon{display:block}.navbar{background:var(--main-bg-color);border-top:.1rem solid #0003;width:100%;padding:1rem 3%;display:none;position:absolute;top:100%;left:0;box-shadow:0 .5rem 1rem #0003}.navbar.active{display:block}.navbar a{margin:3rem 0;font-size:2rem;display:block}.dropdown{display:block}.dropdown:hover .dropdown-content{display:none}.dropdown.open .dropdown-content{display:block}.dropdown-content{box-shadow:none;min-width:0;padding-left:2rem;position:static}.dropdown-content a{margin:1.5rem 0;padding:0;font-size:1.8rem}.home,.contentItems{flex-direction:column}.about{flex-direction:column-reverse}.home-content h3{font-size:2.6rem}.home-content h1{font-size:5rem}.home-img img{width:60vw;margin-top:4rem}.about-img img{width:40vw;margin-top:4rem}.project-containers{grid-template-columns:repeat(2,1fr)}.panel-layer{padding:0 1rem}.panel-layer h4{font-size:2rem}.panel-layer p{font-size:1rem}.panel-layer a{width:3rem;height:3rem}.contact form{width:95%}#webglCanvas{width:95%;height:350px}.webgl-section{display:none}}@media (width<=480px){html{font-size:50%}.home-content h1{text-align:center}.home-content h3{text-align:center;padding-right:0}.head-content a{display:none}.social-media a{text-align:center}.project-containers{grid-template-columns:1fr}.home-img img{width:90vw}.about-content h2{text-align:center}.about-content h3{padding-left:5px}.about-content p{padding:0 5px}.about-img img{width:50vw}.footer{flex-direction:column-reverse}.footer p{text-align:center;margin-top:2rem}.panel-layer h4{font-size:1.6rem}.panel-layer p{font-size:1.2rem}}