/ 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  }