style.css

1	body {
2	font-family: sans-serif;
3	font-size: 1.5em;
4	font-weight: 400;
5	margin: 0 2em;
6	}
7
8	#minutes,
9	#seconds,
10	#sign-in-div {
11	display: flex;
12	flex-direction: column;
13	align-items: center;
14	display: inline-block;
15	}
16
17	#minutes-input,
18	#seconds-input {
19	width: 3em;
20	font-size: 1.5em;
21	}
22
23	div {
24	/* margin-left: 0.5em; */
25	/* margin-right: 0.5em; */
26	padding: 0.5em;
27	}
28
29	#header {
30	margin-top: 1em;
31	text-align: center;
32	display: flex;
33	align-items: center;
34	}
35
36	#logo {
37	width: 48px;
38	height: 48px;
39	margin-right: 10px;
40	}
41
42	#footer {
43	margin-top: 1em;
44	text-align: center;
45	font-size: .5em;
46	display: flex;
47	align-items: center;
48	}
49
50	#signout {
51	margin-top: 5em;
52	}
53
54	.material-symbols-outlined {
55	padding: .2em;
56	font-variation-settings:
57	'FILL' 0,
58	'wght' 1200,
59	'GRAD' 200,
60	'opsz' 48
61	}
62
63	.icon-and-label {
64	display: flex;
65	align-items: center;
66	cursor: pointer;
67	justify-items: center;
68	padding: .25em;
69	margin: .25em;
70	}
71
72	button {
73	border: 2px solid black;
74	font-size: 1em;
75	}
76
77	.song {
78	/* border 1px black */
79	border: 2px solid black;
80	margin: .5em;
81	}
82
83	#search,
84	#signout,
85	#signin,
86	#clear-cache {
87	border: 2px solid black;
88	padding: .5em;
89	margin: .5em;
90	font-size: 1em;
91	}
92
93	#spotify-logo {
94	/* width: 48px; */
95	height: 2em;
96	margin-right: 1em;
97	}
98
99	#spotify-icon {
100	width: 1em;
101	height: 1em;
102	margin-right: 1em;
103	}
104
105	/* Chrome, Safari, Edge, Opera */
106	input::-webkit-outer-spin-button,
107	input::-webkit-inner-spin-button {
108	-webkit-appearance: none;
109	margin: 0;
110	}
111
112	/* Firefox */
113	input[type=number] {
114	-moz-appearance: textfield;
115	}
116
117	.arrow {
118	display: flex;
119	flex-direction: column;
120	align-items: center;
121	justify-items: center;
122	}
123
124	#search-controls {
125	display: flex;
126	flex-direction: row;
127	align-items: center;
128	justify-content: center;
129	}