@import"https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";.hero{height:calc(100vh - 100px);overflow:hidden;padding-left:100px;padding-right:100px}.hero .hero-wrapper{height:100%;width:100%;margin:auto;display:flex;justify-content:space-evenly;align-items:center}.hero .hero-wrapper .textContainer{display:flex;flex-direction:column;justify-content:center;gap:20px;text-align:center;white-space:wrap;width:auto}@media (max-width: 738px){.hero .hero-wrapper .textContainer{margin-top:-50px}}@media (max-width: 375px) and (max-height: 667px){.hero .hero-wrapper .textContainer .name{font-size:25px}.hero .hero-wrapper .textContainer .job{font-size:15px}}.hero .hero-wrapper .textContainer h2{font-size:60px;color:#c8c8c8;letter-spacing:2px;font-family:Jost,sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal}.hero .hero-wrapper .textContainer h1{font-size:20px;color:#c1c1c1;letter-spacing:3px}.hero .hero-wrapper .textContainer .buttons{padding:20px;white-space:nowrap}.hero .imageContainer{position:relative}.hero .imageContainer img{width:300px;height:300px;object-fit:contain}@media (max-width: 738px){.hero .imageContainer img{width:230px;height:225px}}@media (max-width: 375px) and (max-height: 667px){.hero .imageContainer .ihza-pic{width:255px}}@media screen and (min-width: 500px) and (max-width: 1024px){.hero-wrapper{display:flex;flex-direction:column}}@media only screen and (max-width: 480px){.hero-wrapper{display:flex;flex-direction:column}h2{white-space:wrap}h1{font-weight:light}}.button-85{padding:.6em 2em;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-right:20px;font-family:Poppins;letter-spacing:2px}.button-85:before{content:"";background:linear-gradient(45deg,#ff0000,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,#ff0000);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);-webkit-filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:10px}.button-85:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:10px}.button-85:hover{scale:1.1;transition:.5s}.navbar{height:100px;padding-left:100px;padding-right:100px}@media (max-width: 738px){.navbar{padding-right:1px}}.navbar .wrapper{max-width:1366px;margin:auto;display:flex;align-items:center;justify-content:space-between;height:100%}@media (max-width: 738px){.navbar .wrapper{justify-content:right;align-items:center;padding-right:20px}}.navbar .wrapper span{font-weight:700}@media (max-width: 738px){.navbar .wrapper span{display:none}}.navbar .wrapper .social{display:flex;gap:20px}.navbar .wrapper .social img{width:20px;height:20px}.sidebar{display:flex;flex-direction:column;align-items:center;justify-content:center}@media (max-width: 738px){.sidebar{color:#fff}}.sidebar .bg{z-index:999;position:fixed;top:0;left:0;bottom:0;width:50vh;background:rgb(0,0,0)}@media (max-width: 738px){.sidebar .bg{justify-content:flex-end;width:100%;background-image:url(/galaxy2.jpg)}}.sidebar .bg .links{position:absolute;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;font-weight:200}.sidebar .bg .links a{font-size:30px;text-transform:uppercase}@media (max-width: 738px){.sidebar .bg .links a{font-size:20px;letter-spacing:8px;font-weight:200}}.sidebar button{z-index:999;width:50px;height:50px;border-radius:50%;position:fixed;top:25px;left:25px;background-color:transparent;border:none;cursor:pointer}.about{position:relative;padding-top:4vh;height:96vh;margin:0 10rem;box-sizing:border-box;min-height:fit-content}@media (max-width: 738px){.about{margin:8%;height:fit-content;box-sizing:border-box;display:block}}.about .section__text__p1{text-align:center;color:gray;padding-top:45px}@media (max-width: 738px){.about .section__text__p1{font-size:15px}}.about .title{font-size:3rem;text-align:center;color:#a9a9a9}@media (max-width: 738px){.about .title{font-size:30px}}.about .icon{cursor:pointer;width:50px;height:50px}.about .section-container{display:flex;gap:4rem;justify-content:space-evenly}@media (max-width: 738px){.about .section-container{display:block}}@media (max-width: 1024px){.about .section-container{display:flex;flex-direction:column;align-items:center;gap:0}}.about .about-containers{gap:2rem;margin-bottom:1rem;margin-top:8rem}@media (max-width: 738px){.about .about-containers{margin-top:5rem}}.about .about-details-container{justify-content:center;flex-direction:column}.about .about-containers,.about .about-details-container{display:flex}@media (max-width: 738px){.about .about-containers,.about .about-details-container{font-size:15px}}.about .about-pic{border-radius:2rem}.about .details-container{padding:1.5rem;flex:1;background:transparent;border-radius:2rem;border:solid 1px;border-color:#b8860b;text-align:center}.about .section__pic-container{height:400px;width:400px;margin:10px;display:flex}@media (max-width: 738px){.about .section__pic-container{width:auto;height:46vw;justify-content:center;margin:0 auto -2rem}}.about img{width:390px;height:390px}@media (max-width: 738px){.about img{width:200px;height:200px;margin:10px}}.about .text-container{margin:25px}.contact{height:100px;max-width:1366px;margin:auto;display:flex;align-items:center;gap:50px;padding-top:400px;padding-left:100px;padding-right:100px}@media (max-width: 738px){.contact{width:100%;padding:10px;flex-direction:column}}.contact .textContainer{flex:1;display:flex;flex-direction:column;gap:40px}@media (max-width: 738px){.contact .textContainer{gap:20px;text-align:center;align-items:center;margin-top:70px}}.contact .textContainer h1{font-size:60px;line-height:88px;font-weight:500;color:#b8860b}@media (max-width: 738px){.contact .textContainer h1{font-size:36px}}.contact .textContainer span{font-weight:300;cursor:pointer;letter-spacing:2px}.contact .textContainer span:hover{color:#b8860b}.contact .formContainer{flex:1;position:relative}@media (max-width: 738px){.contact .formContainer{padding:0 50px 50px;width:100%}}@media (max-width: 1024px){.contact .formContainer{padding-top:0}}.contact .formContainer form{display:flex;flex-direction:column;gap:20px}.contact .formContainer form input,.contact .formContainer form textarea{padding:20px;font-weight:1000;background-color:transparent;border:2px solid white;border-color:#b8860b;color:#fff;border-radius:20px}@media (max-width: 738px){.contact .formContainer form input,.contact .formContainer form textarea{padding:10px}}.contact .formContainer form button{padding:20px;border:none;background-color:#b4b4b4;cursor:pointer;font-weight:700;border-radius:50px;transition:background-color .3s ease}@media (max-width: 738px){.contact .formContainer form button{padding:10px}}.contact .formContainer form button:hover{background-color:#b8860b}.cursor{width:20px;height:20px;border-radius:50%;border:1px solid white;position:fixed;z-index:999}@media (max-width: 738px){.cursor{display:none}}.portfolio{position:relative;padding-left:100px;padding-right:100px}@media (max-width: 738px){.portfolio{padding:5px}}@media (max-width: 1024px){.portfolio{padding:10px}}.portfolio .progress{position:sticky;top:0;left:0;padding-top:50px;text-align:center;color:#b8860b;font-size:36px;z-index:99;pointer-events:none}@media (max-width: 738px){.portfolio .progress{padding-top:calc(100vh - 100px);font-size:24px;margin-top:-820px}}.portfolio .progress .progressBar{height:10px;background-color:#cdcdcd}.portfolio .container{display:flex;align-items:center;justify-content:center;width:100%;height:100%}@media (max-width: 738px){.portfolio .container{display:flex}}.portfolio .container .wrapper{max-width:1366px;height:100%;margin:auto;display:flex;align-items:center;justify-content:center}@media (max-width: 738px){.portfolio .container .wrapper{display:flex;align-items:center;justify-content:center;width:100%;padding-top:100px}}@media (max-width: 738px){.portfolio .container .wrapper .imageContainer{align-items:center;padding:35px}}@media (max-width: 738px){.portfolio .container .wrapper{flex-direction:column}}.portfolio .container .wrapper .imageContainer{height:300px;width:300px;padding:50px}@media (max-width: 738px){.portfolio .container .wrapper .imageContainer{align-items:center}}.portfolio .container img{width:100%;height:100%;object-fit:cover;border-radius:50px;border:solid darkgoldenrod 2px;padding:10px}@media (max-width: 738px){.portfolio .container img{object-fit:cover;height:100%;width:100%;border-radius:20%;padding:10px}}.portfolio .container .textContainer{flex:1;display:flex;flex-direction:column;gap:30px}@media (max-width: 738px){.portfolio .container .textContainer{transform:none!important;padding:10px;align-items:center;text-align:center}}.portfolio .container .textContainer h2{font-size:50px}@media (max-width: 1024px){.portfolio .container .textContainer h2{font-size:30px}}.portfolio .container .textContainer p{color:gray;font-size:20px}@media (max-width: 738px){.portfolio .container .textContainer p{font-size:16px}}.portfolio .container .textContainer button{margin:0 10px}.portfolio .container .textContainer .button-85{padding:.6em 2em;border:none;outline:none;color:#fff;background:#111;cursor:pointer;position:relative;z-index:0;border-radius:10px;user-select:none;-webkit-user-select:none;touch-action:manipulation;margin-right:20px;font-family:Poppins;letter-spacing:2px}.portfolio .container .textContainer .button-85:before{content:"";background:linear-gradient(45deg,#ff0000,#ff7300,#fffb00,#48ff00,#00ffd5,#002bff,#7a00ff,#ff00c8,#ff0000);position:absolute;top:-2px;left:-2px;background-size:400%;z-index:-1;filter:blur(5px);-webkit-filter:blur(5px);width:calc(100% + 4px);height:calc(100% + 4px);animation:glowing-button-85 20s linear infinite;transition:opacity .3s ease-in-out;border-radius:10px}@keyframes glowing-button-85{0%{background-position:0 0}50%{background-position:400% 0}to{background-position:0 0}}.portfolio .container .textContainer .button-85:after{z-index:-1;content:"";position:absolute;width:100%;height:100%;background:#222;left:0;top:0;border-radius:10px}.portfolio .container .textContainer .button-85:hover{scale:1.1;transition:.5s}._container_znpm2_32{display:flex;flex-direction:column;text-align:center;padding-top:50px}._container_znpm2_32 span{display:flex;align-items:center;gap:5px}._container_znpm2_32 img{width:20px}._container_znpm2_32 h1{font-size:3rem;text-align:center;color:#a9a9a9;margin:40px}._skillList_znpm2_53{display:flex;justify-content:space-evenly;align-self:center;flex-wrap:wrap;row-gap:40px;column-gap:20px;max-width:26ch}hr{width:100px;height:1px;border:none;background-color:#a9a9a9;margin:30px auto}@media (max-width: 1024px){._container_znpm2_32{padding-top:250px}}@media (max-width: 738px){._container_znpm2_32{padding-top:50px}}@media (width >= 800px){._skillList_znpm2_53{max-width:fit-content;gap:30px}._skillList_znpm2_53 p{font-size:20px}hr{width:300px}}html{scroll-snap-type:y mandatory;scroll-behavior:smooth}*{padding:0;margin:0;box-sizing:border-box;font-family:Poppins;font-weight:400;font-style:normal}body{background-color:#000;background-attachment:fixed;color:#d3d3d3}a{text-decoration:none;color:inherit}section{height:100vh;scroll-snap-align:center}#footer{height:fit-content}.footer{padding:60px 0;text-align:center}.footer .container{max-width:1200px;margin:0 auto;padding:0 20px}.footer p{margin:0;font-family:monospace}