@import url(https://fonts.googleapis.com/css2?family=Andika:ital,wght@0,400;0,700;1,400;1,700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Poppins: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);#nav-icon{cursor:pointer;height:4.5rem;left:auto;right:3rem;top:3rem;transition:.6s ease-in-out;width:6rem;z-index:10}#nav-icon,#nav-icon span{position:absolute;-webkit-transform:rotate(0deg);transform:rotate(0deg)}#nav-icon span{background:#f05454;border-radius:.9rem;display:block;height:.9rem;left:0;opacity:1;transition:.25s ease-in-out;width:100%}#nav-icon span:first-child{top:0}#nav-icon span:first-child,#nav-icon span:nth-child(2){-webkit-transform-origin:left center;transform-origin:left center}#nav-icon span:nth-child(2){top:1.8rem}#nav-icon span:nth-child(3){top:3.6rem;-webkit-transform-origin:left center;transform-origin:left center}#nav-icon:hover span:first-child{top:-.5rem}#nav-icon:hover span:nth-child(2){top:1.8rem}#nav-icon:hover span:nth-child(3){top:4.1rem}#nav-icon.open span:first-child{left:.8rem;top:-.3rem;-webkit-transform:rotate(45deg);transform:rotate(45deg)}#nav-icon.open span:nth-child(2){opacity:0;width:0}#nav-icon.open span:nth-child(3){left:.8rem;top:3.9rem;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.reverse .arrow{left:1rem;right:auto;-webkit-transform:scaleX(-1) translateX(-50%) translateY(-50%);transform:scaleX(-1) translateX(-50%) translateY(-50%)}.reverse .arrow:active{-webkit-transform:scaleX(-1) scale(.9) translateX(-50%) translateY(-50%);transform:scaleX(-1) scale(.9) translateX(-50%) translateY(-50%)}.arrow{cursor:pointer;height:8rem;left:auto;position:absolute;right:1rem;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%);transition:-webkit-transform .1s;transition:transform .1s;transition:transform .1s,-webkit-transform .1s;width:4rem}.arrow-bottom,.arrow-top{background-color:#ddd;height:4px;left:-5px;position:absolute;top:50%;width:100%}.arrow-bottom:after,.arrow-top:after{background-color:#f05454;content:"";height:100%;position:absolute;top:0;transition:all .15s}.arrow:hover .arrow-top:after{left:0;transition-delay:.15s}.arrow:hover .arrow-bottom:after{right:0;transition-delay:0s}.arrow:active{-webkit-transform:translateX(-50%) translateY(-50%) scale(.9);transform:translateX(-50%) translateY(-50%) scale(.9)}.arrow-top{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:bottom right;transform-origin:bottom right}.arrow-top:after{left:100%;right:0;transition-delay:0s}.arrow-bottom{-webkit-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:top right;transform-origin:top right}.arrow-bottom:after{left:0;right:100%;transition-delay:.15s}@media only screen and (max-width:850px){.nextArrow{display:none}}html{font-size:62.5%}@media(-webkit-device-pixel-ratio:1.25){html{font-size:50%}}*{box-sizing:border-box;color:#ddd;font-family:Poppins,sans-serif;font-size:2.5rem;left:0;margin:0;padding:0;top:0}h1{color:#f05454;font-size:5rem}#root,.App,body,html{min-height:100vh;width:100%}#root{background-color:#222831;flex-direction:column;height:100%;overflow-y:auto;width:100%;z-index:0}#root,.flex,.flex_c{align-items:center;display:flex;justify-content:center}.flex_c{flex-direction:column}section{border:.2rem solid #30475e;flex-direction:column;margin:1rem;padding:1rem;width:70%}.full_fit,section{align-items:center;display:flex}.full_fit{justify-content:center;min-height:100vh;width:100%}button{background-color:#30475e;border:3px solid #f05454;border-radius:.5rem;padding:1rem}@media only screen and (max-width:1000px){html{font-size:57%}}@media only screen and (max-width:850px){html{font-size:51%}section{width:90%}.arrow{display:none}}@media only screen and (max-width:620px){html{font-size:40%}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#30475e}::-webkit-scrollbar-thumb{background:#f05454}::-webkit-scrollbar-thumb:hover{background:#555}.sideBar{list-style:none;position:absolute;top:auto;z-index:10}.sideBar i{background-color:#30475e;color:#ddd;cursor:pointer;font-size:4rem;height:6rem;margin-right:2rem;padding:1rem;text-align:right;-webkit-transform:translateX(-3rem);transform:translateX(-3rem);transition:all .3s ease-in-out;width:9rem}.sideBar i:hover{-webkit-transform:translateX(0);transform:translateX(0)}.header{height:60rem;overflow-y:scroll;scroll-snap-type:y mandatory;transition:all .3s ease-in-out;width:100%;z-index:10}.header .main_header{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-evenly;scroll-snap-align:start;text-align:left;width:100%}.header .main_header>div{flex-basis:100%}.header .main_header .codingGif{height:100%;width:100%}.header .main_header .codingGif img{height:100%;object-fit:cover;width:100%}@media only screen and (max-width:620px){.header .main_header .codingGif{display:none}}.header .main_header .heading{display:flex;flex-direction:column;justify-content:center;padding-right:1rem;text-align:right}.header .main_header .heading h1,.header .main_header .heading h1 span{font-size:4rem}.header .main_header .heading .wave{-webkit-animation-duration:2.1s;animation-duration:2.1s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;-webkit-animation-name:wave-animation;animation-name:wave-animation;display:inline-block;font-size:4rem;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}.header .main_header *{font-size:3rem}.header .sub_header{align-items:center;color:#ddd;display:flex;flex-direction:column;font-size:3rem;height:100%;scroll-snap-align:start;width:100%}.header .sub_header h1{font-size:4rem;text-transform:capitalize}.header .sub_header h1 .colored{color:#ddd;font-size:4rem}.header .sub_header .container{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.header .sub_header .container>div{margin:1rem;padding:1rem}.header .sub_header .container .avatar{background-color:#30475e;border-radius:50%;height:20rem;object-fit:cover;overflow:hidden;width:20rem}.header .sub_header .container .avatar img{height:100%;object-fit:cover;-webkit-transform:scale(1.1);transform:scale(1.1);width:100%}@media only screen and (max-width:440px){.header .sub_header .container .avatar{display:none}}.header .sub_header .container .content{flex-basis:100%}.header .sub_header .container .content .highlight{color:#f05454;font-weight:700;overflow:hidden;text-decoration:none;transition:all .3s ease-in-out}.header .sub_header .container .content .highlight:hover{background-color:#f05454;color:#ddd}@-webkit-keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave-animation{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@media only screen and (max-width:850px){.sideBar{bottom:0;display:flex;padding:0}.sideBar i{margin-right:0;padding:1rem 2rem;text-align:center;-webkit-transform:translateX(0);transform:translateX(0);width:7rem}}.navbar{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;margin:3rem;width:70%}.navbar a{font-size:6rem;font-weight:700;margin:1rem 0;overflow:hidden;position:relative;text-align:center;text-decoration:none;text-transform:uppercase;transition:all .3s ease-in-out;width:100%;z-index:6}.navbar a:before{left:-100%;top:-50%}.navbar a:after,.navbar a:before{background-color:#f05454;content:"";height:100%;position:absolute;transition:all .3s ease-in-out;width:100%;z-index:-1}.navbar a:after{left:100%;top:50%}.navbar a:hover:after,.navbar a:hover:before{left:0}.navbar a.active{color:#f05454}.navbar a.active:hover{color:#ddd}.contact{align-items:center;display:flex;flex-direction:column;justify-content:center;text-align:center}.contact .highlight{text-transform:lowercase}.contact .sideBar{display:flex;margin:2rem;position:relative}.contact .sideBar i{margin:0;text-align:center;-webkit-transform:translateX(0);transform:translateX(0);width:6rem}.contact .sideBar i:hover{background-color:#fff;-webkit-transform:translateY(-1rem);transform:translateY(-1rem)}.portfolio{height:60rem}.portfolio .techStacks{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0 1rem}.portfolio .techStacks span.active *{fill:#ddd;border-color:#ddd;border-radius:1rem;color:#ddd}.portfolio .techStacks .techStack{fill:#30475e;align-items:center;border:.2rem solid #30475e;color:#30475e;cursor:pointer;display:flex;font-weight:700;height:5rem;justify-content:center;margin:1rem;text-align:center;transition:all .3s ease-in-out;width:5rem}.portfolio .techStacks .techStack.active,.portfolio .techStacks .techStack:hover{fill:#ddd;border-color:#ddd;border-radius:1rem;color:#ddd}.portfolio .container{height:100%;overflow-y:auto;scroll-snap-type:y mandatory;transition:all .3s ease-in-out;width:100%}.portfolio .container .projectRow{display:flex;height:100%;scroll-snap-align:center;transition:all .3s ease-in-out;width:100%}.portfolio .container .projectRow .project{border:.2rem solid #30475e;color:#ddd;display:grid;flex-basis:100%;grid-template-columns:2fr 3fr;margin:1rem}@media only screen and (max-width:520px){.portfolio .container .projectRow .project{grid-template-columns:1fr}}.portfolio .container .projectRow .project>div{margin:1rem}.portfolio .container .projectRow .project .projectImage{object-fit:cover;overflow:hidden}.portfolio .container .projectRow .project .projectImage img{height:100%;object-fit:cover;width:100%}@media only screen and (max-width:520px){.portfolio .container .projectRow .project .projectImage img{display:none}}.portfolio .container .projectRow .project .projectInfo{align-items:center;display:flex;flex-direction:column;font-size:2rem;justify-content:space-between}@media only screen and (max-width:520px){.portfolio .container .projectRow .project .projectInfo .techStacks{display:none}}.portfolio .container .projectRow .project .projectInfo .projectName{align-items:center;color:#f05454;display:flex;flex-direction:column;font-size:4rem;font-weight:700;justify-content:center;width:100%}.portfolio .container .projectRow .project .projectInfo .projectCallToAction{align-items:center;display:flex;justify-content:space-between;width:100%}.portfolio .container .projectRow .project .projectInfo .projectCallToAction a{border:.2rem solid #30475e;color:#30475e;padding:.2rem 1rem;text-decoration:none;transition:all .3s ease-in-out}.portfolio .container .projectRow .project .projectInfo .projectCallToAction a:hover{border-color:#ddd;border-radius:2rem;color:#ddd}.githubCalendar h1{font-size:3rem}.githubCalendar article{font-size:2rem}@media only screen and (max-width:850px){.githubCalendar{display:none}}
/*# sourceMappingURL=main.c71e025e.css.map*/