@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@300&family=Outfit:wght@100&display=swap);html{background-color:#232323;color:#ebeae9;overflow-x:hidden;width:100%}header{align-items:center;background-color:#050507;border-bottom:1px #ebeae9;display:flex;font-family:Josefin Sans,sans-serif;justify-content:space-between;position:sticky;text-transform:uppercase;top:0;width:100%;z-index:1000}body{font-family:Outfit,sans-serif;margin:0 auto;width:100%}footer{align-items:center;background-color:#050507;display:flex;justify-content:center;position:absolute;text-align:center;width:100%}footer,h1,h2{font-family:Josefin Sans,sans-serif;text-transform:uppercase}h2{padding-left:0}h3{font-family:Josefin Sans,sans-serif;text-transform:uppercase}a{color:#ebeae9;text-decoration:none}a:hover{text-decoration:underline}p{font-family:Outfit,sans-serif}iframe{border:1px solid #ebeae9;height:225px;margin:1px;width:355px}#resume{height:550px;width:400px}nav{align-items:center;display:flex}.navbar-left{//padding-left:20px;float:left}.navbar-right{float:right}.navigation{//margin:0;display:flex;flex-direction:row;list-style:none;padding:0}.navigation li{//margin:0 10px;//padding:0 10px;padding:0 20px}.nav-v2{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;text-align:center}.nav-v2 h1{//padding-left:20px;//padding-right:0;margin-bottom:10px;text-align:center}.nav-v2 .navigation{margin-top:5px}.nav-v2 .navigation li{//margin:0 10px;//padding:0 10px}.project-grid{grid-gap:10px;box-sizing:border-box;display:grid;gap:10px;grid-template-columns:repeat(3,auto);justify-content:center;margin:0 auto;max-width:1200px}.project-item{background-position:50%;background-repeat:no-repeat;background-size:cover;border:1px solid #ebeae9;height:auto;margin:1px;max-width:90vw;width:385px}#project-img{height:255px;width:385px}@media (max-width:1284px){#project-img{height:225px;width:355px}}.project-item.extra-gallery{border:0}.project-item-info{word-wrap:break-word;box-sizing:border-box;line-height:1.4;margin:0;max-width:100%;overflow-wrap:break-word;padding-bottom:30px;padding-left:0;text-align:left;width:100%}@media (max-width:1284px){.project-grid{grid-template-columns:repeat(1,1fr);justify-items:center}.project-item{//word-wrap:break-word;//overflow-wrap:break-word;//text-align:center;max-width:90vw;width:auto}.project-item-info{max-width:355px;width:auto}.project-item.extra-gallery{max-width:90vw;width:355px}.nav-v2{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:auto;text-align:center}}.project-grid a{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);transition:filter .3s ease}.project-grid a:hover{filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);text-decoration:none}.project-item-info p{line-height:1;margin-bottom:5px;margin-top:0;padding-top:0;width:90%}.project-item-info h3{line-height:1;margin:0;padding-bottom:8px;padding-top:8px}.project-item-info h4{line-height:1;margin:0;padding-bottom:2px;padding-top:2px}.backdrop{background-position:50%;background-repeat:no-repeat;background-size:cover;height:740px;height:95%;margin:0;position:relative;width:100%;z-index:-100}.backdrop:before{background-color:#00000080;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.backdrop1{background-position:50%;background-repeat:no-repeat;background-size:cover;filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);height:740px;height:50%;margin:0;position:relative;transition:filter .3s ease;width:100%;z-index:-100}.backdrop1:before{background-color:#0003;bottom:0;content:"";left:0;position:absolute;right:0;top:0}.centered{left:50%;opacity:100%;padding-left:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.site-body{margin:auto;width:80%}.grayscalefade{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);transition:filter .3s ease}.grayscalefade:hover{filter:grayscale(0);-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);text-decoration:none}.current-page{border:1px solid #ebeae9;padding:5px}.footer-logo img{height:auto;width:10%}.social-media-buttons{justify-content:space-between;padding:20px}.social-media-buttons a{justify-content:space-between;padding:5px}.popup{background-color:#000000b3;display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:1}.popup-content{background-color:#fff;border-radius:5px;left:50%;padding:20px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.popup-img{max-height:70vh;max-width:100%}.popup-close{color:#050507;cursor:pointer;font-size:24px;position:absolute;right:4px;top:8px}.carousel{display:flex;justify-content:center;padding:20px}.carousel img{cursor:pointer;margin:0 5px;max-height:100px;max-width:150px}.slider{overflow:hidden;text-align:center;width:355px}.slides{-webkit-overflow-scrolling:touch;display:flex;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory}.slides::-webkit-scrollbar{height:10px;width:10px}.slides::-webkit-scrollbar-thumb{background:#000;border-radius:10px}.slides::-webkit-scrollbar-track{background:#0000}.slides>div{align-items:center;background:#eee0;border-radius:0;display:flex;flex-shrink:0;font-size:100px;height:225px;justify-content:center;margin-right:50px;position:relative;scroll-snap-align:start;transform:scale(1);transform-origin:center center;transition:transform .5s;width:355px}.author-info{background:#000000bf;bottom:0;color:#fff;left:0;margin:0;padding:.75rem;position:absolute;text-align:center;width:100%}.author-info a{color:#fff}.slides>div img{max-height:100%;max-width:100%;object-fit:cover}.slider>a{align-items:center;background:#fff;border-radius:50%;display:inline-flex;height:1.5rem;justify-content:center;margin:0 0 .5rem;position:relative;text-decoration:none;width:1.5rem}.slider>a:active{top:1px}.slider>a:focus{background:#000}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
/*# sourceMappingURL=main.06ec58f7.css.map*/