@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap);*{margin:0;padding:0}.homeCanvas{filter:blur(10px);height:100vh;max-width:100%;position:absolute;width:100vw}.homeCanvasContainer{background-color:rgba(0,0,0,.048);color:#fff;display:flex;height:100vh;position:relative;width:100%;z-index:2}.homeCanvasContainer>h1{background-color:#fff;filter:drop-shadow(0 0 2px rgb(28,116,216));font:700 4vmax Josefin Sans,sans-serif;left:0;padding:2vmax;position:absolute;text-align:center;top:50%;transform:translateY(-50%)}.homeCanvasContainer>h1>p{color:#242424;transition:all .5s}.homeCanvasContainer>h1>p:hover{transform:translateY(-10px)}.homeCanvasBox{position:absolute;right:0;text-align:right;top:50%;transform:translateY(-50%)}.homeCanvasBox>h2{color:#fff;font:900 4rem Ubuntu Mono,Roboto;letter-spacing:22px;line-height:130px}.homeCanvasContainer>a{background-color:#fff;border:1px solid #fff;box-sizing:border-box;color:#000;font:700 1rem Ubuntu Mono,Roboto;left:50%;padding:2vmax 6vmax;position:absolute;text-decoration:none;top:50%;transform:translate(-50%,-50%);transition:all .5s}.homeCanvasContainer>a:hover{background-color:#0000;color:#fff}.homeScrollBtn{align-items:center;animation:scrollPop .5s ease-in infinite alternate;border-radius:100%;display:flex;justify-content:center;left:50%;padding:.5vmax;position:absolute;transform:translateY(-150%)}.homeScrollBtn>svg{color:#fff;font-size:3vmax}.homeContainer{background-color:#fff;border-bottom:200px solid #fff;border-radius:0 0 200px 200px;padding-top:4vmax;position:relative;z-index:1}.homeContainer>h3{padding:4vmax}.homeContainer>h3,.homeContainer>p{color:hsla(0,5%,8%,.904);text-align:center}.homeContainer>p{font-size:40px}.homeSkills{align-items:center;background-color:#0b111e;box-sizing:border-box;display:flex;flex-direction:column;height:1500px;justify-content:space-around;margin-bottom:-200px;overflow-x:hidden;padding:200px;perspective:450px;position:relative;transform:translateY(-200px)}.homeSkills>h3{color:#fff;font-size:4vmax;margin-bottom:4vmax;text-align:center}.homeCubeSkills{animation:cubeRotation 15s linear infinite alternate;height:200px;transform-style:preserve-3d;width:200px}.homeCubeSkillsFaces{align-items:center;box-shadow:0 0 10px #000;display:flex;justify-content:center;opacity:.7;position:absolute}.homeCubeSkillsFaces,.homeCubeSkillsFaces>img{height:inherit;width:inherit}.homeCubeSkillsFace1{transform:translateZ(100px)}.homeCubeSkillsFace2{transform:rotateY(180deg) translateZ(150px)}.homeCubeSkillsFace3{transform:rotateY(-90deg) translateZ(150px)}.homeCubeSkillsFace4{transform:rotateY(90deg) translateZ(150px)}.homeCubeSkillsFace5{transform:rotateX(90deg) translateZ(150px)}.homeCubeSkillsFace6{transform:rotateX(-90deg) translateZ(150px)}.cubeShadow{animation:cubeShadow 1s ease-in-out infinite alternate;background-color:hsla(0,0%,100%,.171);border-radius:50%;filter:blur(3px);height:40px;width:300px}.homeskillsBox{animation-duration:1s;animation-fill-mode:forwards;animation-timing-function:linear;background-color:#9580ff;display:flex;flex-direction:column;padding:0 2vmax;position:absolute;right:-300px}.homeskillsBox>svg{color:#fff;font-size:5vmax;margin:10px;transition:all .5s}.homeskillsBox>svg:hover{transform:scale(1.5)}.home{background-color:#000}@keyframes cubeRotation{to{transform:rotateY(1turn) rotateX(480deg) rotate(2turn)}}@keyframes cubeShadow{to{transform:scale(1.2) translateY(-10px)}}@keyframes homeskillsBoxAnimationOn{0%{right:-300px}to{right:40px}}@keyframes homeskillsBoxAnimationOff{0%{right:40px}to{right:-300px}}@keyframes scrollPop{to{transform:translateY(-200%)}}@media screen and (max-width:600px){.homeCanvasContainer>a{bottom:10%;top:auto;transform:translate(-50%)}.homeCanvasBox>h2{font:900 2rem Ubuntu Mono,Roboto;letter-spacing:15px;line-height:60px}.homeCubeSkills{height:100px;width:100px}.homeCubeSkillsFace1{transform:translateZ(75px)}.homeCubeSkillsFace2{transform:rotateY(180deg) translateZ(75px)}.homeCubeSkillsFace3{transform:rotateY(-90deg) translateZ(75px)}.homeCubeSkillsFace4{transform:rotateY(90deg) translateZ(75px)}.homeCubeSkillsFace5{transform:rotateX(90deg) translateZ(75px)}.homeCubeSkillsFace6,.homeCubeSkillsFace7{transform:rotateX(-90deg) translateZ(75px)}}body{margin:0}.menuBurger{align-items:center;cursor:pointer;display:flex;flex-direction:column;height:2.5vmax;justify-content:space-between;left:2vmax;overflow:hidden;padding:1vmax;position:fixed;top:2vmax;width:3vmax;z-index:1000}.menuBurgerItem{border-radius:30px;height:.3vmax;transition:all .4s;width:2.8vmax}.menuBurgerItem1{position:absolute;top:2vmax;transform:rotate(45deg)}.menuBurgerItem2{transform:translateX(-200%)}.menuBurgerItem3{position:absolute;top:2vmax;transform:rotate(-45deg)}.nav{display:flex}.nav1,.nav2,.nav3,.nav4{box-sizing:border-box;display:flex;font-family:Roboto;height:100vh;padding:2vmax;position:fixed;width:25%;z-index:100}.nav1{left:0}.nav2{left:25%}.nav3{left:50%}.nav4{left:75%}@keyframes LogoleftIn{0%{transform:translateX(-100vw)}to{transform:translateX(0)}}@keyframes LogoleftOut{0%{transform:translateX(0)}to{transform:translateX(-100vw)}}@keyframes LinkIn{0%{transform:translateY(-100vw)}to{transform:translateY(0)}}@keyframes LinkOut{0%{transform:translateY(0)}to{transform:translateY(-100vw)}}@keyframes IconIn{0%{transform:translateX(100vw)}to{transform:translateX(0)}}@keyframes IconOut{0%{transform:translateX(0)}to{transform:translateX(100vw)}}@media screen and (max-width:800px){.nav1{flex-direction:column}.nav2,.nav3,.nav4{flex-direction:column!important;justify-content:center!important}.logoReactNavbar{width:200%!important}.linksReactNavbar{font-size:2vmax!important}}.footer{background-color:#1a1a1a;display:grid;grid-template-columns:1fr 200px;padding:3vmax}.footer>div>h5{border-bottom:1px solid #fff;color:#fff;margin-bottom:20px;padding:10px 0;width:120px}.footer>div>p{color:#fff;width:60%}.footer>div>h6{color:#fff;padding:10px 0}.footer>div:last-child{align-items:center;display:flex;flex-direction:column}.footer>div>a{color:#fff;font-size:3vmax;transition:all .3s}.footer>div>a:nth-child(2):hover{color:#4058e2}.footer>div>a:nth-child(3):hover{color:#f13b3b}.footer>div>a:nth-child(4):hover{color:#0b23a8}.footerContactBtn{background-color:#fff;border:1px solid #fff;color:#000;display:block;margin:2vmax 0;padding:5px;text-align:center;text-decoration:none;transition:all .5s;width:120px}.footerContactBtn>p{color:#000}.footerContactBtn:hover{background-color:initial}.footerContactBtn:hover p{color:#fff}.projects{background-color:#37425d;min-height:100vh;padding-top:15vmax}.projects>h3{align-items:center;animation:projectHeadingAnimation 1s ease-in-out forwards;background-color:#9580ff;border-radius:100px;color:#fff;display:flex;left:50%;padding:2vmax 4vmax;position:absolute;text-align:center;transform:translate(-50%,-100vh)}.projects>h3>svg{margin:1vmax}.projectsWrapper{align-items:center;background-color:#fff;border-radius:300px 300px 0 0;border-top:100px solid #fff;display:flex;flex-wrap:wrap;justify-content:center;min-height:inherit;overflow-x:hidden;padding:5vmax 5vmax 10vmax}.projectCard{animation:projectCardAnimation 1s ease-in-out .5s forwards;border-radius:10px;color:rgba(0,0,0,.712);display:flex;margin:2vmax;text-decoration:none;transform:translateX(-100vw);width:80%}.projectCard:nth-child(2n){animation:projectCardAnimation 1s ease-in-out 1s forwards;flex-direction:row-reverse;transform:translateX(100vw)}.projectCard>div{align-items:center;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-around;transition:all .5s;width:100%}.projectCard>div:first-child:after{align-items:center;background-color:#9580ff;color:#fff;content:"VIEW DEMO";display:flex;font:100 2rem Roboto;height:100%;justify-content:center;width:100%}.projectCard>div:first-child>h5{padding:2vmax;text-align:center}.projectCard>div:last-child{padding:3vmax}.projectCard>div:last-child>h4{text-align:center}.projectCard>div:last-child>p{letter-spacing:5px;text-align:right;word-spacing:5px}.projectCard>div:last-child>h6{color:#000;font-family:Ubuntu Mono;font-weight:700}.projectCard>div>img{width:inherit}.projectCard:hover div:first-child{filter:hue-rotate(240deg) blur(4px)}@keyframes projectCardAnimation{to{transform:translateX(0)}}@keyframes projectHeadingAnimation{to{transform:translate(-50%,-50%)}}@media screen and (max-width:600px){.projectCard,.projectCard:nth-child(2n){flex-direction:column}.projectCard>div{justify-content:center}.projectCard>div:last-child>p{text-align:center}}.contact{background-color:#0b111e;height:100vh;width:100%}.contactRightBar{animation:contactFormTransition 1s linear forwards;background-image:linear-gradient(180deg,#9580ff,#fff);height:inherit;position:absolute;right:0;width:30%}.contactContainer{animation:contactTransition 1s linear forwards;background-color:#fff;border-radius:100px 0 0 100px;box-shadow:0 0 10px rgba(0,0,0,.473);display:flex;height:80%;justify-content:center;position:absolute;top:50%;width:70%}.contactContainerForm{display:flex;flex-direction:column;justify-content:space-evenly;width:50%}.contactContainerForm>h4{margin:1vmax;text-align:center}.contactContainerForm>input,.contactContainerForm>textarea{animation:contactFormInputs 1s ease-in-out .5s forwards;border:1px solid rgba(0,0,0,.205);border-radius:3px;font-family:Roboto;font-size:1rem;outline:none;padding:1vmax;transform:translateX(-100vw)}.contactContainerForm>button{animation:contactFormBtn 1s ease-in-out 1s forwards;background-color:#9580ff;transform:translateY(-100vh)}.contactContainerForm>button:hover{background-color:#0b111e}@keyframes contactTransition{0%{transform:translateX(-100%) translateY(-50%)}to{transform:translateX(20%) translateY(-50%)}}@keyframes contactFormTransition{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes contactFormBtn{to{transform:translateY(0)}}@keyframes contactFormInputs{to{transform:translateX(0)}}.about{background-color:#0b111e;display:flex;min-height:100vh}.aboutContainer{background-color:#fff;box-sizing:border-box;display:flex;height:70vh;justify-content:right;padding:2vmax;position:absolute;right:0;width:60%}.aboutContainer>p{color:hsla(0,0%,6%,.822);font-size:1.5vmax;letter-spacing:1px;line-height:40px;text-align:right;width:30%;word-spacing:5px}.aboutContainer2{animation:aboutAnimation 1s ease-in forwards;background-color:#fff;bottom:0;box-shadow:0 0 15px rgba(0,0,0,.281);box-sizing:border-box;display:flex;min-height:80vh;padding:2vmax;position:absolute;transform:translateX(-100vw) translateY(-10%) rotate(-1turn);width:60%}.aboutContainer2>div{box-sizing:border-box;color:hsla(0,0%,7%,.712);display:flex;flex-direction:column;padding:1vmax;width:100%}.aboutContainer2>div:first-child{align-items:center}.aboutAvatar{border-radius:100%;height:300px;transition:all 1s;width:300px}.aboutAvatar:hover{box-shadow:0 0 10px rgba(0,0,0,.452);transform:scale(1.05)}@keyframes aboutAnimation{to{transform:translateX(20%) translateY(-10%)}}@keyframes aboutAnimationPhone{to{transform:translateX(0) translateY(0)}}@media screen and (max-width:600px){.about{align-items:flex-end;padding-top:100px}.aboutContainer{display:none}.aboutContainer2{animation:aboutAnimationPhone 1s ease-in forwards;flex-direction:column;position:relative;width:100%}.aboutContainer2>div:last-child>p{text-align:center!important}.aboutAvatar{height:100px;transform:translateY(-80%);width:100px}}.AdminLogin{align-items:center;background-color:#8a2be2;display:flex;font-family:cursive;height:100vh;justify-content:center}.AdminLogin form{background-color:azure;border-radius:20px;box-shadow:0 0 20px #ff1c1c;padding:30px;text-align:center}.AdminLogin input{background:none;border:none;border-bottom:1px solid #000;color:rgba(0,0,0,.527);font-size:20px;height:25px;margin:10px auto;outline:none;width:200px}.AdminLogin h1{color:#8a2be2}.AdminLogin button{background:linear-gradient(120deg,rgba(255,0,238,.714),#f2ff04f0);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;padding:10px}.AdminLogin button:hover{background:linear-gradient(-120deg,rgba(255,0,238,.714),#f2ff04f0)}.AdminLogin input::placeholder{color:rgba(0,0,255,.484)}.AdminLogin form>p>a{color:#8a2be2;text-decoration:underline}.AdminSignUp{align-items:center;background-color:#8a2be2;display:flex;font-family:cursive;height:100vh;justify-content:center}.AdminSignUp h1{color:#8a2be2}.AdminSignUp form{background-color:azure;border-radius:20px;box-shadow:0 0 20px #ff1c1c;padding:40px;text-align:center}.AdminSignUp input{background:none;border:none;border-bottom:1px solid #000;color:rgba(0,0,0,.527);font-size:20px;height:25px;margin:10px auto;outline:none;width:200px}.AdminSignUp button{background:linear-gradient(120deg,rgba(255,0,238,.714),#f2ff04f0);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:20px;margin-top:40px;padding:10px}.AdminSignUp input::placeholder{color:rgba(0,0,255,.484)}
/*# sourceMappingURL=main.73b4d265.css.map*/