*,:before,:after{box-sizing:border-box}:root{--color1:#fff;--colorBeige:#f5eeb0;--colorYellow:#fabf61;--colorOrange:#e08d51;--colorBrownLight:#8a5865;--colorBrownDark:#452b3f;--colorGreenLight:#c6cc54;--colorGreenMid:#609c4f;--colorGreenDark:#2c5e3b;--colorBlueLight:#78c2d6;--colorBlueDark:#5479b0;--colorGrayLight:#e0d3c8;--colorGrayMid:#839fa6;--colorGrayDark:#56546e;--colorRed:#f05b5b;--colorMaroon:#8f325f;--colorPink:#eb6c98;font-family:ibm-bold;font-size:1em}body,html{background-color:var(--colorBeige);justify-content:center;align-items:center;height:100vh;margin:0;display:flex}.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(--colorBeige);border-color:var(--colorMaroon);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(--colorBeige);border-color:var(--colorMaroon);min-height:5vh;max-height:10vh;color:var(--colorMaroon);border:none;border-radius:5px;margin-top:1vh;font-size:1.5rem}.modal-btn:active{background-color:var(--colorMaroon);color:var(--colorBeige)}.modal-content>h1,span,p{color:var(--colorMaroon)}.modal-content>p{font-family:ibm-regular;font-size:1.2rem;font-style:italic}.controls-message{color:var(--colorGrayDark);opacity:.4;-webkit-user-select:none;user-select:none;max-width:40vw;font-size:1.2rem;position:fixed;top:3vh;left:5vw}.camera-controller{z-index:1;gap:1vh;display:flex;position:fixed;top:5vh;right:5vw}.camera-controller-btn{color:var(--colorBrownDark);background-color:var(--colorBrownLight);border-color:var(--colorBrownLight);opacity:.4;border-style:solid;border-radius:12px;width:12vw;font-size:2rem}.camera-controller-btn:active{opacity:1}