body{margin:0;padding:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body *{box-sizing:border-box}html.theme-transition,html.theme-transition *,html.theme-transition :after,html.theme-transition :before{transition:all .4s!important;transition-delay:0!important}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}section{background:#000;height:100vh;width:100%;color:#fff;margin:0;padding:0;position:relative;scroll-snap-align:start end}:root{font-size:16px;font-family:"Consolas";--text-primary:#fff;--text-secondary:#ddd;--bg-primary:#23232e;--bg-secondary:#141418;--accent:#0078d4;--accent-dark:#106ebe}.App::-webkit-scrollbar{width:.25rem}.App::-webkit-scrollbar-track{background:#fff}.App::-webkit-scrollbar-thumb{background:#0078d4;background:var(--accent)}.fake-big{position:absolute;top:10rem;z-index:0;color:hsla(0,0%,100%,.1);top:0;left:0;display:-ms-inline-flexbox;display:-webkit-flex;display:flex;-webkit-align-items:flex-start;align-items:flex-start;text-align:left;-webkit-justify-content:flex-start;justify-content:flex-start}@media only screen and (min-width:600px){.fake-big{font-size:10rem;left:5rem}section{padding:5rem 1rem 5rem 6rem}}@media only screen and (max-width:600px){.fake-big{font-size:5rem;left:0}section{padding:3rem 1rem}}.App{text-align:center;scroll-behavior:smooth;-ms-scroll-snap-type:y mandatory;scroll-snap-type:y mandatory;overflow-y:scroll;height:100vh}.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:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content: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)}}footer{padding:2rem 0;background:#1e1e1e;color:#fff;scroll-snap-align:start}@media only screen and (min-width:600px){footer{margin-bottom:0;padding:2rem 1rem 2rem 6rem}}@media only screen and (max-width:600px){footer{margin-bottom:5rem;padding:2rem 0}}.navbar{position:fixed;left:0;background-color:var(--bg-primary);-webkit-align-items:center;align-items:center;transition:width .2s ease;z-index:999}.logo{font-weight:700;text-transform:uppercase;margin-bottom:1rem;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);font-size:1.5rem;letter-spacing:.3ch;width:100%}.logo .nav-icon{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);transition:-webkit-transform .6s;transition:transform .6s;transition:transform .6s,-webkit-transform .6s}.navbar:hover .logo .nav-icon{-webkit-transform:rotate(0deg);transform:rotate(0deg)}.navbar-nav{list-style:none;padding:0;margin:0;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;height:100%}.nav-item{width:100%}.nav-link{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:5rem;color:var(--text-primary);text-decoration:none}.nav-link:hover{background:var(--bg-secondary);color:var(--text-secondary)}.link-text{display:none;margin-left:1rem}.nav-link .nav-icon{min-width:2rem;margin:0 1.5rem;font-size:1.5rem;color:var(--accent)}.nav-link:hover .nav-icon{color:var(--text-secondary)}.nav-item:last-child{margin-top:auto}@media only screen and (max-width:600px){.navbar{bottom:0;width:calc(100% - .25rem);height:5rem}.logo{display:none}.navbar-nav{-webkit-flex-direction:row;flex-direction:row}.nav-link{-webkit-justify-content:center;justify-content:center}.nav-item{width:20vw}}@media only screen and (min-width:600px){.navbar{top:0;width:5rem;height:100vh}.navbar:hover{width:16rem}.navbar:hover .link-text{display:inline}.nav-item{width:100%}}.homeContent{background:#252934;padding:0}.flex{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.headerText{text-align:center;font-size:1.2rem;color:var(--text-primary);justify-items:center;-webkit-align-items:center;align-items:center}.highlightText{color:var(--accent)}.btn{background:var(--accent);color:var(--text-primary);border:none;padding:20px;margin-top:20px;text-align:center;text-decoration:none;font-size:1rem;border-radius:10px;cursor:pointer;transition:background .2s ease-in-out}.btn:hover{background:var(--accent-dark)}@media only screen and (max-width:600px){.headerText{font-size:1.2rem}}@media only screen and (min-width:600px){.headerText{font-size:2.5rem}}.aboutContent{min-height:100vh}.aboutContent img{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.infoContent{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;grid-gap:2rem;gap:2rem}@media only screen and (min-width:600px){.infoContent{padding:1rem 5rem;-webkit-flex-direction:row;flex-direction:row}.infoContent h2{text-align:right}.infoContent p{text-align:left}}@media only screen and (max-width:600px){.infoContent{padding:0 1rem;-webkit-flex-direction:column;flex-direction:column}.infoContent h2{text-align:center}.infoContent p{text-align:justify}}input[type=email],input[type=text]{background:transparent;width:300px;height:50px;border:none;border-bottom:2px solid grey;color:#fff}input[type=email]:focus,input[type=text]:focus{border-color:var(--accent)}textarea{width:300px;background:transparent;box-sizing:border-box;resize:vertical;border:none;border-bottom:2px solid grey;height:50px;color:#fff}textarea:focus{border-color:var(--accent)}.socialLink{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:flex-end;align-items:flex-end;padding:15px 0}.socialIcon{padding:10px;text-decoration:none;color:var(--text-primary)}.socialIcon:hover{color:var(--text-secondary)}.socialIco{font-size:2.5rem}.projectItem{height:200px;transition:all .3s ease;position:relative}.projectCard{position:absolute}.projectCard,.projectCard img{height:100%;width:100%}.projectItem:hover .projectInfo{opacity:1}.projectInfo{position:absolute;background:rgba(51,51,51,.8);opacity:0;height:100%;width:100%;text-align:center;transition:all .3s ease-in-out}.projectText{top:-25%}.projectButton,.projectText{position:relative;opacity:0;transition:all .3s ease-in-out}.projectButton{bottom:-25%}.projectItem:hover .projectText{top:0;opacity:1}.projectItem:hover .projectButton{bottom:0;opacity:1}.projectContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.projectContent{height:auto;min-height:100vh}
/*# sourceMappingURL=main.94d9da2c.chunk.css.map */