html{scrollbar-width:thin;scroll-behavior:smooth}body{position:relative}#navbar{background-color:#574633!important;background-color:#483826!important;border-bottom:2px solid rgba(81,67,45,.85)}.navbar-brand{font-family:Open Sans,sans-serif}.contact,.home,.portfolio{padding-top:80px}.home{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.4))),url(/images/beverage-black-coffee-caffeine-606543.jpg);background-image:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4)),url(/images/beverage-black-coffee-caffeine-606543.jpg);min-height:100vh;background-color:#ccc;background-position:50%;background-repeat:no-repeat;background-size:cover;text-align:center}.home-name{font-family:B612 Mono,monospace;font-size:5rem}.home-name,.tagline{color:#fff;text-align:center;display:block;text-shadow:2px 5px 5px #424242}.tagline{font-style:italic;font-family:Open Sans,sans-serif;font-size:2.2rem;margin-top:-20px}.bio{text-align:left;font-size:1.1rem;width:650px;margin:20px auto 30px}.bio,.home-contact-heading{display:block;color:#fff;text-shadow:2px 5px 5px #424242}.home-contact-heading{font-size:2rem;text-align:center;margin-top:20px;margin-bottom:-10px}.portfolio{background-color:#9b6c36;background-color:#6f5232;background-color:#755e45;background-color:#936d41;min-height:100vh}.portfolio-text{font-family:B612 Mono,monospace;font-size:3rem;line-height:4rem;color:#fff;text-align:center;display:block;text-shadow:2px 5px 5px rgba(0,0,0,.25);margin-bottom:30px}@-moz-document url-prefix(){.portfolio-text{text-decoration:underline;text-underline-offset:15px;margin-bottom:30px}}.project{margin-bottom:20px}.project-title{font-size:1.8rem;display:block;color:#fff;text-shadow:2px 4px 5px rgba(0,0,0,.2),-2px 4px 5px rgba(0,0,0,.2);margin-bottom:6px;font-family:Futura}.project-img{width:224px;height:125px;cursor:pointer;-webkit-transition:-webkit-transform .25s;transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;box-shadow:4px 4px 10px rgba(0,0,0,.2),-4px 4px 10px rgba(0,0,0,.2);object-fit:cover;object-position:top}.project-img:hover,.project.project-selected .project-img{box-shadow:6px 6px 15px rgba(0,0,0,.2),-6px 6px 15px rgba(0,0,0,.2);-webkit-transform:scale(1.05);transform:scale(1.05)}.project-tech{font-size:1rem;display:block;color:#fff;font-style:italic;margin-top:2px}.project-description{text-align:left;margin-top:20px;padding:15px;color:#fff;background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.4)),to(rgba(0,0,0,.4)));background:linear-gradient(rgba(0,0,0,.4),rgba(0,0,0,.4));border-radius:5px}.project-modal a{color:#fff;text-decoration:none;display:inline-block;-webkit-transition:all .25s;transition:all .25s}.project-modal a:hover{color:#dbdbdb;-webkit-transform:scale(.98);transform:scale(.98)}.contact{background-color:#505077;height:100vh;color:#fff}.contact-text{font-size:3rem;color:#fff;text-align:center;display:block;text-shadow:2px 5px 5px #424242;margin-bottom:10px}.contact-icons{margin:0 auto;width:800px;text-align:center;-webkit-filter:drop-shadow(2px 5px 4px rgba(0,0,0,.4));filter:drop-shadow(2px 5px 4px rgba(0,0,0,.4))}.contact-icons svg{margin:25px;-webkit-transition:color .25s;transition:color .25s}.contact-icons a{color:#fff}.contact-icons svg:hover{color:#dbdbdb;cursor:pointer}.contact-icons-separate{width:280px}@media screen and (max-width:768px){.home{background-position:80% 50%}.home-name{font-size:2.2rem}.tagline{font-size:1.4rem;margin:initial}.bio{width:auto;margin:20px}.portfolio{height:93%;overflow:scroll}.portfolio-text{margin-bottom:10px}.project{margin-top:20px}.project-title{font-size:1.6rem}.project-img{width:280px;height:156.8px}.contact-icons{width:auto}}@media screen and (min-width:992px){.project-img{width:30vw;height:16.8vw}}@media screen and (min-width:1280px){.project-img{width:400px;height:224px}}.btn:focus,.modal-open .modal{outline:none!important}.modal.dark{color:#fff}.modal.dark .modal-body{background:#40464b;background-color:#9b6c36;background-color:#936e43;text-shadow:1px 1px #845b3c}.modal-body{border-radius:0 0 .3rem .3rem}.modal.dark .modal-content{background-color:transparent;background-color:initial}.modal.dark .modal-header{background:#2d3032;background-color:#795d3d;border-bottom:1px solid #7d5d3a;font-family:Futura}.modal.dark .modal-header h1,.modal.dark .modal-header h2,.modal.dark .modal-header h3,.modal.dark .modal-header h4{color:#ccc}.modal.dark button{color:#fff}.modal.dark .modal-footer{background:#2d3032;border-top:1px solid #2a2c2e;box-shadow:none}
/*# sourceMappingURL=main.a672267c.chunk.css.map */