body{-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-moz-osx-font-smoothing:grayscale;background-color:#fcfcfc;font-family:Helvetica Neue;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.content{transition:opacity 1s ease-in-out}.page{align-items:center;border:2px solid #507916;height:84vh;justify-content:center;margin-bottom:25px;margin-left:auto;margin-right:auto;overflow:hidden;padding:20px;position:relative;top:3vh;width:80%;z-index:10}.Header{font-size:16px;margin:.1em 0 0 .04em;padding:6px}.Header h2{display:relative;font-size:20px;font-weight:400;margin-top:.1em}.Header .myname{display:flex;flex-direction:row;margin-left:25px}.navbar{align-items:center;display:block;float:left;margin:20px auto 0;z-index:10}.navbar a{color:#333;font-size:20px;font-weight:700;text-decoration:none}.navbar a:hover{color:#73ad21;cursor:pointer;mix-blend-mode:difference}.navbar .links{margin-left:25px;row-gap:25px}.aboutme,.navbar .links{display:flex;flex-direction:column}.aboutme{align-items:left;float:right;font-weight:500;margin-top:15%;overflow:hidden;padding:40px;z-index:2}.aboutme,.aboutme a{font-size:calc(10px + 1vmin);text-decoration:none}.aboutme a{color:#333}.aboutme a:hover{color:#73ad21;cursor:pointer;mix-blend-mode:difference}.project-list{border:2px solid #fcfcfc;float:right;font-weight:700;margin-right:1%;margin-top:15%;padding:20px;z-index:2}.project-list h2:hover{color:#73ad21;cursor:pointer;mix-blend-mode:difference}.contacts{align-items:center;float:right;margin-right:1%;margin-top:25%;z-index:2}.contacts,.contacts a{font-weight:700;padding:20px}.contacts a{color:#333;font-size:16px;text-decoration:none}.contacts a:hover{color:#73ad21;cursor:pointer;mix-blend-mode:difference}.footnotes{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-name:slideIn;animation-name:slideIn;border:2px solid #507916;margin-right:35%;margin-top:45%;padding:2%}.slider{align-items:center;display:flex;justify-content:center}.slider:before{background:linear-gradient(0deg,#525252,#373737);border-radius:50%;box-shadow:0 -20px 20px #757575,0 20px 35px #111,inset 0 5px 6px #979797,inset 0 -5px 6px #242424;height:10em;width:10em}.knob,.slider:before{height:10em;position:relative;width:10em}.knob:after,.knob:before,.slider:before{border-radius:50%;content:"";position:absolute}.knob:after{border:3px solid #333;cursor:pointer;height:150%;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:150%}.instruction{border-style:solid}.playButton{border-bottom:25px solid transparent;border-left:50px solid hsla(0,7%,80%,.63);border-top:25px solid transparent;top:-20px}.nextButton,.playButton{background-color:initial;cursor:pointer;height:0;margin:60px auto;position:relative;width:0}.nextButton{border-bottom:8px solid transparent;border-left:25px solid rgba(88,78,78,.63);border-top:8px solid transparent;left:175px}.border{align-items:center;border:5px solid #979797;display:grid;justify-content:center;position:relative;top:30px;width:500px}.fadeIn{-webkit-animation:fadeIn 2s;animation:fadeIn 2s}.fadeOut{-webkit-animation:fadeOut 1s;animation:fadeOut 1s}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@-webkit-keyframes slideIn{0%{left:auto;margin-top:80%}to{left:auto;margin-top:45%}}@keyframes slideIn{0%{left:auto;margin-top:80%}to{left:auto;margin-top:45%}}@-webkit-keyframes slideOut{0%{left:auto;margin-top:45%}to{left:auto;margin-top:80%}}@keyframes slideOut{0%{left:auto;margin-top:45%}to{left:auto;margin-top:80%}}.questionnaire{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;font-family:Arial,sans-serif;margin:0 auto;max-width:600px;padding:20px}h1{color:#333;text-align:center}.question{margin-bottom:15px}label{display:block;font-weight:700;margin-bottom:5px}input,textarea{border:1px solid #ccc;border-radius:4px;font-size:16px;padding:8px;width:100%}button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:10px 15px}button:hover{background-color:#0056b3}.thank-you{color:#28a745;text-align:center}
/*# sourceMappingURL=main.f0a26c40.css.map*/