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{--TextColor:#fff}*{box-sizing:border-box;font-family:Roboto,sans-serif;margin:0;padding:0}.App{background:#000;background:linear-gradient(160deg,#000,#281a41 50%,#080426);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;left:0;top:0;width:100%}.App .GoTop{background:#000;border:2px solid #3d2c80;border-radius:50%;bottom:5%;color:#3d2c80;cursor:pointer;font-size:32px;height:3rem;left:50%;position:fixed;transition-duration:.25s;width:3rem;z-index:10}.App .GoTop:hover{background:#3d2c80;color:#000}.cv{align-items:center;background:rgba(2,2,2,.89);border:2px solid #3d2c80;border-radius:25px;bottom:5vh;color:#fff;cursor:pointer;display:flex;font-size:19px;font-weight:700;height:3rem;justify-content:space-evenly;padding:.5rem 1rem;position:fixed;right:2%;text-decoration:none;transition-duration:.25s;width:7rem;z-index:10}.cv:hover{background-color:#3d2c80;color:#fff}html{scroll-behavior:smooth}*{scrollbar-color:#642a83 hsla(0,0%,100%,0);scrollbar-width:auto}::-webkit-scrollbar{width:13px}::-webkit-scrollbar-track{background:linear-gradient(160deg,#000,#181231 60%,#080426)}::-webkit-scrollbar-thumb{background:linear-gradient(160deg,#575757,#3d2c80 50%);border-radius:10px}@media (max-width:786px){.App .GoTop{left:45%}.cv{border:none}}.NavBarContainer{align-items:center;display:flex;justify-content:center;position:fixed;top:1rem;width:100%;z-index:10}.NavBar{background:rgba(2,2,2,.76);border-radius:40px;display:flex;justify-content:space-around;padding:.5rem;text-decoration:none;width:50%}.NavBar li{list-style:none}.NavBar .link,.NavBarContainer .link{background-color:initial;border:0;border-bottom:1px solid transparent;border-radius:10px;color:var(--TextColor);cursor:pointer;font-size:19px;outline:none;padding:.5rem 1rem;text-decoration:none;transition-duration:.25s}.NavBar .link:hover,.NavBarContainer .link:hover{background-color:#fff;color:#000}.NavBarContainer .cv{align-items:center;background:rgba(2,2,2,.89);border-radius:25px;display:flex;justify-content:space-evenly;position:absolute;right:5%;width:7rem}.NavBarContainer .cv svg{font-size:22px}@media (max-width:786px){.NavBar{width:95%}}.Welcome{font-size:5vh}.Section1{display:flex;height:100vh;width:100%}.Section1 .ImageContainer{display:grid;place-content:center end;width:50%}.Section1 .ImageContainer img{aspect-ratio:1/1;border-radius:50%;height:30vh;margin-right:5rem;object-fit:cover;z-index:10}.Section1 .TextContainer{align-items:center;color:#fff;display:flex;justify-content:flex-start;width:50%}.Section2{display:flex;height:100vh;justify-content:center;width:100%}.Section2 .TextContainer{align-items:center;color:#fff;display:flex;font-size:4vh;text-align:center;width:50%}.Section3{display:flex;height:100vh;width:100%}.Section3 .TextContainer{align-items:flex-end;color:#fff;display:flex;justify-content:center;margin-bottom:10rem;padding:0 2rem;text-align:center;width:100%}@media (max-width:786px){.Welcome{font-size:6vw}.Section1{align-items:center;flex-direction:column-reverse;justify-content:center}.Section1 .ImageContainer{margin-top:10%;place-content:center;width:100%}.Section1 .ImageContainer img{margin-right:0;z-index:0}.Section1 .TextContainer{justify-content:center;width:100%}.Section2{height:100vh}.Section2 .TextContainer{font-size:5vw;width:100%}.Section3{align-items:center;height:100vh;justify-content:center}.Section3 .TextContainer{margin:0}}.Projects-container{color:#fff;font-size:5vh;height:300vh;margin-top:3rem;overflow-x:clip;text-align:center}.Projects-container .ghost{position:-webkit-sticky;position:sticky;top:5%}.Projects-container .ghost h1{font-weight:lighter;padding:10vh 0}.Projects-wrapper{display:flex;gap:5rem;height:60vh;overflow-x:hidden;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}@media (max-width:786px){.Projects-container{font-size:6vw;height:80vh;margin:0;overflow-x:clip}.Projects-container .ghost h1{padding:0 0 10vh}.Projects-container .ghost{padding:0}.Projects-wrapper{gap:.7rem;height:100%;overflow-x:scroll;padding:0 1rem;width:100%}.Projects-wrapper::-webkit-scrollbar{display:block;height:.75rem}.Projects-wrapper::-webkit-scrollbar-thumb{background:#000;border:1px solid rgba(140,118,231,.4);width:50%}.Projects-wrapper::-webkit-scrollbar-track{display:none}.Projects-container .ghost{position:relative}}.Project{align-items:center;background-color:initial;border-radius:25px;display:flex;flex-direction:column;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;position:relative;transition-duration:.5s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.Project .wallpaper img{border-radius:25px;-webkit-filter:brightness(70%);filter:brightness(70%);height:100%;object-fit:cover;width:40vw}.Project .icon{align-items:center;background:#000;border-radius:10px;bottom:-1vh;box-sizing:border-box;display:flex;height:3vw;justify-content:center;position:absolute;width:4vw}.Project .icon img{aspect-ratio:1/1;border-radius:10px;object-fit:contain;width:70%}@media (max-width:786px){.Project .wallpaper{height:60vw}.Project .wallpaper img{border-radius:5px;-webkit-filter:brightness(1);filter:brightness(1);height:50vw;width:82vw}.Project .icon{bottom:2vh;height:10vw;width:13vw}.Project .icon img{border-radius:10px;width:60%}}.Skill{align-items:center;background-image:linear-gradient(160deg,transparent 25%,#33333b);border-radius:50px;color:#fff;display:flex;flex-direction:column-reverse;font-size:clamp(15px,3vw,24px);gap:1rem;height:40%;justify-content:center;padding:0 3rem;position:relative;width:100%;z-index:1}.Skill:before{background-image:linear-gradient(180deg,transparent 10%,#3e3e49);border-radius:50px;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .5s linear;z-index:-1}.Skill:hover:before{opacity:1}.Skill p{font-weight:lighter;width:clamp(4rem,8vw,8rem)}.Skill img{aspect-ratio:1/1;width:64px}@media (max-width:786px){.Skill{height:100%}.Skill img{width:10vw}.Skill p{display:none}}.Skills{align-items:center;color:#fff;display:flex;flex-direction:column;font-size:5vh;height:100vh;justify-content:center;padding:5rem 2rem;text-align:center;width:100%}.Skills h1{font-weight:lighter}.SkillsContainer{display:flex;flex-wrap:wrap;height:60%;justify-content:center;margin-top:5%;width:100%}.SkillsContainer .ghost{height:50%;margin:1rem;width:13%}@media (max-width:786px){.Skills{font-size:6vw;padding:5rem 0}.SkillsContainer::-webkit-scrollbar{display:none}.SkillsContainer .ghost{height:20%;min-width:0;min-width:auto;width:23vw}}.Contact{align-items:center;color:#fff;display:flex;font-size:5vh;height:100vh;text-align:center;width:100%}.Contact a{cursor:pointer}.Contact h1{font-weight:lighter}.ContactWrapper{display:flex;height:50%;justify-content:space-evenly;width:100%}.ContactWrapper .text{display:grid;place-items:center;width:50%}.ContactWrapper .text .extra{font-size:3.5vh;margin:.5rem 0 0 6rem}.ContactWrapper .Links{grid-column-gap:10px;grid-row-gap:10px;color:hsla(0,0%,100%,.8);display:grid;font-size:4rem;grid-template-columns:repeat(3,12vw);grid-template-rows:repeat(3,16vh);place-items:center;width:40%}.div1{grid-area:1/2/2/3}.div2{grid-area:2/1/3/2}.div3{grid-area:3/2/4/3}.div4{grid-area:2/3/3/4}.div5{grid-area:2/2/3/3}@media (max-width:786px){.Contact{font-size:5vw}.ContactWrapper{align-items:center;display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;width:100%}.ContactWrapper .text{display:grid;place-items:center;width:100%}.ContactWrapper .text .extra{font-size:4.5vw;margin:.5rem 0 0}.ContactWrapper .Links{grid-column-gap:10px;grid-row-gap:10px;color:hsla(0,0%,100%,.8);display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(3,12vh);place-items:center;width:100%}.ContactWrapper .Links img{aspect-ratio:1/1;width:48px}}.IntroContainer{color:#fff;font-size:4vh;height:100vh;overflow-x:clip;text-align:center;width:100%}.Intro{display:flex;flex-direction:column;height:100%;justify-content:center}.Intro .TextContainer{padding:0 4rem}.IntroContainer img{aspect-ratio:1/1;border-radius:50%;margin-top:3rem;object-fit:cover;width:15rem}@media (max-width:786px){.IntroContainer{font-size:5vw}.Intro .TextContainer{padding:0 2rem}.IntroContainer img{width:10rem}}
/*# sourceMappingURL=main.3c4c1af6.css.map*/