:root{--primary-color:#fff0f0;--secondary-color:#fff0f0;--tertiary-color:#fff0f0;--highlight:#a3b18a;--bright:#dad7cd;--white:#fff;--primary-rgb:#fff0f0}body{background:linear-gradient(180deg,#222,#111);color:#fff0f0;font-family:Inter,serif;font-optical-sizing:auto;font-style:normal;font-weight:400;margin:0;padding:0;width:100%}hr{border:1px solid #fff0f0;border:1px solid var(--primary-color)}a{color:#fff0f0;color:var(--secondary-color)}h1,h2,h3{font-family:Josefin Sans,serif;font-optical-sizing:auto;font-style:normal;font-weight:300}h1{-webkit-font-feature-settings:auto;font-feature-settings:auto;font-kerning:auto;text-transform:uppercase}h2{color:#fff0f0;color:var(--primary-color);font-size:48px}h3{font-size:36px;margin-bottom:10px;margin-top:10px}.headline{margin-bottom:0;text-transform:uppercase}.emph{color:#fff0f0;color:var(--tertiary-color)}nav{color:#dad7cd;color:var(--bright);justify-content:flex-start;padding-top:15px}nav,nav ul{display:flex;flex-wrap:wrap}nav ul{margin:10px 20px}nav ul li{display:inline;list-style-type:none;opacity:100%;padding:15px 10px}ul li a{display:block;opacity:100%;padding:10px;text-decoration:none}.project-links:hover,ul li a:hover{color:#000;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}nav ul li a:hover{background-color:#fff0f0;background-color:var(--primary-color);color:#000}.active{text-decoration:underline;-webkit-text-decoration-color:#000;text-decoration-color:#000;text-decoration-thickness:1px}.main-content-wrapper{margin:0 auto;padding-bottom:25px;padding-top:15px;width:85%}.about{color:#fff0f0;color:var(--primary-color);height:100%;min-height:100%;padding:25px 50px}.about-pic{display:flex;flex-wrap:wrap-reverse;justify-content:center}.about-pic img{border:1px solid #fff0f0;border:1px solid var(--secondary-color);border-radius:50%}.about-pic div{text-align:center}.proj-container{max-height:400px;overflow:hidden;position:relative;width:100%}.portfolio-img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;-webkit-filter:drop-shadow(#fff0f0 2px 2px 2px);filter:drop-shadow(rgb(255,240,240) 2px 2px 2px);-webkit-filter:drop-shadow(var(--primary-color) 2px 2px 2px);filter:drop-shadow(var(--primary-color) 2px 2px 2px);height:100%;height:auto;object-fit:fill;opacity:1;transition:.5s ease;width:100%}.project-wrapper{color:#fff0f0;color:var(--primary-color);height:100%;left:50%;opacity:0;position:absolute;text-align:center;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transition:.5s ease;width:100%}.proj-container:hover .portfolio-img{opacity:.2;-webkit-transform:scale(1.03);transform:scale(1.03)}.proj-container:hover .project-wrapper{opacity:1}.skills-ul,.tech-ul{-webkit-padding-start:0;display:flex;flex-wrap:wrap;justify-content:center;margin:0;padding-inline-start:0}.skills-li,.tech-li{display:inline;font-weight:600;list-style-type:none;padding:5px 8px}.project-links,.skills-li{background-color:#fff0f0;background-color:var(--secondary-color);border-bottom-left-radius:15px;border-top-right-radius:15px;color:#dad7cd;color:var(--bright);margin:3px;padding:5px 8px}.project-link-wrapper{display:flex;justify-content:center}.project-links a{color:#dad7cd;color:var(--bright)}.resume h2,.resume h3{color:#fff0f0;color:var(--primary-color)}.skills-ul{justify-content:left}button{font-family:Inter,sans-serif}.contact{border-radius:8px;padding:25px}.contact h2{color:#fff0f0;color:var(--primary-color);margin-top:15px}footer{display:flex;height:50px;justify-content:space-around;padding:30px 0;width:100%}.icons a{transition:color .75s ease-in 30ms}.icons a:hover{color:#fff0f0;color:var(--secondary-color)}.about-content-wrapper,.body-wrapper{min-height:calc(100vh - 128px)}@media screen and (min-width:900px){.about-pic{flex-direction:row;flex-wrap:nowrap;justify-content:space-between}.about-pic div{text-align:left}.about-pic img{margin-bottom:20px;margin-right:100px}header{align-items:center;flex-direction:row;justify-content:flex-end}.mobile-heading{display:inline}.proj-container{height:200px;overflow:hidden;position:relative;width:100%}.portfolio-img{-webkit-backface-visibility:hidden;backface-visibility:hidden;display:block;-webkit-filter:drop-shadow(#fff0f0 2px 2px 2px);filter:drop-shadow(rgb(255,240,240) 2px 2px 2px);-webkit-filter:drop-shadow(var(--primary-color) 2px 2px 2px);filter:drop-shadow(var(--primary-color) 2px 2px 2px);height:auto;max-height:100%;object-fit:fill;opacity:1;transition:.5s ease;width:100%}}h1{color:#fff}header{align-items:center;color:var(--primary-color);display:flex;flex-direction:row;justify-content:space-between;margin:20px;max-width:100%}header a{text-decoration:none}header a:hover{text-decoration:underline;-webkit-text-decoration-color:#2f4f4f;text-decoration-color:#2f4f4f;text-decoration-thickness:1px;text-underline-offset:3px}.mobile-heading{display:none}body{font-weight:200}.details{margin-top:5px}h4{align-items:bottom;display:flex;gap:4;margin-bottom:10px}h4 .icon{margin-left:5px}a{-webkit-text-decoration-color:#2f4f4f;text-decoration-color:#2f4f4f;text-underline-offset:3px}a:hover{text-decoration:none}.demonstrates-container{margin-bottom:15px;margin-top:0}.demonstrates{color:#789;font-size:1rem;font-style:italic;font-weight:300;padding:5px}p{font-weight:200;line-height:1.3}hr{border:2px}.emph{font-weight:400}.icons a{margin:4px}footer{margin:0 auto}.tile{margin:30px;overflow:hidden;text-align:center;width:100%}.tile,.title{position:relative}.title{color:#fff;font-size:1rem;text-transform:uppercase;z-index:1}@media screen and (min-width:700px){.tile{text-align:center;width:auto}}.container{align-items:center;display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;margin:0 auto}.container h1{font-size:2rem;margin-bottom:10px}.navigation{align-items:center;display:flex;flex-direction:column;justify-content:center}.navigation a{-webkit-text-decoration-color:#2f4f4f;text-decoration-color:#2f4f4f;text-underline-offset:3px}.navigation a:hover{text-decoration:none}.layout{align-items:center;display:flex;justify-content:center;min-height:calc(100vh - 128px)}@media screen and (min-width:700px){.navigation{flex-direction:row;flex-wrap:nowrap}}
/*# sourceMappingURL=main.a1133855.css.map*/