@font-face{font-family:Canon;src:URL("/CANON.ttf") format("truetype")}*,html,body{margin:0;padding:0}.center{text-align:center}.rel{position:relative;height:fit-content}body{background-color:#e7e0da}.vh{height:90vh}.spacer{height:40px}.header{margin-top:20px;font-size:15vh;text-align:center;color:#e9250f;font-family:Canon;letter-spacing:10px;z-index:-999999}.middle{position:relative;max-width:100vw;display:flex;flex-direction:column;align-items:center;margin:-100px}.camera{position:absolute;pointer-events:none;overflow:hidden}.menu-text{background-color:red;position:absolute}.camera-ui{position:absolute;width:400px;background-color:#000;left:-275px;top:245px;height:300px}footer{text-align:center;font-family:Arial,Helvetica,sans-serif}a{text-decoration:none}footer a{color:#00f}.camera-box{background-color:#000}.camera-box>img{width:100%}.camera-list{list-style:none;color:#fff;font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:21px;letter-spacing:1px}.camera-list>li{margin:15px;padding-left:30px;cursor:pointer}.camera-list>li:hover{box-shadow:inset 20px 0 red,inset -20px 0 red;outline:2px solid red}