@import url(https://fonts.googleapis.com/css2?family=Damion&family=Prompt: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);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}:root{--black:#000814;--yellow:#ffd60a;--gray:#778da9;--white:#e0e1dd;--back:#121212;--small:16px;--normalText:20px;--title:32px;--big:64px;--pad:10vw;--mobileSmall:12px}html{scroll-behavior:smooth}body{background-color:#000814;background-color:var(--black);color:#e0e1dd;color:var(--white);cursor:default;font-family:Prompt,sans-serif}.App{margin:0 auto;max-width:1400px;width:80%}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5{margin:0}.home{display:flex;flex-direction:column;height:100vh}.whiteTitle{color:#e0e1dd;color:var(--white);font-size:32px;font-size:var(--title)}.yellowText{color:#ffd60a;color:var(--yellow);font-size:20px;font-size:var(--normalText);margin:5px}.hidden{filter:blur(5px);opacity:0;transform:scale(0);transition:all 1s}.show{filter:blur(0);opacity:1;transform:scale(1)}.Nav{align-items:center;display:flex;justify-content:space-between;padding:20px 0}.Nav h1{font-family:Damion,cursive;font-size:var(--title);font-weight:300}.mainNav{align-items:center;display:flex;gap:40px;list-style:none}.mainNav li{font-size:var(--small)}.mainNav li:hover{color:var(--yellow)}.mainNav li:last-child{background-color:var(--yellow);border-radius:5px;color:var(--black);padding:5px 8px;transition-duration:.2s}.mainNav li:last-child:hover{transform:scale(1.1)}@media screen and (max-width:800px){.mainNav{display:none}}.hamburger{background-color:initial;border:none;cursor:pointer;padding:0}.hamburger-line{background-color:var(--white);display:block;height:2px;margin:4px 0;transition:transform .3s ease;width:20px}.hamburger-menu{display:none;position:relative}.popUpNav{flex-direction:column;font-size:var(--mobileSmall);justify-content:flex-end;justify-content:space-between;list-style:none;margin:20px 0;padding:0;position:absolute;right:0;text-align:right;transform:scaleY(0);transform-origin:top;transition-duration:.5s;width:160px;z-index:1}.popUpNav.appear{display:flex;transform:scaleY(1)}.popUpNav a{display:block;padding:10px}.popUpNav li{background-color:var(--back);transition-duration:.2s}.popUpNav li:hover{background-color:var(--yellow);color:var(--black);cursor:pointer}@media screen and (max-width:800px){.hamburger-menu{display:block}}.Hero{cursor:default;display:flex;flex-direction:column;flex-grow:1;justify-content:center;padding:0}.Hero p{font-size:var(--text)}.Hero h1{font-size:var(--big)}.yellow{color:var(--yellow)}.gray{color:var(--gray)}.heroPara{width:650px}.heroImg{align-items:center;display:flex;gap:20px;margin:40px 0}.Hero span{animation:blinker 1.5s linear infinite}.heroImg img{animation-duration:2s;animation-iteration-count:infinite;animation-name:wave;animation-timing-function:ease-in-out}@keyframes blinker{50%{color:var(--yellow)}}@keyframes wave{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}.heroImg img:nth-child(2){animation-delay:-1.6s}.heroImg img:nth-child(3){animation-delay:-1.2s}.heroImg img:nth-child(4){animation-delay:-.8s}.heroImg img:nth-child(5){animation-delay:-.4s}.heroImg img:nth-child(6){animation-delay:0s}.heroImg img:nth-child(7){animation-delay:.4s}.Hero .hidden{filter:blur(5px);opacity:0;transform:translateX(-100%);transition:all 1s}.Hero .show{filter:blur(0);opacity:1;transform:translateX(0)}@media screen and (max-width:800px){.heroPara{width:80vw}.Hero p{font-size:var(--smaller)}.Hero h1{font-size:30px}.heroImg{gap:10px;justify-content:center}}.Projects{padding:50px 0}.projectsText{margin-bottom:100px}@media screen and (max-width:800px){.whiteTitle{font-size:var(--normalText)}.yellowText{font-size:var(--smallest)}}.ProjectUI{align-items:center;display:flex;gap:50px;justify-content:space-between;margin:100px 0;transition-duration:.2s}.textArea h1{color:var(--white);font-size:var(--title)}.textArea p{color:var(--gray);font-size:var(--normalText)}.textArea .githubBtn{background-color:var(--yellow);border:none;border-radius:5px;color:var(--black);cursor:pointer;display:inline-block;font-size:var(--normalText);font-weight:600;padding:10px 30px;transition-duration:.2s}.githubBtn:hover{transform:translateY(-5px)}.textArea .special{color:var(--yellow);text-decoration:underline;text-underline-offset:.2em;transition-duration:.2s}.textArea .special:hover{text-decoration:none;text-underline-position:under}.icons img{margin:0 10px}.icons{margin-bottom:20px;margin-top:10px}hr{border-color:var(--yellow);display:inline-block;margin:0;width:500px}.lineRight{text-align:right}.lineLeft{text-align:left}.ProjectUI .hidden{filter:blur(5px);opacity:0;transform:translateX(-100%);transition:all 1s}.ProjectUI .show{filter:blur(0);opacity:1;transform:translateX(0)}@keyframes leftRight{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.3) rotate(-20deg)}50%{transform:scale(1) rotate(0deg)}75%{transform:scale(1.3) rotate(20deg)}to{transform:scale(1) rotate(0)}}.specialEmoji{animation-duration:2s;animation-iteration-count:infinite;animation-name:leftRight;animation-timing-function:linear;display:inline-block;margin-left:10px}@media screen and (max-width:1000px){.rightProject{flex-wrap:wrap-reverse}.leftProject{flex-wrap:wrap}.lineLeft,.lineRight{text-align:left}}@media screen and (max-width:850px){.rightProject{flex-wrap:wrap}.leftProject{flex-wrap:wrap-reverse}.ProjectUI{gap:50px;justify-content:center}.textArea h1{font-size:var(--normalText)}.textArea a,.textArea p{font-size:var(--smallest)}.lineLeft,.lineRight{text-align:center}.textArea .special{font-size:var(--mobileSmall)}hr{width:30vw}}.About{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-between;padding:100px 0}.aboutText{color:var(--gray);margin:30px 0;width:600px}.aboutList ul{display:flex;gap:60px}@media screen and (max-width:800px){.About{align-items:center}.aboutText{font-size:var(--mobileSmall);width:fit-content}}.Skills{padding:0}.skillsHistory{margin:50px 0}.skillCard h2{font-size:var(--normalText)}.skillCard p{color:var(--gray);font-size:var(--smallest)}.skillCard span{color:var(--yellow)}.skillCard,.skillContainer{display:flex}.skillCard{align-items:center;background-color:var(--back);border-radius:10px;box-shadow:0 2px 4px #0006;cursor:default;gap:30px;margin:20px 0;padding:20px 30px;width:725px}.leftCard{transition-duration:.3s}.leftCard:hover{transform:translateX(-10px)}.rightCard{transition-duration:.3s}.rightCard:hover{transform:translateX(10px)}@media screen and (max-width:800px){.skillCard h2{font-size:var(--small);text-align:center}.skillCard p{font-size:var(--mobileSmall)}.skillCard img{width:100px}.skillCard{justify-content:center}.rightCard{flex-wrap:wrap-reverse}.leftCard{flex-wrap:wrap}.leftCard:hover,.rightCard:hover{transform:none}}.HireMe{padding:100px 0}.ReasonCards{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-start}@keyframes warning{0%{transform:scale(1) rotate(0)}25%{transform:scale(1.5) rotate(-30deg)}50%{transform:scale(1.5) rotate(30deg)}75%{transform:scale(1.5) rotate(-30deg)}to{transform:scale(1) rotate(0)}}#siren{animation-duration:2s;animation-iteration-count:infinite;animation-name:warning;animation-timing-function:ease;display:inline-block}@media screen and (max-width:800px){.ReasonCards{justify-content:center;padding:30px 0}.HireMe,.ReasonCards{text-align:center}}.ReasonCard{background-color:var(--back);border-radius:10px;box-shadow:0 2px 4px #0006;height:200px;padding:20px 30px;transition-duration:.2s;width:390px}.ReasonCard:hover{transform:translateY(-10px)}.ReasonCard h3{color:var(--yellow)}.ReasonCard span{font-size:var(--title)}@media screen and (max-width:800px){.ReasonCard p{font-size:var(--mobileSmall)}.ReasonCard{height:fit-content;width:300px}}.Work{padding:50px 0}.workIntro{margin:100px 0;text-align:center}.workIntro p{color:var(--gray);font-size:var(--normalText)}.workDetails h2{font-size:var(--title)}.workDetails h2,.workDetails span{color:var(--yellow)}.workCards{display:flex;flex-wrap:wrap;gap:50px;justify-content:flex-start;margin-top:100px}.workDetails.hidden{filter:blur(5px);opacity:0;transform:translateX(-100%);transition:all 1s}.workDetails.show{filter:blur(0);opacity:1;transform:translateX(0)}@media screen and (max-width:800px){.workDetails p{font-size:var(--small);width:fit-content}.workDetails h2,.workDetails p{text-align:center}.workIntro p{font-size:var(--small)}.workCards{justify-content:center}}.WorkCard{background-color:var(--back);border-radius:10px;transition-duration:.3s}.WorkCard:hover{transform:translateY(-10px)}.WorkCard h2{color:var(--white);font-size:var(--smallest);font-weight:300;padding:20px 0;text-align:center}.WorkCard img{border-top-left-radius:10px;border-top-right-radius:10px;height:200px;object-fit:cover;width:300px}@media screen and (max-width:800px){.WorkCard img{width:60vw}.WorkCard h2{font-size:var(--mobileSmall)}}.Contact{align-items:center;display:flex;flex-direction:column;height:90vh;justify-content:center;text-align:center}.Contact h2{font-size:var(--big)}.Contact p{font-size:var(--smalleset)}.ContactDetails{color:var(--gray)}.Btn{background-color:var(--yellow);border-radius:10px;box-shadow:0 2px 4px #0006;color:var(--black);margin:10px 0;padding:10px 30px;transition-duration:.2s}.Btn:hover{transform:translateY(-2px)}.link{color:var(--gray);text-decoration:underline}@media screen and (max-width:800px){.Contact h2{font-size:var(--title)}.Btn,.Contact p,.link{font-size:var(--mobileSmall)}}.Footer{display:flex;justify-content:center;padding:20px 0}.Footer a{align-items:center;display:flex;gap:10px}.Footer h4:hover{color:var(--yellow)}.Footer h4{color:var(--gray);font-size:var(--mobileSmall);font-weight:300;transition-duration:.2s}.Footer img{width:30px}.backToTopContainer{animation:jump 2s linear infinite none;bottom:20px;cursor:pointer;opacity:0;position:fixed;right:20px;transition-duration:.2s;visibility:hidden;z-index:1}.backToTopContainer.visible{opacity:1;visibility:visible}@keyframes jump{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}
/*# sourceMappingURL=main.3af7bd0c.css.map*/