@import url(https://fonts.googleapis.com/css?family=Raleway);.modal-overlay{align-items:center;animation:fadeIn .3s ease-in-out;background-color:#000000b3;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{background-color:#fff;border-radius:8px;height:80vh;max-width:900px;overflow:hidden;padding:20px;position:relative;width:80%}.modal-close{background:none;border:none;color:#333;cursor:pointer;font-size:24px;padding:5px 10px;position:absolute;right:10px;top:10px}.modal-body{display:flex;gap:20px;height:100%}.modal-image{align-items:center;display:flex;flex:0 0 50%;justify-content:center;padding:20px}.modal-image img{height:auto;max-width:50%;object-fit:contain}.modal-details{flex:0 0 50%;overflow-y:auto;padding:20px}.modal-details ul{list-style-type:disc;padding-left:20px}.modal-details li{margin-bottom:10px}.dark .modal-details{color:#000!important}.dark .modal-content{background-color:#2a2a2a}.dark .modal-close{color:#fff}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-overlay.closing{animation:fadeOut .3s ease-in-out}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.entry,.entry-container{padding:20px}.entry{border-radius:8px;box-shadow:0 4px 6px #0000001a;margin-bottom:30px;transition:all .3s ease}.entry:hover{box-shadow:0 8px 15px #0003;transform:translateY(-5px)}.entry img{display:block;height:auto;margin:0 auto;max-width:200px;object-fit:contain}.entry-title{font-size:1.2rem;font-weight:700;margin:10px 0}.description,.entry-title{text-align:center}.filter-options{display:flex;flex-direction:row;justify-content:center;left:0;position:absolute;top:23.5%;width:100%}.filter-options button{background-color:#fff;border:1px solid #000;border-radius:5px;color:#000;cursor:pointer;margin:0 .5em;padding:.6em 1em;transition:.1s}.filter-options button:hover{background-color:#007bff1a}.filter-options button.active{background-color:#007bff!important;color:#fff!important}.dark #projects div.filter-options button{background-color:#333}.dark #projects div.filter-options button.active{background-color:#007bff}.dark #projects div.filter-options button:hover{background-color:#9d9d9da9}:root{--darkbgcard:#2a2a2a}*{box-sizing:border-box}h1.title{font-size:3em;left:18%;position:absolute;top:8%}div.linkscontainer{display:flex}.button{background-color:initial;border:none;cursor:pointer;font-size:18px;margin:1em .8em;outline:none;padding:1em 1.5em;position:relative;text-decoration:none}.button.fancy{color:#333}.button.fancy.fancy:after,.button.fancy.fancy:before{border:2px solid;border-radius:2px;content:"";display:block;height:20%;position:absolute;transition:all .3s ease;width:20%}.button.fancy.fancy:after{border-color:#0000 #333 #333 #0000;bottom:0;right:0}.button.fancy.fancy:before{border-color:#333 #0000 #0000 #333;left:0;top:0}.button.fancy.fancy:hover:after,.button.fancy.fancy:hover:before{border-color:#333;height:100%;width:100%}#projects{flex-direction:row;overflow:scroll;position:fixed}#projects,#projects>div{display:flex;justify-content:center}#projects>div{flex-direction:column;width:80vw}.entry-container{left:10vw;position:absolute;top:28%;width:80vw}.entry-container>div{display:flex;flex-wrap:wrap;justify-content:space-evenly}.entry{background-color:#fff;border:1px solid #333;border-radius:5px;cursor:pointer;height:350px;margin:1%;overflow-y:hidden;padding:2%;text-decoration:none;transition:transform .2s;width:300px}.entry:hover{transform:scale(1.03)}.entry img{border-radius:5px;display:flex;height:100px}.entry .entry-title{color:#000;font-size:1.2em;font-weight:700}.entry .description{color:#000}.dark #projects *{color:#fff}.dark .entry{background-color:#2a2a2a;background-color:var(--darkbgcard)}.dark .entry:hover{border:1px solid #fff}#about .description{text-align:left}#about .description a{color:#000}.dark #about .description a{color:#fff}#contact{flex-direction:row;position:fixed}#contact,#contact>div{display:flex;justify-content:center}#contact>div{flex-direction:column;width:40%}#contact>div.hero{max-width:400px}#contact>div.hero>div.hero_container{box-shadow:6px 9px 9px -7px #0006}#contact>div.hero img{border-radius:4px;height:100%;max-height:100%;max-width:100%}#contact .form-container{padding:0 3em}#contact-form{display:flex;flex-direction:column}#contact-form input,#contact-form>textarea{border:1px solid #333;border-radius:3px;font-family:inherit;font-size:1em;margin:.1em 0 1em;padding:.5em;width:100%}#contact-form>textarea{height:100px;resize:none}#contact-form>textarea:focus-visible{border-color:#333;outline:none}#contact-form>button{background-color:#fff;border:1px solid #333;border-radius:3px;cursor:pointer;font-size:1em;padding:.5em;transition:background-color .2s}#contact-form>button:hover{background-color:#333;color:#fff}#contact .gohome{background-color:#fff;border:1px solid #333;border-radius:5px;color:#000;cursor:pointer;display:flex;justify-content:space-around;padding:.6em 1em;transition:.1s;width:180px}#contact .gohome:hover{background-color:#333;color:#fff}.dark #contact .form-container,.dark #contact .title{color:#fff}@media (min-width:830px){.topnav{display:none}}@media (max-width:830px){aside{bottom:0;flex-direction:row;height:10%;justify-content:center;position:fixed;transform:none!important;width:100%}aside #darkmode_slider_container{bottom:3%;left:5%;position:fixed}#about .hero{display:none}#about>div{width:80%}#about .description{padding-right:0}#about .headline{text-align:center}#navbar_contact_container,nav ul{display:none}.topnav{display:block}.topnav a{font-size:1.5em;padding:3% 6%}.topnav #myLinks{width:40vw}#contact>div{width:45%}}@media (max-width:600px){#contact{align-items:center;flex-direction:column;justify-content:center}#contact h1.title{position:static}#contact>div{width:80%}#contact>div.hero{display:none}}@media (max-width:480px){aside #darkmode_slider_container{margin-bottom:6%;position:static}div.fullname{font-size:3em!important}div.description{font-size:.8em!important}div.linkscontainer{justify-content:center}.topnav a{padding:5% 6%}#contact>div{width:100%}}
/*# sourceMappingURL=main.1c0b29d7.css.map*/