@import"https://fonts.googleapis.com/css2?family=Teko&family=Geologica&family=Vujahday+Script&display=swap";@import"https://fonts.googleapis.com/css2?family=Saira&display=swap";@import"https://fonts.googleapis.com/css2?family=Anton&family=Saira&display=swap";body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.matrix{background-color:transparent;opacity:.5;position:fixed;top:0;left:0;pointer-events:none;z-index:-9999}nav{display:flex;justify-content:space-between;align-items:center;font-family:Saira,sans-serif;font-size:1rem;background-color:#151515;box-shadow:inset 0 1px #6a6a6a,0 10px 35px #00000050;padding:.5rem .9rem;margin:1rem auto;border-radius:50px;z-index:9999;width:80vw}nav .logo{display:flex;justify-content:space-between;align-items:center;background-color:#ff0020;padding:0rem 1.2rem 0rem .2rem;border-radius:50px;font-family:Saira,sans-serif;letter-spacing:.1rem;font-size:1rem;font-weight:bolder;border:none;color:#151515;cursor:pointer;outline:none;transition:all .3s ease}nav .logo span{margin-left:.8rem;font-family:Saira,sans-serif;letter-spacing:.1rem;font-size:1rem;font-weight:bolder;color:#151515}nav ul{justify-content:space-between;align-items:center;list-style:none}nav ul li{display:inline;margin:0 10px}nav ul li :hover,.active{background-color:#e1dbd7;color:#444}nav ul li a{color:#e1dbd7;font-family:Saira,sans-serif;font-weight:900;letter-spacing:.2rem;margin-left:0rem 1rem;padding:.5rem 1rem;border-radius:50px;transition:all .3s ease}nav img{border:#ff0020 2px solid;width:50px;height:50px;border-radius:25px;transform:translateY(3.5px)}nav button{background-color:#ff0020;padding:1rem 1.25rem;border-radius:50px;font-family:Saira,sans-serif;letter-spacing:.1rem;font-size:1rem;font-weight:bolder;border:none;color:#151515;cursor:pointer;outline:none;transition:all .3s ease}.hamburger{display:none}.hamburger-react{display:inline-block;cursor:pointer}.hamburger-react .hamburger-react-box{display:inline-block;position:relative;width:24px;height:24px}.hamburger-react .hamburger-react-inner{display:block;position:absolute;width:100%;height:2px;background-color:#000;border-radius:2px;transition-duration:.2s;transition-property:transform;transition-timing-function:ease}.hamburger-react .hamburger-react-inner:before,.hamburger-react .hamburger-react-inner:after{content:"";display:block;position:absolute;width:100%;height:2px;background-color:#000;border-radius:2px;transition-duration:.2s;transition-property:transform;transition-timing-function:ease}.hamburger-react .hamburger-react-inner:before{top:-6px}.hamburger-react .hamburger-react-inner:after{bottom:-6px}.hamburger-react.is-active .hamburger-react-inner{transform:rotate(45deg)}.hamburger-react.is-active .hamburger-react-inner:before{transform:rotate(-45deg) translate(-6px)}.hamburger-react.is-active .hamburger-react-inner:after{transform:rotate(-45deg) translate(6px)}@media (max-width: 912px){.hamburger{display:block}.menu{display:none}nav ul{display:none}nav ul li{display:block;margin:1rem 0}}.menu-open{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000e6;z-index:9999;display:flex;align-items:center;flex-direction:column;justify-content:space-around;padding:5rem 0}@media screen and (max-width: 400px){nav{width:95vw}nav .logo{padding:0rem .5rem 0rem .2rem}nav .logo span{margin-left:.5rem;margin-left:.2rem;font-size:.8rem}nav img{width:40px;height:40px;border-radius:20px}nav button{padding:.8rem;font-size:.8rem}}.HeroSec{display:flex;justify-content:center;align-items:center;height:80vh;width:100%;flex-direction:column;padding-top:5rem;opacity:0;animation:slideIn 1.2s ease-in-out forwards}.HeroSec h1{font-family:Anton,sans-serif;font-size:6rem;font-weight:700;color:#e1dbd7;letter-spacing:.1rem;line-height:7rem;text-align:center}.HeroSec hr{height:1px;border:0;width:40%;margin:1rem auto;border:1px solid #e1dbd7}.HeroSec p{margin-top:1rem;margin-bottom:1rem;font-family:Saira,sans-serif;font-size:1.3rem;font-weight:600;color:#151515;letter-spacing:.1rem;line-height:2rem;text-align:center;background-color:#4ee643;border-radius:50px;padding:.3rem 1rem;box-shadow:inset 0 1px #fff,0 10px 35px #00000050}@media screen and (max-width: 912px){.HeroSec h1{font-size:4rem;line-height:4.5rem}.HeroSec p{font-size:1rem;line-height:1.5rem}.HeroSec img{padding:.8rem 2rem;margin-top:4rem}}@media screen and (max-width: 580px){.HeroSec h1{font-size:3rem;line-height:3.5rem}.HeroSec p{font-size:.8rem;line-height:1.2rem}}@media screen and (max-width: 486px){.HeroSec p{letter-spacing:.03rem;font-size:.7rem;line-height:1rem}}@media screen and (max-width: 376px){.HeroSec p{letter-spacing:0rem;font-size:.55rem;line-height:1rem}}.ScrollArrow{border:none;border-radius:1.5rem;padding:.8rem 4rem;cursor:pointer;margin:1rem auto;transition:all .3s ease;height:3rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px #878787,0 10px 35px #00000080;background:linear-gradient(0deg,#e5e5e511,#15151515);animation:bounce 2s ease-in-out 1s infinite}.scroll-arrow-img{width:1.5rem;height:1.5rem;background-image:url(/assets/arrow-CFXIVrL8.png);background-size:contain;background-repeat:no-repeat;background-position:center}@keyframes bounce{0%{transform:translateY(0)}50%{transform:translateY(1.8rem)}to{transform:translateY(0)}}.scroll-arrow-link{text-decoration:none;color:#e1dbd7}@media screen and (max-width: 912px){.ScrollArrow{padding:.8rem 2rem;margin-top:4rem}}.AboutSec-1{display:grid;grid-template-columns:repeat(1,1fr);grid-gap:2rem;padding:2rem 8rem;align-items:center;justify-content:center;text-align:center;opacity:0;animation:slideLeft 1.2s ease-in-out forwards}.Sec1{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#4ee643;border-radius:5rem;border-top-right-radius:0;padding:3.5rem;margin:0 1rem 0 15rem;box-shadow:inset 0 1px #fff,0 10px 35px #00000050;transition:all .2s ease-in}.Sec2{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:left;border-radius:0rem 5rem 5rem;margin:0 15rem 0 1rem;padding:1.5rem;vertical-align:middle;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px #878787,0 10px 35px #00000080;background:linear-gradient(0deg,#e5e5e50a,#15151515);transition:all .2s ease-in;animation:slideRight 1.2s ease-in-out forwards}.Sec1 h1{font-family:Saira,sans-serif;font-size:3rem;line-height:2rem;font-weight:bolder;color:#151515;line-height:4rem;text-align:center}.Sec2 p{font-family:Saira,sans-serif;padding:1rem;color:#e5e5e5;letter-spacing:.1rem;line-height:1.2rem;text-align:left}@keyframes slideRight{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(0)}}@keyframes slideLeft{0%{opacity:0;transform:translate(50%)}to{opacity:1;transform:translate(0)}}@keyframes slideIn{0%{opacity:0;transform:translateY(50%)}to{opacity:1;transform:translateY(0)}}@media only screen and (max-width: 912px){.AboutSec-1{grid-template-columns:1fr;padding:2rem 1rem}.Sec1,.Sec2{margin:1rem}.Sec1 h1{font-size:2rem;line-height:2.4rem}}@media only screen and (max-width: 378px){.AboutSec{grid-template-columns:1fr}.Sec1,.Sec2{margin:0rem 1rem}}.skill{display:inline-block;font-family:Saira,sans-serif;font-size:1.0169rem;font-weight:600;width:10rem;border-radius:25%;margin:1rem;padding:1.5rem;vertical-align:middle;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px #878787,0 10px 35px #00000080;background:linear-gradient(0deg,#e5e5e50a,#20ff0025);transition:all .2s ease-in;animation:slideRight 1.2s ease-in-out forwards}.Skills-Sep h2{font-family:Saira,sans-serif;letter-spacing:.25rem;font-size:2rem;font-weight:600;color:#e5e5e5;margin:3.5rem 0rem 0rem;text-align:center;animation:slideIn 1.2s ease-in-out forwards}.divider{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:5% 20% 0;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:slideLeft 1.2s ease-in-out forwards}.skill:hover{scale:1.1}.Skills-Sep{display:block;justify-content:center;align-items:center;margin:1rem 0rem}.Skills-Div{display:flex;justify-content:center;align-items:center;flex-direction:column;margin:1.5rem 0rem}.Skills-Div h1{margin-top:3rem;font-family:Anton,sans-serif;line-height:5rem;letter-spacing:.25rem;font-size:5rem;font-weight:600;color:#ff0020;text-align:center;animation:slideIn 1.2s ease-in-out forwards}@media screen and (max-width: 768px){.skill{font-size:.726rem;font-weight:400;width:10rem;border-radius:25%;margin:1rem .5rem;padding:2.5rem}.Skills-Div h1{font-size:3rem;margin-top:0rem}}@media screen and (max-width: 425px){.skill{font-weight:300}}.project-card{border-radius:10px;padding:2rem;margin:1rem;width:300px;height:300px;display:flex;flex-direction:column;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);box-shadow:inset 0 1px #878787,0 10px 35px #00000080;background:linear-gradient(0deg,#e5e5e50a,#20ff0025);transition:all .2s ease-in-out;color:#e1dbd7;animation:slideIn 1.2s ease-in-out forwards}.project-card:hover{transform:scale(1.05);box-shadow:none;background:none;background-color:#e1dbd7!important;color:#333!important}.project-card:hover .project-card-title{color:#333}.project-card-title{padding:0rem .5rem;font-size:1.3rem;color:transparent;background:#e1dbd7;-webkit-background-clip:text;background-clip:text;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.project-card-description{font-size:1rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;white-space:normal}.project-card-footer{display:flex;justify-content:space-between;width:100%}.project-card-stats{display:flex;width:100%}.project-card-star,.project-card-fork,.project-card-watch{padding:0 .5rem;transform:translate(2rem)}.project-card-link{margin-top:.1rem;margin-left:3.8rem;color:#ff0020;text-decoration:none;border-radius:5px;transition:all .2s ease-in-out}.project-card-link:hover{transform:rotate(-45deg) scale(1.5)}.Projects-Sep{display:flex;flex-wrap:wrap;justify-content:center}