basic styling.

2025-02-03 10:54:55 -07:00
parent b3c82d7062
commit e3a972d702
6 changed files with 104 additions and 8 deletions
@@ -1 +1,87 @@
+* {
+  margin: 0;
+  padding: 0;
+}

+body {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+
+  margin-bottom: 5%;
+}
+
+h1 {
+  font-size: clamp(5vw, 7vw, 10vw);
+}
+
+h3 {
+  font-size: clamp(1vw, 1.5vw, 2vw);
+  text-align: center;
+}
+
+a {
+  color: white;
+}
+
+table {
+  width: 100%;
+}
+
+td {
+  border: 1px solid black;
+  text-align: center;
+  width: 400px;
+  padding: 5%;
+}
+
+.center {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+}
+
+#songs {
+  display: grid;
+  grid-template-columns: 20% 20% 20% 20%;
+  column-gap: 5%;
+  row-gap: 75px;
+
+  width: 80%;
+
+  justify-content: center;
+}
+
+.song_card {
+  padding: 5%;
+  background-color: gray;
+  border-radius: 18px;
+}
+
+.song_card img {
+  margin: 5%;
+  width: 60%;
+  height: auto;
+
+  border: 1px solid black;
+}
+
+#switcher {
+  position: absolute;
+  top: 0;
+  right: 0;
+  z-index: 300;
+
+  margin: 3%;
+  padding: 2%;
+  background-color: #E1341E;
+  color: white;
+  font-weight: 1000;
+  font-size: 1.5vw;
+}
+
+#switcher:hover {
+  background-color: #E75D4B;
+}