/ styles.css
styles.css
1 body { 2 font-family: Arial, sans-serif; 3 background-color: #f0f0f0; 4 margin: 0; 5 padding: 0; 6 overflow: hidden; /* Prevent scrolling */ 7 } 8 9 .container { 10 position: relative; 11 width: 100%; 12 height: 100vh; 13 } 14 15 #test-iframe { 16 width: 100%; 17 height: 100%; 18 position: absolute; 19 top: 0; 20 left: 0; 21 z-index: 1; 22 } 23 24 #overlay { 25 position: fixed; 26 top: 0; 27 right: 0; 28 width: 350px; 29 background-color: rgba(255, 255, 255, 0.9); 30 padding: 10px; 31 z-index: 1000; 32 box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); 33 } 34 35 #overlay h1 { 36 font-size: 18px; 37 color: #333; 38 margin: 0 0 10px 0; 39 } 40 41 #video-container { 42 text-align: center; 43 } 44 45 #video-container img { 46 width: 300px; 47 height: auto; 48 border: 2px solid #333; 49 } 50 51 #instructions { 52 margin-top: 10px; 53 font-size: 14px; 54 color: #555; 55 } 56 57 #alerts { 58 margin-top: 10px; 59 font-size: 14px; 60 color: red; 61 } 62 63 #end-test { 64 margin-top: 10px; 65 } 66 67 #end-test h2 { 68 font-size: 16px; 69 color: #333; 70 } 71 72 #end-test form { 73 display: inline-block; 74 margin-top: 5px; 75 } 76 77 #end-test label { 78 font-size: 14px; 79 margin-right: 5px; 80 } 81 82 #end-test input[type="password"] { 83 padding: 3px; 84 font-size: 14px; 85 } 86 87 #end-test button { 88 padding: 3px 8px; 89 font-size: 14px; 90 background-color: #ff4444; 91 color: white; 92 border: none; 93 cursor: pointer; 94 } 95 96 #end-test button:hover { 97 background-color: #cc0000; 98 }