@import url(https://fonts.googleapis.com/css2?family=Poppins&display=swap);body{background-color:transparent;position:relative;margin:0;font-family:"Poppins",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;overflow-x:hidden}html{scrollbar-width:normal;scrollbar-color:#555 #222;scroll-behavior:smooth}html::-webkit-scrollbar{width:20px}html::-webkit-scrollbar-thumb{background-color:#555}html::-webkit-scrollbar-track{background-color:#222}*{box-sizing:border-box}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}#tsparticles{width:100%;height:100%;margin:0;padding:0;top:0;left:0}nav{position:relative;z-index:1;padding-left:2vmax;padding-right:2vmax;color:#fff;display:flex;width:100vw;justify-content:space-between;background:transparent}nav .title{font-size:3vmax;text-transform:lowercase;font-weight:bolder;letter-spacing:-.45vmax}nav .navIcon{display:flex;flex-direction:column;width:3rem;height:3rem;border-radius:50%;z-index:2;justify-content:center;align-items:center;cursor:pointer;padding-right:4vmax}nav .navIcon:active,nav .navIcon:focus,nav .navIcon:hover{transform:scale(1.2)}.navIcon .first{width:20px;height:1px}.navIcon .first,.navIcon .second{color:#fff;margin:4px 0;background-color:#fff;border-radius:1rem}.navIcon .second{width:25px;height:2px}.navIcon .third{color:#fff;width:20px;height:1px;margin:4px 0;background-color:#fff;border-radius:1rem}.blob{position:absolute;top:0;left:0;fill:coral;width:40vmax;z-index:-1;animation:move 10s ease-in-out infinite;transform-origin:50% 50%}@keyframes move{0%{transform:scale(1) translate(10px,-30px)}38%{transform:scaleX(.8) translate(80vw,30vh) rotate(160deg)}40%{transform:scaleX(.8) translate(80vw,30vh) rotate(160deg)}78%{transform:scale(1.3) translateY(50vh) rotate(-20deg)}80%{transform:scale(1.3) translateY(50vh) rotate(-20deg)}to{transform:scale(1) translate(10px,-30px)}}.App{background:#000;overflow-y:auto;user-select:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;transition:all .5s linear}.landing{width:100vw;height:100vh;overflow:hidden;z-index:1}.landing,.Main{display:flex;position:relative}.Main{flex-direction:column;justify-content:center;padding-left:5vmax;transition:all .5s linear}.caption{font-size:1.3vmax;font-weight:700;text-transform:uppercase;letter-spacing:3px}.caption,.Main h1{transition:all .5s linear}.Main h1{text-transform:lowercase;font-size:8vmax;font-family:Calibre-SemiBold,sans-serif;letter-spacing:-.9vmax;text-transform:uppercase;cursor:pointer}.Main h1,.Main h3{margin:0;padding:0}.Main h3{font-size:2vmax;transition:all .5s linear}h3 span{display:inline-flex;justify-content:center;padding:.5%;color:#000;background:#fff;cursor:pointer;animation:shake .9s cubic-bezier(.36,.07,.19,.97) both;animation-iteration-count:infinite}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.aboutMe{background-color:#f5f5f5;position:relative;z-index:1;height:100vh;color:#000;font-size:10vw;overflow-x:hidden;padding:5vmax}img{height:40vmax}.aboutMe .mainArea{display:flex}.aboutMe h1{font-size:8vmax;padding-top:0;padding-bottom:0;font-weight:thin;margin:0}.mainArea .handsome_guy{font-size:2vmax;padding:2vmax}a{color:grey}.icons{display:flex;justify-content:space-between;width:250px;align-content:center}.fab,.icons{text-align:center}.fab{font-size:5vmax}.ContactMe{height:20vh;color:#797575;position:relative;z-index:1;background:transparent;padding:5vmax}.ContactMe .contact{padding-top:5vh;display:flex;justify-content:space-between;color:#fff;font-size:2.6vmin}@media (max-width:768px){.aboutMe .mainArea{flex-direction:column;text-align:center;align-items:center}.icons{width:150px;margin-left:30%}}
/*# sourceMappingURL=main.57474bda.chunk.css.map */