@import url(https://fonts.googleapis.com/css?family=Fira+Mono&display=swap);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}.Nav{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;color:#ccd6f6}.navbar,.navbar-menu{background-color:transparent}.navbar-item{color:#ccd6f6;font-size:13px}.navbar-link.is-active,.navbar-link:focus,.navbar-link:focus-within,.navbar-link:hover,a.navbar-item.is-active,a.navbar-item:focus,a.navbar-item:focus-within,a.navbar-item:hover{color:#ff2e97;background-color:transparent}.navbar-burger{color:#ccd6f6}.navbar-burger:hover{color:#ff2e97}.navbar-end{margin-right:55px}.button{background-color:transparent;margin-top:18px}.button,.button:hover{color:#ff2e97;border-color:#ff2e97;font-size:13px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace}.button:hover{-webkit-filter:drop-shadow(5px 5px 10px #fff);filter:drop-shadow(5px 5px 10px white);margin-top:11px}i.fas{background-color:transparent;box-shadow:none;margin-left:10px}@media (min-device-width:320px) and (max-device-width:413px){.navbar-burger{margin-left:390px;margin-top:8px}.navbar-menu.is-active{margin-left:200px}.navbar-brand{margin-left:-10px}.navbar-end{margin-right:-50px}}@media screen and (min-device-width:414px) and (max-device-width:480px){.navbar-burger{margin-top:8px;margin-left:450px}.navbar-end{margin-right:-50px}.navbar-menu.is-active{margin-left:200px}}@media screen and (min-width:500px){.navbar-burger{margin-left:340px}.navbar-menu.is-active{margin-left:50px}i.fas{margin-left:-10px;background-color:transparent;box-shadow:none}}@media only screen and (device-width:768px){.navbar-burger{margin-left:950px}.navbar-menu.is-active{margin-left:500px;display:flex}}@media screen and (min-device-width:1024px) and (max-device-width:1025px){.navbar-menu{margin-left:790px}}html{background-color:#0d0936}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.SocialMedia{width:40px;position:fixed;bottom:0;left:"40px";z-index:10;color:#a8b2d1}.SocialMedia__list{display:flex;flex-direction:column;align-items:center;padding:0;list-style:none;margin:0 0 0 55px}.SocialMedia__list:after{content:"";display:block;width:1px;height:90px;margin:0 auto;background-color:#a8b2d1}.SocialMedia__list li:last-of-type{margin-bottom:20px}.SocialMedia__list a{padding:10px}.SocialMedia__list__link:focus,.SocialMedia__list__link:hover{-webkit-transform:translateY(-3px);transform:translateY(-3px)}.SocialMedia__list__link .icons{width:18px;height:18px}@media screen and (min-width:500px) and (max-width:727px){.SocialMedia{display:none}}@media (min-device-width:320px) and (max-device-width:480px){.SocialMedia{display:none}}.Email{width:40px;position:fixed;bottom:0;left:auto;right:40px;z-index:10;color:#a8b2d1}.Email__container{display:flex;flex-direction:column;align-items:center;position:relative}.Email__container:after{content:"";display:block;width:1px;height:90px;background-color:#a8b2d1;margin:0 auto}.Email__link{font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;font-size:12px;letter-spacing:.1em;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;margin:20px 5px 20px 10px;padding:0;color:#a8b2d1}.Email__link:hover{color:#ff2e97}@media screen and (min-width:500px) and (max-width:727px){.Email{display:none}}@media (min-device-width:320px) and (max-device-width:480px){.Email{display:none}}.Hero{margin-left:55px;width:101%;text-align:left}.Hero__container{max-width:1000px;display:flex;justify-content:center;flex-direction:column;align-items:space-around;min-height:100vh;margin:0 auto;padding:150px 0}.Hero .greetings{color:#ff2e97;font-size:16px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;font-weight:400;margin:0 0 20px 3px;-webkit-animation:type 4s steps(60);animation:type 4s steps(60)}.Hero h2{color:#ccd6f6;margin:0}.Hero h2,.Hero h3{font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;font-size:80px;line-height:1.1;font-weight:700}.Hero h3{color:#8892b0}.Hero div{font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;margin-top:20px;width:100%;font-size:15px;color:#a8b2d1}@media (min-device-width:320px) and (max-device-width:480px){.Hero__container{min-height:120vh}.Hero h2{font-size:4em}.Hero h3{font-size:2em}.Hero p{font-size:13px}}@media screen and (min-width:500px) and (max-width:729px){.Hero h2{font-size:5.1em}.Hero h3{font-size:2.8em}.Hero p{font-size:14spx}}.About{margin-left:55px;width:101%}.About__container{max-width:1000px;display:flex;justify-content:center;flex-direction:column;align-items:space-around;min-height:100vh;margin:0 auto;padding:150px 0}.About h1{display:flex;align-items:flex-end;width:100%;font-size:30px;margin:10px 0 40px;font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;color:#ccd6f6;font-weight:700}.About h1:before{counter-increment:section 1;content:"0" counter(section) ".";margin-right:10px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;font-weight:400;color:#ff2e97;font-size:20px;position:relative;bottom:4px}.About h1:after{content:"";display:block;height:1px;width:185px;background-color:#2d3952;position:relative;top:-19px;margin-left:20px}.About div{display:flex;justify-content:flex-start;font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;color:#ccd6f6;font-size:14px}.About div section{width:387px}.About div a{color:#ff2e97}.About div ul{display:grid;grid-template-columns:repeat(3,minmax(140px,200px));overflow:hidden;padding:0;margin:20px 0 0;list-style:none}.About div ul li{position:relative;margin-right:150px;margin-bottom:10px;padding-left:20px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;font-size:12px;color:#ccd6f6}.About div ul li:before{content:"▹";position:absolute;left:0;color:#ff2e97;font-size:12px;line-height:12px;margin-top:3px}.About .container__image{margin-left:125px;max-width:350px;position:relative}.About .container__image:after,.About .container__image:before{content:"";display:block;position:absolute;width:96%;height:100%;-webkit-transition:all .25s ease-in-out;transition:all .25s ease-in-out}.About .container__image:before{top:15px;left:15px;z-index:-1}.About .container__image:after{top:25px;left:70px;outline:2px solid #ff2e97;z-index:-2}.About .container__image:hover:after{top:15px;left:60px;outline:2px solid #ff2e97}@media only screen and (device-width:768px){.About .container__image:after,.About .container__image:before{width:105%;height:89%;margin-left:128px}.me{margin-left:120px}}@media (min-device-width:320px) and (max-device-width:480px){.About h1{font-size:28px}.About .container__image{display:none}.About__container{min-height:120vh}}@media (min-device-width:1024px) and (max-device-width:1025px){.About .container__image:after,.About .container__image:before{margin-left:200px}.me{margin-left:225px}}.Education{margin-left:55px;width:101%}.Education__container{max-width:1000px;display:flex;justify-content:center;flex-direction:column;align-items:space-around;min-height:100vh;margin:0 auto;padding:150px 0}.Education__selected{display:flex;flex-direction:column;justify-content:flex-start;margin-left:"-837px"}.Education h2{color:#ff2e97;font-weight:700;display:flex;font-size:25px}.Education h3{display:flex;color:#ccd6f6;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace}.Education h4{font-size:12px}.Education h4,h1{display:flex;color:#ccd6f6;font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif}h1{align-items:baseline;width:100%;font-size:30px;margin:10px 0 40px;font-weight:700}h1:before{counter-increment:section 2;content:"0" counter(section) ".";margin-right:10px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;font-weight:400;color:#ff2e97;font-size:20px;position:relative;bottom:4px}h1:after{content:"";display:block;height:1px;width:185px;background-color:#2d3952;position:relative;top:-5px;margin-left:20px}.scrollbar,i.fas{align-items:center}.scrollbar{display:flex;flex-direction:column;top:8%;right:-35%;margin-top:-345px;position:relative;height:60vh;justify-content:space-evenly;z-index:10}.scrollbar_line{position:absolute;top:0;left:48.5%;border-right:2px solid #a8b2d1;height:60vh;z-index:-1;-webkit-transition:all 1s linear;transition:all 1s linear}.circle{color:#000;margin-left:-20px}i.fas{display:inline-block;color:#000;display:flex;justify-content:center;text-align:center;width:50px;height:50px;border-radius:50%;box-shadow:0 0 6px #fff;background-color:#a8b2d1;padding:.5em .6em;-webkit-transition:all 1s linear;transition:all 1s linear;cursor:pointer}@media (min-device-width:320px) and (max-device-width:413px){.scrollbar,.scrollbar_line{height:55vh}.scrollbar{margin-left:270px}.circle{margin-left:-10px}.Education__container{min-height:120vh}}@media screen and (min-device-width:414px) and (max-device-width:480px){.scrollbar{margin-left:320px}.circle{margin-left:-10px}.scrollbar,.scrollbar_line{height:50vh}}@media screen and (min-width:500px) and (max-width:727px){.scrollbar{right:-28%}.circle{margin-left:-5px}}@media only screen and (device-width:768px){.scrollbar,.scrollbar_line{height:35vh}.scrollbar{margin-left:647px}.circle{margin-left:10px}}@media (min-device-width:1024px) and (max-device-width:1025px){.scrollbar,.scrollbar_line{height:30vh}.circle{margin-left:-1px}.scrollbar{margin-left:600px}}.Projects{margin-left:55px;width:101%}.Projects__container{max-width:1000px;display:flex;justify-content:center;flex-direction:column;align-items:space-around;min-height:100vh;margin:0 auto;padding:150px 0}.Projects h1{display:flex;align-items:flex-end;width:100%;font-size:30px;margin:10px 0 40px;font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;color:#ccd6f6;font-weight:700}.Projects h1:before{counter-increment:section 3;content:"0" counter(section) ".";margin-right:10px;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Lucida Console,Monaco,monospace;font-weight:400;color:#ff2e97;font-size:20px;position:relative;bottom:4px}.Projects h1:after{content:"";display:block;height:1px;width:185px;background-color:#2d3952;position:relative;top:-19px;margin-left:20px}.Projects__list{margin-left:-69px}.Projects a{display:inline-blesock;color:inherit;text-decoration:none;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.Projects button{border:0;outline:0;cursor:pointer}.Projects ol,.Projects ul{padding:0;margin:0;list-style:none}.Projects svg{width:100%;height:100%;fill:currentColor}.Projects img{width:100%;max-width:100%;vertical-align:middle}.Projects .project-container{max-width:1000px;margin:50px auto}.Projects .project,.Projects .project-container{font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif}.Projects .project{margin:30px;display:grid;grid-gap:10px;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(6,1fr);align-items:center}@media screen and (max-width:768px){.Projects .project{align-items:flex-start;width:67%;margin-left:70px}}.Projects .project-content{font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;position:relative;grid-column:1/7;grid-row:1/-1}@media (max-width:600px){.Projects .project-content{grid-column:1/-1;padding:40px}}.Projects .project-content .project-label{color:#ff2e97;font-family:monospace}.Projects .project-content .project-title{font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;font-size:2rem;margin:10px 0 30px;color:#ccd6f6;font-weight:700}.Projects .project-content .project-title:hover{color:#ff2e97}.Projects .project-content .project-details{font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif;font-size:15px;line-height:1.5;color:#8892b0}.Projects .project-content .project-details p{background-color:#8892b0;padding:20px 25px;color:#ccd6f6}@media (max-width:600px){.Projects .project-content .project-details p{background-color:transparent;padding:20px 0}}.Projects .project-content .project-details ul{display:flex;margin-top:20px}.Projects .project-content .project-details ul li{margin-right:20px;color:#a8b2d1;font-family:monospace}.Projects .project-content .project-details .details{text-align:left}.Projects .project-content .project-details .other__title{margin-left:-100px}.Projects .project-img{position:relative;z-index:-1;border-radius:2px;grid-column:6/-1;grid-row:1/-1}@media screen and (max-width:768px){.Projects .project-img{height:100%}}@media (max-width:600px){.Projects .project-img{grid-column:1/-1;opacity:.25}}.Projects .project-img:before{content:"";position:absolute;width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:3;background-color:#0a192f;mix-blend-mode:screen;border-radius:2px}.Projects .project-img img{border-radius:2px;position:relative;mix-blend-mode:multiply}@media screen and (max-width:768px){.Projects .project-img img{object-fit:cover;width:100%;height:100%}}.Others{margin-left:340px}.Others .other__projects{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));position:relative;grid-gap:15px;gap:15px;color:#ccd6f6}.Others .other__projects .one__project{box-shadow:0 10px 30px -15px rgba(2,12,27,.7);display:flex;justify-content:space-between;-webkit-box-align:center;flex-direction:column;align-items:flex-start;position:relative;height:100%;background-color:#8892b0;padding:2rem 1.75rem;border-radius:3px;-webkit-transition:all .25s cubic-bezier(.645,.045,.355,1) 0s;transition:all .25s cubic-bezier(.645,.045,.355,1) 0s}.Others .other__projects .other__icons{display:flex;justify-content:flex-start;margin-bottom:30px}.Others .other__projects .other__icons .folder__icon{color:#64ffda}.Others .other__projects .other__icons .link__icon{margin-right:-10px;color:#a8b2d1}.Others .other__projects .other__icons .link__icon a{position:relative;top:-10px;padding:10px}.Others .other__projects h5{font-size:22px;font-weight:700}.Others .other__projects h5,.Others .other__projects h5 .other__description{color:#ccd6f6;margin:0 0 10px;font-family:Calibre,San Francisco,SF Pro Text,-apple-system,system-ui,BlinkMacSystemFont,Roboto,Helvetica Neue,Segoe UI,Arial,sans-serif}.Others .other__projects h5 .other__description{font-size:17px}.Others .other__projects h5 .other__description p{margin:0 0 15px}@media screen and (min-width:500px) and (max-width:727px){.Others{margin-left:51px;width:400px}.details{text-align:left}.other__title{margin-left:-110px}}@media (min-device-width:320px) and (max-device-width:480px){.Projects .project-container{width:490px}.Projects .project{width:93%}.Projects__container{min-height:120vh}.other__title{font-size:2rem;color:#ccd6f6;font-weight:700;margin-left:70px}.Others{width:350px;margin-left:110px}.details{text-align:left}}@media only screen and (device-width:768px){.Projects .project{width:99%}.Projects .project-container{width:1000px}.details{text-align:left}.other__title{margin-left:224px}}@media (min-device-width:1024px) and (max-device-width:1025px){.Projects .project{width:1140px}.details{text-align:left}.other__title{margin-left:255px}}
/*# sourceMappingURL=main.e9f19f1f.chunk.css.map */