custom.css (633B)
1 * {
2 scroll-behavior: smooth;
3 }
4 .preview, .player, .player_container {
5 height: auto;
6 width: 100%;
7 aspect-ratio: 4/3;
8 margin-top: 1em;
9 margin-bottom: 1em;
10 border: 0;
11 }
12 #searchbar {
13 width: 100%;
14 margin-top:2em;
15 }
16 details {
17 width: 100% !important;
18 }
19
20 a.button:visited,
21 a.button:hover
22 {
23 color: var(--bg) !important;
24 }
25
26 .hidden {
27 display: none;
28 }
29
30 input {
31 width: 100%;
32 }
33
34 @media only screen and (width<=720px) {
35 button, .button {
36 width: 100%;
37 align-content: center;
38 text-align: center;
39 }
40 }
41
42 a[href^="https"]:where([href*="www.youtube.com"])::after {
43 content: " \2197";
44 }
45
46 .error {
47 background-color: red;
48 }
