body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{font-size:62,5%;height:100%;overflow:auto;scroll-behavior:smooth}*{box-sizing:border-box;margin:0;padding:0}.App{text-align:center}main{position:relative}h1{font-size:5rem;font-weight:bolder}h2{font-size:4rem}p{font-size:3rem;margin:1rem}section{align-items:center;color:#f7f7f7;display:flex;font-family:Open Sans,sans-serif,Segoe UI,Tahoma,Geneva,Verdana;height:100vh;justify-content:center;padding:5rem;transition:background-color 5s}.section-title{align-self:start;font-size:5rem}#stick{align-items:center;background-color:#470e40;display:flex;flex-direction:column;height:100vh;justify-content:center}.footer{background-color:#f5f5f5;color:#2e8b57}.typemachine{display:flex;font-family:Courier New,Courier,monospace;font-size:3em;font-weight:700;justify-content:flex-start;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.type-vertical-stack{align-items:flex-start;display:flex;flex-direction:column;gap:1rem;height:15%;width:50%}.center{margin:auto 100%;width:100%}html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{display:inline-block;height:100vh;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;height:100%;vertical-align:top;white-space:nowrap}.c-scrollbar{height:100%;opacity:0;position:absolute;right:0;top:0;-webkit-transform-origin:center right;transform-origin:center right;transition:opacity .3s,-webkit-transform .3s;transition:transform .3s,opacity .3s;transition:transform .3s,opacity .3s,-webkit-transform .3s;width:11px}.c-scrollbar:hover{-webkit-transform:scaleX(1.45);transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-dragging .c-scrollbar,.has-scroll-scrolling .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{bottom:0;height:10px;top:auto;-webkit-transform:scaleY(1);transform:scaleY(1);width:100%}[data-scroll-direction=horizontal] .c-scrollbar:hover{-webkit-transform:scaleY(1.3);transform:scaleY(1.3)}.c-scrollbar_thumb{background-color:#000;border-radius:10px;cursor:grab;margin:2px;opacity:.5;position:absolute;right:0;top:0;width:7px}.has-scroll-dragging .c-scrollbar_thumb{cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{bottom:0;right:auto}.op-class{opacity:0}.fadeIn{transition:opacity 4s}.contact{align-items:center;background-color:#282a36;display:flex;height:100vh;justify-content:center;width:100%}.contact .links{border:2px solid #282a36;border-radius:1rem;display:flex;flex-direction:column;overflow:hidden;padding:3rem 2rem;row-gap:3rem}.contact .links a{color:#282a36;text-decoration:none}.contact .links .link{align-items:center;border-bottom:2px solid transparent;display:flex;font-family:League Spartan,sans-serif;font-size:4rem;gap:3rem;justify-content:flex-start;transition:all .2s}.contact .links .link:hover{border-bottom:2px solid #282a36}.contact .links .link svg{color:#282a36}.light-color{background-color:#a3a9ce}.education{align-items:flex-start;background-color:#000;height:100vh;justify-content:flex-start;overflow:hidden}.education .pencil-container{display:grid;grid-template-columns:repeat(10,1fr);height:100%;position:absolute;width:100%;z-index:-1}.education img{color:#6272a4;z-index:10}.education .details{align-items:center;display:flex;flex-direction:column;justify-content:flex-end;margin-left:10rem;padding:3rem;row-gap:10rem;width:100%}.purpleColor{background-color:#282a36}.side-by-side{align-items:center;display:flex;gap:10rem;justify-content:space-around;margin-top:10rem;width:100%}.side-by-side .title{font-family:spectral}.side-by-side .title span{display:flex;flex-direction:column;font-size:6rem;font-weight:100}.side-by-side .who-am-i{font-family:League Spartan,sans-serif;font-size:1.4rem;font-weight:100;line-height:1.8;width:40%}.side-by-side .who-am-i em{font-size:1.5rem;font-style:normal;font-weight:500}.detail{line-height:1.5;margin-top:40vh;text-align:center}.detail p{font-size:2rem}.detail h3{background-color:#111;border-radius:1001px;color:#50fa7b;display:inline-block;font-family:Courier New,Courier,monospace;padding:1rem 2rem}.fadeIn{opacity:1;transition:opacity 2s}.icon-background{height:100%;position:absolute;width:100%}.icon-background svg{color:#666;height:6rem;margin-top:4rem;transition:all .5s ease-in-out;width:6rem}.icon-background svg:hover{color:purple}.intro{background-color:#000;position:relative;width:100%}.navigation-bar{display:flex;justify-content:center;position:fixed;top:0;width:100%}.navigation-bar .navigation-links{align-items:center;background-color:#333;border-bottom-left-radius:30px;border-bottom-right-radius:30px;-webkit-column-gap:2rem;column-gap:2rem;display:flex;height:100%;justify-content:center;padding:1rem 2rem}.highlight-container{align-items:center;display:flex;flex-direction:column}.highlight-container .highlight{align-self:flex-start;margin-left:10%;transition:all 1s}.navigation-link button{background-color:transparent;border:2.5px solid transparent;color:#f7f7f7;font-family:Courier New,Courier,monospace;font-size:1rem;text-decoration:none;text-transform:capitalize;transition:border 1s}.navigation-link button:hover{border-bottom:2.5px solid red}.projects{align-content:center;background-color:#282a36;display:flex;flex-direction:column;height:200vh;justify-content:flex-start;row-gap:10rem;width:100%}.projects .card{background-color:#282a36;border-radius:40px;cursor:pointer;max-height:22rem;outline:2px solid #393f5b;overflow:hidden;transition:all .2s ease-in-out;width:70%}.projects .card:hover{outline:20px solid #618cf6}.projects .card .card-link{text-decoration:none}.projects .card .card-content{display:grid;grid-template-columns:2fr 1fr;height:100%;overflow:hidden;padding-left:2rem;width:100%}.projects .card .card-content .card-title{color:#e9efff;font-family:spectral;font-size:1.8rem;padding-left:3rem;padding-top:3rem}.projects .card .card-content .card-description{color:#a8aabc;font-family:League Spartan,sans-serif;padding:.5rem 2rem}.projects .card .card-content .card-description p{font-size:1.3rem;line-height:1.3;margin-top:1rem}.projects .card .card-content img{align-self:start;height:38%;justify-self:end;object-fit:fill}.projects .card .card-content a{color:#618cf6}.projects .card .card-content em{color:#fff;font-style:normal;font-weight:600;letter-spacing:1.5px}.cool-background{background:#393f5b}.ReactModal__Overlay{opacity:0;transition:opacity .2s ease-in-out}.ReactModal__Overlay--after-open{opacity:1}.ReactModal__Overlay--before-close{opacity:0}.ReactModal__Content{scrollbar-color:#639 green;scrollbar-width:thin}.button-container{background-color:#04484b;color:red;position:-webkit-sticky;position:sticky;top:0;width:100%;z-index:10000}.modal-button{background-color:transparent;border:none;padding:.5rem 1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.modal-button svg{background-color:#e9efff;border-radius:1000px;color:#e18173;font-size:2.4rem}.project-page{background-color:#04484b;display:flex;justify-content:center;width:100%}.project-page .container{align-items:center;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:1rem;position:relative;row-gap:5rem;width:100%}.project-page .container .links{display:flex;gap:4rem;position:absolute;right:4rem;top:4rem}.project-page .container .links svg{color:#6efacc;height:2.4rem;width:2.4rem}.project-page .container .title{color:#e9efff;font-family:spectral;font-size:7rem;margin-bottom:6rem;text-transform:capitalize}.project-page .container .subtitle{color:#5eecbe;font-family:League Spartan,sans-serif;font-size:1.4rem;line-height:1.5;margin-bottom:.5rem;padding:.5rem 1rem;text-transform:capitalize}.project-page .container .description{color:#e9efff;font-family:League Spartan,sans-serif;padding:1rem 2rem}.project-page .container .description p{font-size:1.6rem;font-weight:100;line-height:1.5;margin-bottom:2rem;margin-top:0}.project-page .container .description em{color:#fff;font-style:normal;font-weight:600;letter-spacing:1.5px}.project-page .container .images{display:flex;gap:1rem}.project-page .container .images img{width:22rem}@media(max-width:115em){html{font-size:90%}.education .details{margin-left:5rem;padding:1rem}.side-by-side{margin-top:5rem}.projects{row-gap:5rem}.projects .card{width:90%}.projects .card .card-title{font-size:2rem}.projects .card .card-description p{font-size:1.3rem}}@media(max-width:77em){html{font-size:90%}section{padding:2rem}.education .details{margin-left:3rem;padding:1rem}.side-by-side{margin-top:3rem}.projects{row-gap:3rem}.projects .card{width:90%}.projects .card .card-title{font-size:1.8rem}.projects .card .card-description p{font-size:1.3rem}}@media(max-width:62em){html{font-size:80%}section{padding:2rem}.education .details{margin-left:3rem;padding:1rem}.side-by-side{flex-direction:column;margin-top:3rem}.side-by-side .title{display:flex;gap:1rem}.side-by-side .title span{font-size:4rem}.side-by-side .who-am-i{width:90%}.projects{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10rem 2rem;row-gap:5rem}.projects .card{grid-template-columns:1fr;grid-template-rows:-webkit-max-content -webkit-min-content;grid-template-rows:max-content min-content;max-height:54rem;width:60%}.projects .card .card-title{font-size:1.8rem;text-align:center}.projects .card .card-description p{font-size:1.3rem}.projects .card img{min-height:45rem;min-width:45rem;object-fit:contain}}@media(max-width:50em){section{padding:2rem}.education .details{margin-left:0;padding:1rem;text-align:center}.type-vertical-stack{height:15%;width:70%}.projects{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10rem 1rem;row-gap:5rem}.projects .card{grid-template-columns:1fr;grid-template-rows:1fr 1fr;max-height:54rem;width:70%}.projects .card .card-title{font-size:1.8rem}.projects .card .card-description p{font-size:1.3rem}.projects .card img{min-height:100%;min-width:100%;object-fit:cover}}@media(max-width:45em){section{padding:2rem}.side-by-side{flex-direction:column;gap:3rem;margin-top:2rem}.side-by-side .title{display:flex;gap:.8rem}.side-by-side .title span{font-size:3rem}.side-by-side .who-am-i{width:90%}.projects{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10rem 1rem;row-gap:5rem}.projects .card{grid-template-columns:1fr;grid-template-rows:1fr 1fr;max-height:54rem}.projects .card .card-title{font-size:1.8rem}.projects .card .card-description p{font-size:1.3rem}.contact .links{row-gap:2rem}.contact .links .link{font-size:2rem}}@media(max-width:35em){section{padding:2rem}.intro .typemachine{font-size:2rem}.type-vertical-stack{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem;height:20%;width:90%}.side-by-side{flex-direction:column;margin-top:2rem}.side-by-side .title{display:flex;gap:.8rem}.side-by-side .title span{font-size:2rem;font-weight:600}.side-by-side .who-am-i{width:90%}.projects{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:10rem 1rem;row-gap:5rem}.projects .card{grid-template-columns:1fr;grid-template-rows:1fr 1fr;max-height:54rem;width:95%}.projects .card .card-title{font-size:1.8rem}.projects .card .card-description p{font-size:1.3rem}.contact .links{row-gap:2rem}.contact .links .link{font-size:1.8rem;gap:1rem}}@media(max-width:23em){section{padding:1rem}.intro .typemachine{font-size:1.8rem}.type-vertical-stack{align-items:flex-start;display:flex;flex-direction:column;gap:1.5rem;height:20%;width:90%}.side-by-side{flex-direction:column;margin-top:1rem}.side-by-side .title{display:flex;gap:.8rem}.side-by-side .title span{font-size:2rem;font-weight:600}.side-by-side .who-am-i{font-size:1.2rem;width:90%}}
/*# sourceMappingURL=main.129ecbe0.css.map*/