:root{--background-color: #222;--background-color-negative: #ddd;--alternative-background-color: #111;--alternative-background-color-negative: #eee;--foreground-color: #ccc;--foreground-color-negative: #333;--accent: #c0c0c0;--accent-negative: #3f3f3f}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--background-color);color:var(--foreground-color)}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}main{margin-top:100px}h1{font-size:xx-large}.heading-font{color:inherit;font-size:large}.nav-link,.external{font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;padding:6px;color:inherit;font-size:inherit;border:none;background-color:inherit!important}.nav-link{text-decoration:none}.external{border-radius:15px;text-decoration:underline!important}.external:hover{background-color:var(--background-color-negative)!important;color:var(--foreground-color-negative)}.nav-link:hover{color:inherit;transition:all .5s;border:1px solid;border-radius:15px}article{padding:10px 20px;text-align:start;margin:auto}article,.inner-frame{border:4px inset var(--alternative-background-color)}.outer-frame{border:4px outset var(--alternative-background-color)}button:hover{background-color:gray}@media (prefers-color-scheme: light){body{--background-color: #ddd;--background-color-negative: #222;--alternative-background-color: #eee;--alternative-background-color-negative: #111;--foreground-color: #333;--foreground-color-negative: #ccc;--accent: #3f3f3f;--accent-negative: #c0c0c0}button{background-color:#000;color:#fff}.outer-frame{border:4px outset var(--alternative-background-color-negative)}}@media only screen and (max-width: 400px){:target{scroll-margin-top:122px}article{width:70%}}@media only screen and (max-width: 767px){.nav-link{font-size:20px}:target{scroll-margin-top:101px}article{width:70%}}@media only screen and (min-width: 768px){.nav-link{font-size:30px}:target{scroll-margin-top:86px}article{border-width:6px}.inner-frame{border-width:7px}}@media only screen and (min-width: 768px) and (max-height: 499px){.nav-link{font-size:20px}}#about{display:block;text-align:center}#about iframe{width:567px;border:0;display:flex;margin:auto}#main-about-contents>*{margin:10px auto}#about figure{padding:8px;width:fit-content;margin:auto;background-color:var(--accent-negative)}#about figure img{border-radius:200px}#about article{width:70%}@media (prefers-color-scheme: light){#about figure{background-color:var(--accent);color:var(--foreground-color-negative)}}@media only screen and (max-width: 400px){#about iframe{width:90%}}@media only screen and (max-width: 767px){#about figure{width:200px}#about figure img{width:144px;height:192px}}@media only screen and (min-width: 768px) and (max-width: 1365px){#about figure img{width:192px;height:256px}}@media only screen and (min-width: 1366px){#about figure img{width:384px;height:512px}#about #main-about-contents{display:flex;align-items:center;justify-content:space-evenly}#main-about-contents>*{margin:auto}#about article{margin-top:0;width:600px}}#contact{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-top:100px}#contact form{display:flex;flex-direction:column;border:4px outset var(--alternative-background-color);padding:2px 6px;margin-bottom:50px}#contact form *{margin:5px}#contact form :not(label,input[type=submit]){border:4px inset var(--accent-negative)}#contact form input[type=submit]{border:inherit}#contact h1{text-align:center;font-size:1.8em}#contact form :is(input,textarea){font-size:12px;background-color:silver;padding:8px 16px}#contact form textarea{resize:none}#contact form input[type=submit]{color:navy;font-weight:700;margin-top:32px;margin-bottom:3px}#contact form input[type=submit]:hover{background:linear-gradient(to right,#2f4f4f,#fff,#2f4f4f);font-size:25px}.form-submitting{width:fit-content;margin:50px auto 20px;text-align:center;padding:16px}.form-submitting button{font-size:larger}@media (prefers-color-scheme: light){#contact form{border-color:var(--alternative-background-color-negative)}#contact form :not(label,input[type=submit]){border:4px inset var(--accent)}}@media only screen and (max-width: 600px){.form-submitting{width:80%;padding:8px}}@media only screen and (min-width: 768px){#contact form label{font-size:22px}#contact form{padding:10px 30px}#contact form :is(input,textarea){font-size:18px}#contact form textarea{width:25em}}footer{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;width:100%;background-color:var(--alternative-background-color);font-size:15px;padding:15px 0}#footer-credit{margin-left:15px}footer img{width:28px;height:28px}footer .fancy-font{text-align:center}@media only screen and (max-width: 400px){footer{justify-content:center}footer .fancy-font{width:70px}}@media only screen and (min-width: 1024px) and (max-width: 1357px){footer{font-size:22px}footer img{width:50px;height:50px}}@media only screen and (min-width: 1358px){footer{font-size:30px}footer img{width:70px;height:70px}}header{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly;position:fixed!important;width:100%;top:0;background-color:var(--alternative-background-color);z-index:999}#site-logo{background-color:#2f4f4f;width:fit-content;height:fit-content;text-align:center;text-decoration:none;margin:6px;padding:6px;align-items:center;justify-content:space-between;border:1px outset var(--accent)}#site-logo:hover{background-color:var(--accent);color:var(--foreground-color-negative)}#site-logo img{width:50px;height:50px}#site-logo span{margin-left:8px}.hamburger-button{font-size:30px;font-weight:700;border-radius:0;border:none;margin-right:20px}.hamburger-menu-false{display:none}.hamburger-menu-true{display:flex;flex-direction:column;align-items:center;text-align:center;margin-left:30px}@media (prefers-color-scheme: light){#site-logo{background-color:#d0b0b0}}@media only screen and (max-width: 767px),(max-height: 499px){header>.no-show{display:none!important}#site-logo{display:flex}.inline-menu{display:none}}@media only screen and (min-width: 768px){#site-logo{display:flex}header>span{font-size:30px}.inline-menu{display:inline-flex;align-items:center;text-align:center}.inline-menu *{margin-right:10px}.hamburger-menu,.hamburger-button{display:none}}#projects{display:block;text-align:center;align-items:center;justify-content:center}#projects>p{padding:6px 30px;width:62.5%;margin:0 auto;font-size:16px}#projects .radio-group{display:flex;flex-direction:row;align-items:center;justify-content:space-evenly}.project-slide,#mada-slides{width:275px;margin:auto}.project-slide img,#mada-slides .slide-container{width:267px;height:200px}.project-info{height:500px;overflow-y:auto;overflow-x:hidden}.project-info :not(h3,span){text-align:start;margin:20px 10px}.project-info .pinfo-table{margin:15px auto;border:1px solid var(--accent)}.project-info .pinfo-table *{padding:5px 12px;text-align:center;border:1px inset var(--accent)}.project-info h5{font-size:larger;text-align:center}.slide-nav{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:15px;font-size:18px}#projects article{width:70%}#mada-slides .slide-container img{width:inherit;height:inherit}@media only screen and (min-width: 1000px) and (max-width: 1357px){.project-slide,#mada-slides{width:875px}.project-slide img,#mada-slides .slide-container{width:867px;height:300px}.project-info{width:867px;height:300px;overflow-y:auto;overflow-x:hidden}.slide-nav{font-size:29px;justify-content:space-evenly}}@media only screen and (min-width: 1358px){.project-slide{width:1175px}.project-slide .slide-core{display:flex;flex-direction:row}.project-slide .slide-core>*{width:579.5px;height:450px}.slide-nav{justify-content:space-evenly;font-size:36px}#mada-slides .slide-container{width:1167px;height:400px}}.slideshow{width:300px;display:flex;flex-direction:column;align-items:center;margin:0 auto}.slide-heading{margin-bottom:10px;text-align:center}.slide-navigation{display:grid;grid-template-columns:auto auto;margin:10px 0}.slide-button{width:137.5px;font-size:18px;font-weight:bolder}@media only screen and (min-width: 1000px) and (max-width: 1357px){.slideshow{width:900px}.slide-button{width:442px;font-size:30px}}@media only screen and (min-width: 1358px){.slideshow{width:1200px}.slide-button{width:592px;font-size:36px}}#skills{display:block;text-align:center;align-items:center;justify-content:center}#skills>p{padding:6px 30px;width:200px;margin:0 auto;font-size:16px}#skills .skill-grid{display:grid;grid-template-columns:auto auto auto;width:fit-content;margin:15px auto}.skill-card{display:block!important;padding:0;width:80px;height:80px;text-align:center;font-size:10px;margin:4px}.skill-card img{width:40px;height:40px;margin-top:6px}.skill-card h3{margin-top:0}@media only screen and (min-width: 768px){#skills>p{width:fit-content}#skills .skill-grid{grid-template-columns:auto auto auto auto}.skill-card{width:160px;height:160px;margin:20px;font-size:21px}.skill-card img{width:80px;height:80px;margin-top:6px}}#home{display:block;text-align:center}.down-arrow{font-size:100px;font-weight:bolder;border-radius:50px}@media only screen and (max-width: 767px){#home{padding:0 20px}}@media only screen and (min-width: 768px){#home{padding:0 50px}}