*,:before,:after{box-sizing:border-box}@font-face{font-family:Determination Mono;src:url(/fonts/DeterminationMonoWeb.ttf)format("truetype")}:root{--colour1:#000;--colour2:#fff;--colour3:#bebebe;--colour4:#b0b0b0;--colour5:#a0a0a0;--colour6:gold;--colour7:#cfaf04;font-family:Determination Mono;font-size:1em}body,html{background-color:var(--colour2);justify-content:center;align-items:center;height:100vh;margin:0;display:flex}.controls-message{color:var(--colour1);opacity:.4;-webkit-user-select:none;user-select:none;max-width:40vw;font-size:1.5em;position:fixed;top:3vh;left:5vw}.camera-controller{z-index:1;gap:1vh;display:flex;position:fixed;top:5vh;right:5vw}.camera-controller-btn:active{opacity:1}.camera-controller-btn{color:var(--colour2);background-color:var(--colour1);border:var(--colour1);opacity:.4;border-style:solid;width:12vw;font-size:2rem}.modal{z-index:1;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;overflow:auto}.modal-content{background-color:var(--colour3);border-color:var(--colour1);border-style:solid;border-radius:5px;max-width:500px;margin:15% auto;padding:20px;overflow:auto}.modal-btn-container{flex-direction:column;display:flex}.modal-btn{font:inherit;background-color:var(--colour1);border-color:var(--colour2);min-height:5vh;max-height:10vh;color:var(--colour2);border:none;border-radius:5px;margin-top:1vh;font-size:1.5rem}.contact-form-wrapper{background-color:var(--colour4);justify-content:center;align-items:center;padding:.5vh;display:flex}.contact-form{padding:2vh}.contact-form h1{text-align:center;text-shadow:5px 5px var(--colour5)}.contact-form label{font-size:2vh;font-weight:700}.contact-form input[type=text],.contact-form input[type=email],.contact-form input[type=subject],.contact-form textarea{border:2px solid var(--colour1);width:100%;margin-top:.5%;margin-bottom:1.2vh;padding:1vh;font-family:Determination Mono;font-size:2vh}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--colour6);outline:none}.contact-form textarea{resize:vertical;min-height:10vh;max-height:20vh}.contact-form input[type=submit]{background-color:var(--colour6);width:100%;color:var(--colour1);cursor:pointer;border:none;border-radius:6px;padding:14px;font-family:Determination Mono;font-size:1.1rem;font-weight:700;transition:background-color .3s,transform .1s}.contact-form input[type=submit]:hover{background-color:var(--colour7);color:var(--colour1)}.contact-form input[type=submit]:active{transform:scale(.98)}.contact-form p{text-align:center;margin-top:.5vh;margin-bottom:0}