@import url(https://fonts.googleapis.com/css2?family=JetBrains+Mono:ital,wght@0,100..800;1,100..800&display=swap);*{box-sizing:border-box;font-family:JetBrains Mono;margin:0;padding:0}body{background:#1c1c22}.hero-container{display:flex;flex-direction:column;height:-webkit-fit-content;height:fit-content;margin:0 auto;width:90%}.hero{align-items:center;display:flex;height:80vh;justify-content:space-between;width:100%}.hero-text{align-items:start;display:flex;flex-direction:column;width:48%}.job-title{color:#fff;font-size:20px;font-weight:400;line-height:24px}.hero-text h1{color:#fff;font-size:65px;font-weight:600;line-height:65px;margin-bottom:20px;margin-top:10px}.hero-text h1 span{color:#0f9}.hero-text p{color:#fff;font-size:16px;font-weight:400;line-height:32px}.hero-buttons{align-items:center;display:flex;justify-content:space-between;margin-top:40px;width:100%}.hero-buttons button{background:#0000;border:2px solid #0f9;border-radius:25px;color:#fff;cursor:pointer;font-size:16px;font-weight:400;height:50px;outline:none;width:150px}.socials{align-items:center;display:flex;gap:30px}.socials img{border:2px solid #0f9;border-radius:50%;cursor:pointer;height:35px;padding:5px;width:35px}.socials img:hover{scale:1.03}.photo-container{justify-content:end;width:48%}.image-container{height:550px;width:550px}.hero-image img{border-radius:50%;height:80%;object-fit:contain;padding:10px;width:80%}.hero-numbers{justify-content:space-between;margin-top:100px;width:100%}.hero-number,.hero-numbers{align-items:center;display:flex}.hero-number{color:#fff;font-size:60px;font-weight:800;gap:5px;line-height:60px;width:20%}.number-text{color:#fffc;font-size:16px;font-weight:300px;line-height:20px}@keyframes spin{to{transform:rotate(1turn)}}@media screen and (max-width:767px){.hero{flex-direction:column-reverse;gap:10px;height:-webkit-fit-content;height:fit-content}.hero-text{align-items:center;text-align:center;width:100%}.hero-text h1{font-size:40px;line-height:45px}.hero-text h1,.job-title{text-align:center}.hero-buttons{flex-direction:column;gap:20px}.hero-numbers{flex-wrap:wrap;margin-top:30px}.hero-number{align-items:center;font-size:36px;gap:10px;justify-content:center;width:50%}.number-text{font-size:14px;font-weight:400}}.photo-container{align-items:center;display:flex;height:100%;justify-content:center;position:relative;width:100%}.photo-image-container{bottom:22%;height:100%;position:absolute;right:18%;width:100%}.photo-image-container img{height:120%;object-fit:contain;width:120%}.photo-svg{height:300px;position:relative;width:300px;z-index:10}@media screen and (max-width:768px){.photo-image-container{bottom:4%;height:100%;position:absolute;right:0;width:100%}.photo-image-container img{height:100%;object-fit:contain;width:100%}}@media (min-width:960px){.photo-image-container{height:350px;width:350px}.photo-svg{height:400px;width:400px}}@media (min-width:1200px){.photo-image-container{height:400px;width:400px}.photo-svg{height:506px;width:506px}}.resume{display:flex;justify-content:space-between;margin:auto;width:90%}.side-bar{width:35%}.content{width:60%}.side-bar-button{background:#27272c;color:#fff}.active-button,.side-bar-button{align-items:center;border-radius:10px;cursor:pointer;display:flex;font-size:16px;font-weight:700;height:50px;justify-content:center;margin:auto auto 30px;width:90%}.active-button{background:#0f9}.title{color:#fff;font-size:36px;font-weight:700;line-height:40px}.about{display:flex;flex-direction:column;gap:30px;width:100%}.about p{color:#fff9;font-size:16px;font-weight:400;line-height:32px}.details{display:flex;flex-wrap:wrap;width:100%}.detail{color:#fff9;font-size:16px;font-weight:400;line-height:32px;margin-bottom:30px;width:50%}.detail span{color:#fff;font-size:18px}.stacks{flex-wrap:wrap;justify-content:space-between;width:100%}.stack,.stacks{align-items:center;display:flex}.stack{background:#27272c;border-radius:5px;height:150px;justify-content:center;margin-bottom:30px;width:23%}.stack img{width:40%}@media screen and (max-width:758px){.resume{flex-direction:column}.content,.side-bar{width:100%}}.work{align-items:center;color:#fff;display:flex;height:80vh;margin:auto;width:90%}.project-details-container{display:flex;justify-content:space-between}.project-details{width:49%}.project-number{stroke-width:1px;stroke:#fff;font-size:80px;font-weight:700}.project-title{font-size:40px}.project-description{color:#fff9;font-size:16px;line-height:32px}.language li{color:#0f9;list-style:none}.project-image{height:60vh;position:relative;width:49%}.image-wrapper{height:100%;width:100%}.project-details a{color:#fff;text-decoration:none}.live-button{align-items:center;border:1px solid #0f9;border-radius:5px;display:flex;height:40px;justify-content:center;margin-top:20px;width:130px}.project-image img{border-radius:5px;height:100%;object-fit:cover;width:100%}.navigation-buttons{align-items:center;bottom:-50px;display:flex;gap:20px;position:absolute;right:0;width:180px}.navigation-button{align-items:center;background:#0f9;border-radius:5px;cursor:pointer;display:flex;height:40px;justify-content:center;width:80px}.navigation-button svg{fill:#fff}@keyframes slideInFromRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInFromLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideOutToLeft{0%{transform:translateX(0)}to{opacity:.5;transform:translateX(-20%)}}@keyframes slideOutToRight{0%{transform:translateX(0)}to{opacity:.5;transform:translateX(20%)}}.animate-slideInFromRight{animation:slideInFromRight .3s ease-out}.animate-slideInFromLeft{animation:slideInFromLeft .3s ease-out}.animate-slideOutToLeft{animation:slideOutToLeft .3s ease-out}.animate-slideOutToRight{animation:slideOutToRight .3s ease-out}@media screen and (max-width:768px){.work{height:-webkit-fit-content;height:fit-content}.project-details-container{flex-direction:column-reverse}.project-details,.project-image{width:100%}.navigation-buttons{align-items:center;bottom:40%;display:flex;gap:20px;justify-content:space-between;position:absolute;right:0;width:100%}.navigation-button{align-items:center;background:#0f9;border-radius:5px;cursor:pointer;display:flex;height:40px;justify-content:center;width:40px}}.stairs-wrapper{bottom:0;display:flex;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:40}.stair{background-color:#fff;height:100%;position:relative;width:100%}.transition-bg{background-color:#1c1c22;bottom:0;left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:30}.header{align-items:center;display:flex;height:20vh;justify-content:space-between;margin:0 auto;width:90%}.logo{color:#fff;font-size:36px;font-weight:600;line-height:40px}.logo a{color:#fff;text-decoration:none}.logo span{color:#0f9}.desktop-menu{align-items:center;display:flex;gap:50px;justify-content:space-between}.menu-links{display:flex}.menu-links ul{align-items:center;display:flex;gap:30px}.menu-links a{color:#fff;cursor:pointer;font-size:16px;font-weight:500;line-height:32px;list-style:none;text-decoration:none}.active,.menu-links a:hover{color:#0f9}.active{border-bottom:2px solid #0f9}.desktop-menu button{background:#0f9;border:none;border-radius:30px;cursor:pointer;font-size:16px;font-weight:700;height:50px;outline:none;width:150px}.desktop-menu img,.header img{display:none}.mobile-menu{align-items:start;background:#282828;display:flex;flex-direction:column;gap:20px;height:100vh;padding-left:50px;padding-right:20px;padding-top:8vh;position:absolute;right:0;top:0;width:80%;z-index:50}@media screen and (max-width:767px){.desktop-menu{display:none}.header img,.mobile-menu img{cursor:pointer;display:block;width:30px}.mobile-menu img{align-self:flex-end}.mobile-menu button{display:none}.menu-links{display:flex}.menu-links ul{align-items:start;display:flex;flex-direction:column;gap:20px}.menu-links a{flex-direction:column;font-size:18px}}
/*# sourceMappingURL=main.accccc06.css.map*/