* { font-family: 'Montserrat'; color: white; } html, body { padding: 0; margin: 0; display: flex; justify-content: center; align-items: center; height: 100vh; width: 100vw; overflow: hidden; } .movie-top { position: absolute; left: 0; top: 0; height: 0%; width: 100%; background-color: black; } .movie-bottom { position: absolute; left: 0; bottom: 0; height: 0%; width: 100%; background-color: black; } .container { display: none; position: relative; height: 93vh; width: 95.6vw; } .logo-server { position: absolute; right: 50%; top: -50px; transform: translateX(50%); zoom: 0.4; } .top { position: absolute; right: 0; top: 2px; display: flex; justify-content: flex-end; gap: 6px; border-radius: 8px; font-size: 14px; font-weight: 700; } .top div { border-radius: 8px; border: 1px solid rgba(238, 238, 238, 0.50); background: rgba(0, 0, 0, 0.30); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.50); padding: 0px 6px 0px 1px; height: 25px; box-sizing: border-box; display: flex; align-items: center; /* gap: 3px; */ color: #EEE; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.50); } .top div p { margin: 0; margin-left: -1px; font-size: 14px; font-style: normal; font-weight: 400; line-height: normal; } .wanted p { margin-left: 5px !important; margin-right: 2px !important; } .wanted { padding: 0px 3px 0px 0px !important; } .road-div { position: absolute; bottom: 0px; left: 0; display: flex; width: 268px; padding: 4px 6px; justify-content: center; align-items: center; gap: 10px; border-radius: 8px; border: 1px solid rgba(238, 238, 238, 0.50); background: rgba(0, 0, 0, 0.30); box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.50); } .road-div p { margin: 0; } .Textform { color: #fff; padding: 15px; font-size: 13px; max-width: 250px; line-height: 15px; text-align: center; position: absolute; letter-spacing: 1px; background: #141414; word-wrap: break-word; } .voip p{ color: #FFFFFF; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.5); } .voip svg { fill: #FFFFFF; }