body{background:var(--dark);color:var(--text);font-family:Raleway,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}.thirdpage,.project-container,.resumepage,.contactpage,footer{z-index:2;position:relative}#homes,#about,#skill,#project,#resume,#contact{scroll-margin-top:30px}html,body{width:100%;overflow-x:hidden}*{margin:0;padding:0}#home{height:auto;min-height:120vh}.firstpage{background-color:var(--dark);grid-template-columns:1fr 1fr;gap:20px;width:100%;height:auto;min-height:110vh;margin-bottom:20px;padding:80px 100px;display:grid;position:relative}#typewriter{color:var(--blue)}.particle-canvas{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.introduction-container{opacity:0;width:485px;height:80vh;margin-top:50px;transition:all 1s ease-out;transform:translate(-100px)}.introduction-container.reveal{transform:translate(0);opacity:1!important}.name-h1{margin-bottom:20px;font-size:52px}.name-h1 span{color:var(--blue)}.proffesion{color:var(--muted);margin-bottom:25px;font-size:34px}.about-p{color:var(--muted);margin-bottom:50px;font-size:16px;line-height:1.8}.buttons{margin-bottom:40px}.resume-btn{border:1px solid var(--blue);width:150px;color:var(--blue);background-color:#0000;border-radius:5px;margin-right:10px;padding:15px;font-weight:500;text-decoration:none}.resume-btn:hover{background-color:var(--blue);color:var(--dark)}.email-icon{color:#8baac2;width:40px;height:40px;text-decoration:none}.link-buttons{gap:15px;display:flex}.link-buttons a{text-align:center;border:1px solid var(--muted);background-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex}.link-buttons a:hover{color:var(--blue);border:1px solid var(--blue);box-shadow:0px 0px 5px var(--blue)}.my-image-container{opacity:0;justify-content:center;align-items:center;width:400px;height:500px;margin-top:40px;margin-left:120px;transition:all 1s ease-out;display:flex;transform:translate(100px)}.my-image-container.reveal{transform:translate(0);opacity:1!important}.cont-wrap{width:280px;height:280px;position:relative}.cont-ring{border:1px solid #56ccf24d;border-radius:50%;animation:25s linear infinite rotate;position:absolute;inset:-14px}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.cont-dot{background-color:var(--blue);width:12px;height:12px;box-shadow:0 0 10px var(--blue);border-radius:50%;position:absolute}.cont-dot:first-child{top:22px;left:70px}.cont-dot:nth-child(2){bottom:15px;left:70px}.cont-dot:nth-child(3){top:50%;right:-21px}.cont-ring2{border:2px dashed #56ccf217;border-radius:50%;animation:32s linear infinite reverse rotate;position:absolute;inset:-28px}.my-image{background-color:#56ccf24d;border:1px solid #56ccf233;border-radius:50%;justify-content:center;align-items:center;width:280px;height:280px;font-size:100px;display:flex}@media (width>=768px) and (width<=1000px){.firstpage{gap:0;padding:50px 0 30px 30px}.introduction-container{width:405px;height:400px;margin-bottom:100px}.name-h1{font-size:52px}.proffesion{font-size:34px}.about-p{width:400px}.my-image-container{width:150px;height:180px;margin-top:160px;margin-right:0}}@media (width>=500px) and (width<=768px){.firstpage{gap:10px;width:350px;height:120vh;padding:50px 0 20px 20px}.introduction-container{width:500px;height:400px}.name-h1{width:400px;font-size:25px}.proffesion{font-size:34px}.my-image-container{width:150px;height:180px;margin-top:380px;margin-right:0;position:absolute;left:260px}#home{height:180vh}}@media (width<=500px){.firstpage{z-index:1;flex-direction:column;gap:30px;width:350px;height:170vh;padding:50px 0 100px 10px;display:flex;position:relative}.introduction-container{width:300px;height:600px;margin-bottom:40px}.name-h1{width:400px;font-size:22px}.proffesion{font-size:20px}.my-image-container{width:100px;height:100px;margin-top:580px;margin-right:0;position:absolute;left:0}}nav{z-index:100;background:#050d18;border-bottom:1px solid #8baac280;justify-content:space-between;align-items:center;width:100%;padding:10px 70px;display:flex;position:fixed;top:0%}.brand{color:#5fd3ff;font-size:40px;font-weight:600}.brand span{color:#fff}.nav-menu{gap:40px;list-style:none;display:flex}.nav-menu a{color:#8baac2;font-size:16px;text-decoration:none;position:relative}.nav-menu a:after{content:"";background:var(--blue);width:0;height:2px;transition:width .3s ease-in-out;position:absolute;bottom:-3px;left:0}.nav-menu a:hover:after{width:100%}.hov:hover{color:var(--blue)}.hamburger{color:#fff;cursor:pointer;margin:0;padding:0;font-size:35px;display:none}@media (width<=768px){nav{padding:20px}.brand{font-size:30px}.hamburger{display:block}.nav-menu{background:#091524;flex-direction:column;gap:25px;width:250px;padding:30px;transition:all .5s;position:absolute;top:80px;right:-100%}.nav-menu.active{margin:0;right:0}.nav-menu a{font-size:18px}}.secondpage{box-sizing:border-box;background-color:var(--dark2);flex-direction:column;justify-content:center;align-items:center;width:100vw;height:auto;min-height:70vh;padding:100px 0;display:flex;overflow:hidden}.secondpage h1{border-bottom:4px solid var(--blue);opacity:0;border-radius:5px;width:198px;height:80px;padding:10px;font-size:38px;transition:all 1s;transform:translateY(-100px)}.secondpage span{color:var(--blue)}.aboutme-container{opacity:0;grid-template-columns:1fr 1fr;justify-content:center;align-items:center;gap:10px;width:100%;min-height:350px;margin-top:20px;transition:all 1s;display:grid;transform:translate(-100px)}.show{opacity:1!important;transform:translate(0)!important}.img-cont{justify-content:center;align-items:center;width:550px;height:300px;display:flex}.mine-image{background-color:#8baac24d;border:1px solid #56ccf2;border-radius:20px;justify-content:center;align-items:center;width:300px;height:300px;font-size:100px;display:flex}.information-container{opacity:0;flex-direction:column;justify-content:center;align-items:start;width:550px;height:300px;margin-top:40px;transition:all 1s;display:flex;transform:translate(100px)}.information-container p{color:var(--muted);width:100%;margin-bottom:20px;font-size:15px;line-height:1.8}.info{grid-template-columns:1fr 1fr;gap:10px 20px;width:450px;margin-top:10px;display:grid}.boxes{font-size:12px}.info-box{font-size:10px}@media (width>=760px) and (width<=1000px){.secondpage{padding:50px 10px 60px}.secondpage h1{margin-top:10px;margin-bottom:0}.aboutme-container{box-sizing:border-box;width:760px;margin-top:10px;padding-bottom:20px}.img-cont{justify-content:start;align-items:start;width:250px;height:400px;margin-left:40px;padding-top:50px;display:flex}.mine-image{width:200px;height:200px;font-size:100px}.information-container{justify-content:start;width:500px;height:400px}.information-container p{width:400px;font-size:12px;line-height:1.4}}@media (width>=500px) and (width<=760px){.secondpage{padding:50px 10px 0}.secondpage h1{margin-top:10px;margin-bottom:0}.aboutme-container{box-sizing:border-box;width:500px;margin-top:10px;padding-bottom:0}.img-cont{justify-content:start;align-items:start;width:150px;height:400px;margin-left:40px;padding-top:50px;display:flex}.mine-image{width:200px;height:200px;font-size:100px}.information-container{justify-content:start;width:350px;height:400px}.information-container p{width:320px;font-size:12px;line-height:1.4}.info{grid-template-columns:1fr 1fr;gap:10px 20px;width:320px;margin-top:10px;display:grid}.boxes{font-size:8px}.info-box{font-size:7px}}@media (width>=300px) and (width<=500px){.secondpage{padding:10px}.secondpage h1{margin-top:10px;margin-bottom:0}.aboutme-container{box-sizing:border-box;grid-template-columns:1fr;width:400px;padding-bottom:0;display:grid}.img-cont,.mine-image{display:none}.information-container{justify-content:start;align-items:center;width:520px;height:400px;margin-left:10px;display:flex}.information-container p{width:250px;font-size:12px;line-height:1.4}.info{grid-template-columns:1fr 1fr;width:250px;margin-top:10px;display:grid}.boxes{font-size:7px}.info-box{width:136px;font-size:6px}.info-b{font-size:8px}}@media (width<=300px){.secondpage{padding:10px}.secondpage h1{margin-top:10px;margin-bottom:0}.aboutme-container{box-sizing:border-box;grid-template-columns:1fr;width:300px;padding-bottom:20px;display:grid}.img-cont,.mine-image{display:none}.information-container{justify-content:start;align-items:center;width:520px;height:400px;margin-left:10px;display:flex}.information-container p{width:200px;font-size:12px;line-height:1.4}.info{grid-template-columns:1fr;justify-content:center;align-items:center;gap:14px 20px;width:200px;margin-top:10px;display:grid}.boxes,.info-b{font-size:8px}}.thirdpage{background-color:var(--dark);flex-direction:column;align-items:center;width:100%;min-height:120vh;padding:80px 10px 60px 100px;display:flex}.thirdpage h1{border-bottom:4px solid var(--blue);opacity:0;border-radius:5px;width:390px;padding:10px;font-size:38px;transition:all 1s ease-in;position:relative;transform:translateY(-100px)}.thirdpage h1.reveal{transform:translateY(0);opacity:1!important}.thirdpage span{color:var(--blue)}.yellow{color:#ff0}.skills-container{grid-template-columns:1fr 1fr 1fr;gap:20px;margin-top:40px;margin-right:100px;display:grid}.skills-box{background-color:var(--card);border:1px solid var(--card);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:300px;height:140px;padding:20px;font-size:15px;font-weight:600;transition:all .5s;display:flex}.skills-box:hover{border:1px solid var(--blue);transform:scale(1.05);box-shadow:0 0 10px #56ccf280}.language-emoji{margin-bottom:10px;font-size:30px}.percentage-line{background-color:#1b273a;border-radius:10px;width:250px;height:6px;margin-top:20px}.skill-line{background-color:var(--blue);transform-origin:0;border-radius:10px;width:0%;height:100%;transition:all 1s ease-in;transform:scaleX(0);box-shadow:0 0 8px #56ccf2,0 0 16px #56ccf280}.skill-line.reveal{transform:scaleX(1)}@media (width>=600px) and (width<=1000px){.skills-container{grid-template-columns:1fr 1fr;display:grid}.last-box{grid-column:1/3;width:100%}}@media (width>=500px) and (width<=600px){.skills-box{width:250px}.percentage-line{width:200px}.skills-container{grid-template-columns:1fr 1fr;column-gap:1px;display:grid}.last-box{grid-column:1/3;width:100%}}@media (width<=500px){.thirdpage h1{border-bottom:4px solid var(--blue);width:255px;margin-right:100px;padding:10px;font-size:24px}.skills-box{width:250px}.percentage-line{width:200px}.skills-container{grid-template-columns:1fr;column-gap:1px;display:grid}}*{box-sizing:border-box}.project-container{background-color:var(--dark2);flex-direction:column;align-items:center;width:100%;height:auto;min-height:100vh;padding-bottom:50px;display:flex;justify-content:center!important}.project-container h1{border-bottom:4px solid var(--blue);opacity:0;border-radius:5px;width:375px;margin-top:50px;margin-bottom:10px;padding:10px;font-size:38px;transition:all 2s;position:relative;transform:translateY(-100px)}.project-container h1.reveal{transform:translateY(0);opacity:1!important}.project-container span{color:var(--blue)}.project-container p{color:var(--muted);font-size:15px}.projects-grid{opacity:0;grid-template-columns:1fr 1fr 1fr;gap:30px;margin-top:50px;transition:all 2s ease-in-out;display:grid;transform:translate(-600px)}.projects-grid.reveal{transform:translate(0);opacity:1!important}.project-card{background-color:var(--card);box-sizing:border-box;border:1px solid #0000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:380px;height:400px;transition:all .5s;display:flex;overflow:hidden}.project-card:hover{border:1px solid var(--blue);box-shadow:0 0 10px var(--blue);transform:scale(1.02)}.project-img{text-align:center;background:linear-gradient(135deg,#2f80ed1a,#56ccf20a);border-bottom:1px solid #56ccf214;justify-content:center;align-items:center;width:380px;height:180px;margin:0;padding-top:40px;font-size:52px;line-height:1;display:flex}.project-body{flex-direction:column;justify-content:center;padding:20px;display:flex}.project-title{margin-bottom:10px;font-size:20px;font-weight:600}.project-desc{color:var(--muted);margin-bottom:30px;font-size:14px;line-height:1.8}.projects-tags{grid-template-columns:1fr 1fr 1fr;gap:10px;width:120px;margin-bottom:20px;display:grid}.project-tag{text-align:center;border:1px solid var(--blue);background-color:#56ccf21a;border-radius:5px;justify-content:center;align-items:center;width:60px;height:25px;font-size:8px;display:flex}.projects-links{grid-template-columns:1fr 1fr 1fr;gap:10px;display:grid}.link-btn{border:1px solid var(--blue);color:#8baac2;border-radius:10px;justify-content:center;align-items:center;width:160px;padding:10px;font-size:14px;text-decoration:none;display:flex}.link-btn:hover{background:var(--blue2);border-color:var(--blue2);color:#fff}@media (width>=800px) and (width<=1200px){.projects-grid{opacity:1;grid-template-columns:1fr 1fr;gap:30px;margin-top:50px;display:grid;transform:translate(-400px)}.last-card{grid-column:1/3;justify-self:center;width:50%}.last-card .project-img{width:400px}}@media (width>=770px) and (width<=800px){.projects-grid{opacity:1;grid-template-columns:1fr 1fr;gap:5px;margin-top:50px;display:grid;transform:translate(0)}.last-card{grid-column:1/3;justify-self:center;width:50%}.last-card .project-img{width:400px}}@media (width<=770px){.projects-grid{opacity:1;grid-template-columns:1fr;gap:20px;margin-top:50px;display:grid;transform:translate(-200px)}}@media (width<=380px){.project-container h1{width:242px;font-size:24px}.project-container p{width:242px;font-size:20px}.projects-grid{opacity:1;grid-template-columns:1fr;gap:20px;margin-top:50px;display:grid;transform:translate(0)}.project-card{flex-direction:column;justify-content:center;align-items:center;width:270px;height:475px;display:flex}.project-img{width:270px;height:180px}.project-title{margin-bottom:10px;font-size:15px;font-weight:600}.project-body{flex-direction:column;justify-content:center;padding:20px 20px 20px 40px;display:flex}.project-desc{color:var(--muted);margin-bottom:30px;font-size:12px;line-height:1.8}.projects-tags{grid-template-columns:1fr 1fr 1fr;gap:10px;width:120px;margin-bottom:20px;display:grid}.project-tag{width:60px;height:25px;font-size:8px}.projects-links{grid-template-columns:1fr;gap:10px;margin-left:2px;display:grid}.link-btn{border:1px solid var(--blue);color:#8baac2;border-radius:10px;justify-content:center;align-items:center;width:160px;padding:10px;font-size:14px;text-decoration:none;display:flex}}.resumepage{background-color:var(--dark);flex-direction:column;align-items:center;width:100%;height:auto;min-height:100vh;padding:80px 100px;display:flex}.resume-h1{border-bottom:4px solid var(--blue);opacity:0;border-radius:5px;width:440px;padding:10px;font-size:38px;transition:all 1s ease-out;position:relative;transform:translateY(-100px)}.resume-h1.reveal{transform:translateY(0);opacity:1!important}.resumepage span{color:var(--blue)}.resume-grid{opacity:0;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px;transition:all 1s ease-out;display:grid;transform:translateY(100px)}.resume-grid.reveal{transform:translateY(0);opacity:1!important}.education-box{height:80px}.education-cont{width:400px;height:370px;padding:10px}.certifications-cont{width:470px;height:350px;padding:10px}.education-h1{width:250px;color:var(--blue);margin-bottom:10px;font-size:20px}.border{border-left:.2px solid #112938;padding:20px}.date{color:var(--blue);margin-bottom:5px;font-size:14px;position:relative}.degree{margin-bottom:5px;font-size:14px;font-weight:500}.location{color:var(--muted);font-size:14px}.dot-over-line{width:10px;height:10px;box-shadow:0px 0px 10px var(--blue);background-color:#56ccf2;border-radius:50%;position:absolute;left:5px}.dot-over-line2{box-shadow:0px 0px 10px var(--blue);background-color:#56ccf2;border-radius:50%;width:10px;height:10px;position:absolute;left:526px}.resume-btn2{border:1px solid var(--blue);width:180px;color:var(--blue);opacity:0;background-color:#0000;border-radius:5px;justify-content:center;align-items:center;margin-right:10px;padding:20px;font-weight:500;text-decoration:none;transition:all 1s ease-out;display:flex;transform:translateY(50px)}.resume-btn2.reveal{transform:translateY(0);opacity:1!important}.resume-btn2:hover{background-color:var(--blue);color:var(--dark);box-shadow:0px 0px 10px var(--blue)}@media (width>=910px) and (width<=1200px){.certifications-cont .dot-over-line2{left:456px}}@media (width>=440px) and (width<=910px){.resume-grid{grid-template-columns:1fr;gap:50px;margin-top:50px;display:grid}.certifications-cont .dot-over-line2{left:5px}}@media (width>=200px) and (width<=480px){.resume-h1{width:200px;font-size:15px}.resume-grid{grid-template-columns:1fr;gap:50px;margin-top:50px;margin-left:20px;display:grid}.education-cont{width:300px}.certifications-cont{width:300px;margin-left:0}.certifications-cont .dot-over-line2{left:5px}}:root{--blue:#56ccf2;--blue2:#2f80ed;--dark:#050d18;--dark2:#080f1f;--card:#0d1a2e;--text:#e8f4fd;--muted:#8baac2}.contactpage{background-color:var(--dark2);flex-direction:column;align-items:center;width:100%;height:auto;min-height:90vh;padding:80px 100px;display:flex}.contact-h1{border-bottom:4px solid var(--blue);opacity:0;border-radius:5px;width:250px;padding:10px;font-size:38px;transition:all 1s ease-out;position:relative;transform:translateY(-100px)}.contact-h1.reveal{transform:translateY(0);opacity:1!important}.contactpage span{color:var(--blue)}.contact-p{text-align:center;width:800px;color:var(--muted);opacity:0;margin-top:40px;margin-bottom:50px;line-height:1.8;transition:all 1s ease-out;transform:translateY(-100px)}.contact-p.reveal{transform:translateY(0);opacity:1!important}.contact-cont{opacity:0;grid-template-columns:1fr 1fr 1fr;gap:20px;transition:all 1s ease-out;display:grid;transform:translateY(100px)}.contact-cont.reveal{transform:translateY(0);opacity:1!important}.contact-box{background-color:#0d1a2ecc;border:1px solid #0000;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:280px;height:150px;padding:20px;transition:all .4s;display:flex}.contact-box:hover{border:1px solid var(--blue);box-shadow:0 0 10px var(--blue);transform:translateY(-10px)}.contact-box-h1{margin-bottom:10px}.contact-box-p{color:#8baac2;margin-bottom:5px;font-weight:300}.contact-box-contact-link{color:var(--blue);font-size:14px;font-weight:600;text-decoration:none}.sayhello{color:var(--dark2);background:linear-gradient(to right,var(--blue2),var(--blue));cursor:pointer;opacity:0;border:1px solid #0000;border-radius:5px;outline:none;justify-content:center;align-items:center;width:180px;height:50px;margin-top:50px;padding:10px;font-weight:600;text-decoration:none;transition:all 1s ease-out;display:flex;transform:translateY(100px)}.sayhello.reveal{transform:translateY(0);opacity:1!important}.sayhello:hover{box-shadow:0 0 10px var(--blue);transform:translateY(-3px)}footer{background-color:var(--dark);text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:80px;display:flex}.footer-h1{color:var(--muted);padding:10px;font-size:13px;position:relative}.footer-h1 span{color:var(--blue)}.footer-p{color:var(--muted);font-size:12px}@media (width>=580px) and (width<=890px){.contact-p{width:535px}.contact-cont{grid-template-columns:1fr 1fr;display:grid}.last-contact-box{grid-column:1/3;width:100%}}@media (width<=890px){.contact-p{width:535px}.contact-cont{grid-template-columns:1fr;display:grid}}