body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}:root{--primary-color:#343a40;--secondary-color:#495057;--text-color:#ced4da;--button-color:#c29de6}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:"Raleway";background-color:#343a40;background-color:var(--primary-color);color:#ced4da;color:var(--text-color);font-size:20px}a{color:#c29de6;color:var(--button-color);text-decoration:none}.link{padding:10px;border:1px solid #c29de6;border:1px solid var(--button-color);margin-left:10px}p{line-height:30px}.button:hover{color:#ced4da;color:var(--text-color)}.loader{background-color:#343a40;background-color:var(--primary-color);width:100vw;height:100vh;text-align:center;font-family:"Dancing Script","cursive";font-size:50px;color:#c29de6;color:var(--button-color)}.loader h1{margin:40vh auto auto;-webkit-animation:swirl-in-fwd 2s ease-out infinite both;animation:swirl-in-fwd 2s ease-out infinite both}.side{padding:15px;width:58px;transition:.6s ease-in-out}.side:hover{width:80px;padding-left:25px}.hero{-webkit-flex-direction:row;flex-direction:row;padding:50px 50px 0;height:80vh;-webkit-justify-content:space-between;justify-content:space-between;color:#ced4da;color:var(--text-color)}.hero,.hero-links{display:-webkit-flex;display:flex}.hero-links{margin-top:150px;width:5%;-webkit-flex-direction:column;flex-direction:column;position:fixed;left:0}.hero-text{width:60%;text-align:left;padding:50px 20px 0 15%}.hero-img{margin-top:50px;width:30%;border-radius:50%;height:80%;background-image:url(/static/media/dp2.a0a14d07.JPG);background-size:cover;border:2px solid #343a40;border:2px solid var(--primary-color)}.title{background-color:#c29de6;background-color:var(--button-color);padding:15px;font-size:18px;border-radius:50px;color:#343a40;color:var(--primary-color)}.typewriter1{border-right:.15em solid #c29de6;border-right:.15em solid var(--button-color);white-space:nowrap;-webkit-animation:type 2s steps(40);animation:type 2s steps(40);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.typewriter1,.typewriter2{width:100%;overflow:hidden;margin-bottom:20px}.typewriter2{letter-spacing:4px;background:linear-gradient(90deg,#000,#fff,#000);background-repeat:no-repeat;background-size:80%;-webkit-animation:animate 3s linear infinite;animation:animate 3s linear infinite;-webkit-background-clip:text;-webkit-text-fill-color:hsla(0,0%,100%,0)}.hero-p{margin-top:-10px;font-weight:550;-webkit-animation:tracking-in-expand-fwd 3s ease-in-out both;animation:tracking-in-expand-fwd 3s ease-in-out both}.project-page h3{width:100vw;text-align:center;font-size:30px;margin-bottom:50px}.top-bg p{font-size:25px;margin-top:50px}.down-bg{display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:space-around;justify-content:space-around;padding:100px 50px 0}.project-page{background-color:#495057;background-color:var(--secondary-color);overflow-x:hidden;min-height:100vh}.overlay,.overlay2{background-color:#c29de6;background-color:var(--button-color);width:40%;height:100px;position:absolute;top:42vh;left:30%;border-radius:5px;font-size:40px;color:#343a40;color:var(--primary-color);text-align:center;padding-top:20px}.overlay2{top:16vh}.top-bg{padding:50px;height:50vh;background-color:#343a40;background-color:var(--primary-color);color:#c29de6;color:var(--button-color);overflow-x:hidden;text-align:center}@-webkit-keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@keyframes tracking-in-expand-fwd{0%{letter-spacing:-.5em;-webkit-transform:translateZ(-700px);transform:translateZ(-700px);opacity:0}40%{opacity:.6}to{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}}@-webkit-keyframes animate{0%{background-position:-500%}to{background-position:500%}}@keyframes animate{0%{background-position:-500%}to{background-position:500%}}@keyframes type{0%{width:0}99.9%{border-right:.15em solid #c29de6;border-right:.15em solid var(--button-color)}to{border:none}}@-webkit-keyframes type{0%{width:0}99.9%{border-right:.15em solid #c29de6;border-right:.15em solid var(--button-color)}to{border:none}}@keyframes blink{50%{border-color:transparent}}@-webkit-keyframes blink{50%{border-color:tranparent}}@-webkit-keyframes swirl-in-fwd{0%{-webkit-transform:rotate(-540deg) scale(0);transform:rotate(-540deg) scale(0);opacity:0}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1}}@keyframes swirl-in-fwd{0%{-webkit-transform:rotate(-540deg) scale(0);transform:rotate(-540deg) scale(0);opacity:0}to{-webkit-transform:rotate(0) scale(1);transform:rotate(0) scale(1);opacity:1}}@media (max-width:1005px){.hero-text{padding:50px 20px 0 5%}.hero-img{width:40%}.down-bg{padding:100px 0 0}}@media (max-width:845px){.hero{padding:50px 20px 0 50px}.hero-text{width:70%}.hero-img{margin-top:25vh;width:35%;height:60%}}@media (max-width:730px){.hero{-webkit-flex-direction:column-reverse;flex-direction:column-reverse;height:auto}.hero-text{width:90%;margin:auto}.hero-links{margin-top:0;top:32vh}.hero-img{width:50%;height:50vh;margin:50px auto 0}.top-bg{padding:30px 20px 0}}@media (max-width:575px){.hero{padding:50px 0}.hero-p{z-index:1;font-size:16px}.hero-p,.hero h2{text-align:center}.hero-links{margin-top:60vh;width:100%;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;position:fixed;bottom:0;z-index:2}.side{padding:15px 15px 15px 25px;width:20vw}.side:hover{width:20vw;padding-left:0}.overlay,.overlay2{height:70px;font-size:30px}.overlay{top:49vh}.top-bg p{font-size:16px}.top-bg{height:55vh}.title{padding:10px;font-size:14px}}@media (max-width:475px){.title{padding:15px;font-size:14px;margin:auto;text-align:center}.hero-text{width:100%;padding:20px 20px 0 5%}.typewriter1,.typewriter2{font-size:22px}.typewriter2{white-space:normal;line-height:36px}.overlay,.overlay2{height:60px;font-size:20px}.overlay{top:50vh}.overlay2{top:18vh}.link{padding:5px}.down-bg{padding:70px 0 0}.hero-img{width:60%;height:250px}}
/*# sourceMappingURL=main.7bf7df8e.chunk.css.map */