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