@import url(https://fonts.googleapis.com/css2?family=Merriweather:wght@300&display=swap);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;z-index:-1}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{flex-direction:column;font-family:Montserrat,sans-serif;font-size:62.5%;height:100vh;line-height:1.5;margin:0;overflow:hidden;position:relative}.App,.scrolls{display:flex}@media(max-width:450px){.scrolls{display:none}}.scrolls{align-items:center;color:#fff;flex-direction:column;font-size:2rem;justify-content:center;position:absolute;right:1.25em;text-align:center;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2}.scrolls .center{font-size:.825rem}.smooth{scroll-snap-points-y:repeat(100vh);height:100%;overflow-y:scroll;position:relative;scroll-behavior:smooth;scroll-snap-type:mandatory;scroll-snap-type:y mandatory;width:100%}.navigation ul li a:after{transition:all .2s linear}@media(max-width:768px){.navigation ul{align-items:center;flex-direction:column}.navigation ul li{margin:.5em 0}}section{align-items:center;background-size:cover;border-bottom:3px solid #303862;display:flex;flex-flow:column wrap;font-size:1rem;justify-content:center;min-height:100vh;position:relative;scroll-snap-align:center;width:100%}section,section h2{background-color:#060724}section h2{border-radius:.25em;color:#fff;font-size:2.25rem;font-weight:900;mix-blend-mode:screen;padding:.5em 1em;pointer-events:none;text-transform:uppercase;-webkit-user-select:none;user-select:none}@media(max-width:768px){section h2{font-size:1.5rem}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-corner{background:transparent}::-webkit-scrollbar-thumb{background:#111218;border:4px solid #191b24;border-radius:20px}::-webkit-scrollbar-track{background:#191b24;border:none}@media(max-width:768px){.App{font-size:50%}.scrolls{font-size:1.5rem}.smooth{scroll-snap-points-y:repeat(50vh)}}.navigation{background-color:rgba(6,7,36,.9);border-bottom:3px solid #303862;color:#fff;display:flex;font-size:1rem;min-height:60px;mix-blend-mode:luminosity;position:fixed;top:0;width:100%;z-index:1}.navigation .menu-toggle{background:none;border:none;color:#fff;cursor:pointer;display:none;font-size:2rem}.navigation ul{display:flex;justify-content:center;list-style-type:none;margin:0;padding:0;width:100%}.navigation ul li{margin:0 1em;padding:1em}.navigation ul li a{color:#303862;font-weight:600;position:relative;text-decoration:none;text-transform:uppercase;transition:all .5s linear}.navigation ul li a:after{bottom:-3px;content:"";height:3px;left:0;position:absolute;transition:all .5s linear;width:0}.navigation ul li a:hover:after{background-color:#303862;width:100%}@media(max-width:768px){.navigation .menu-toggle{display:block}.navigation ul{align-items:center;display:none;flex-direction:column;width:100%}.navigation ul.open{display:flex}.navigation ul li{margin:.5em 0}}@-webkit-keyframes fadein{0%{opacity:.5}to{opacity:1}}@keyframes fadein{0%{opacity:.5}to{opacity:1}}.projects-container{-webkit-animation:fadein .5s ease-in;animation:fadein .5s ease-in;background-blend-mode:soft-light;background-color:rgba(0,0,0,.3);background-position:50%;background-size:cover;border-radius:15px;color:#fff;height:85vh;margin-top:60px;position:relative;text-align:center;transition:background-image .8s ease-in;width:75%}.projects-container,.projects-container .project{align-items:center;display:flex;flex-direction:column;justify-content:center}.projects-container .project{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(0,0,0,.5);border-radius:10px;clear:both;overflow-y:auto;padding:.5em}.projects-container .project .project-image{display:flex;justify-content:center}.projects-container .project .project-image .project-preview{background-position:50%;background-repeat:no-repeat;background-size:cover;height:60%;width:60%}.projects-container .project .project-info a{border-radius:.25em;color:#fff;display:block;font-size:1.25rem;font-weight:600;overflow-wrap:anywhere;text-align:center;text-decoration:underline;text-transform:uppercase;transition:all .2s linear}.projects-container .project .project-info p{color:#d3d3d3;font-size:.875rem;font-style:italic;overflow-wrap:anywhere;text-align:center}.projects-container .project .project-statement{align-content:space-between;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-end;justify-self:end;position:relative;text-align:center}.projects-container .project .project-statement p{color:#fefefe;font-family:Merriweather,serif;font-weight:300;line-height:2;margin:.5rem;overflow-wrap:anywhere}.projects-container .projects-button-container{border-radius:5px;display:flex;height:100%;left:0;position:absolute;top:0;width:100%}.projects-container .projects-button-container button{align-items:center;background:hsla(0,0%,100%,.1);border:none;color:transparent;cursor:pointer;display:flex;flex:1 1;font-size:2rem;justify-content:center;transition:background .3s,color .3s}.projects-container .projects-button-container button:hover{background:hsla(0,1%,40%,.8);color:#000}.projects-container .projects-button-container button.project-increment{border-right:1px solid rgba(0,0,0,.1)}.projects-container .projects-button-container button.project-deincrement{border-left:1px solid rgba(0,0,0,.1)}.about{align-items:center;background-color:#060724;border-radius:5px;color:#fff;display:flex;justify-content:center;margin-bottom:20px;top:-100px}.about h1{font-size:1.5em;font-weight:700;margin-bottom:10px;margin-left:50%;margin-right:50%;padding-bottom:10px}.about p{font-size:1.25em;line-height:1.5em;margin-bottom:10px}.about .about-content{width:75%}.about .about-content .about-content-text{align-content:center;align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.about .about-content .about-content-text .about-content-social{border:2px solid #0c103f;border-radius:20px;display:flex;justify-content:center;width:100%}.about .about-content .about-content-text .about-content-social a img{border-radius:15px;height:auto;margin:10px;width:100%}.home .home-content .home-content-text{align-items:center;display:flex;flex-direction:column}.home .home-content .home-content-text .desktop-only{display:block}.home .home-content .home-content-text .mobile-only{color:#fff;display:none;font-size:1.2rem;margin-top:20px;text-align:center}@media(max-width:768px){.home .home-content .home-content-text .desktop-only{display:none}.home .home-content .home-content-text .mobile-only{display:block}}.contact{align-items:center;display:flex;height:100vh;justify-content:center;text-align:center}.contact h2{word-wrap:break-word;font-size:1.5rem;white-space:pre-wrap}@media(max-width:768px){.contact h2{font-size:1.2rem}}.essays{margin:2rem auto;max-width:600px;position:relative}.essays .select-button{background:#007acc;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.75rem 1rem}.essays .select-button:hover{background:#005c99}.essays .essay-content-main{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;background:#fff;border-left:4px solid #007acc;border-radius:4px;margin-top:1.5rem;padding:1rem}.essays .essay-content-main .essay-date{color:#555;display:block;font-size:.875rem;margin-bottom:.5rem}.essays .essay-content-main .essay-tags{color:#007acc;font-size:.875rem;margin-bottom:.75rem}.essays .modal-overlay{align-items:center;background:rgba(0,0,0,.5);display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.essays .modal{-webkit-animation:fadeIn .3s ease-out;animation:fadeIn .3s ease-out;background:#fff;border-radius:8px;max-height:80%;max-width:90%;overflow-y:auto;padding:1.5rem;width:400px}.essays .modal h3{margin-top:0}.essays .modal-list{list-style:none;margin:1rem 0;padding:0}.essays .modal-list li+li{margin-top:.5rem}.essays .modal-list button{background:#f7f7f7;border:none;border-radius:4px;cursor:pointer;padding:.5rem;text-align:left;width:100%}.essays .modal-list button:hover{background:#eaeaea}.essays .modal-close{background:#e74c3c;border:none;border-radius:4px;color:#fff;cursor:pointer;margin-top:1rem;padding:.5rem 1rem}.essays .modal-close:hover{background:#d62c1a}@-webkit-keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;-webkit-transform:translateY(-5px);transform:translateY(-5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}
/*# sourceMappingURL=main.5f50b998.css.map*/