finish up profiles, begin custom songs

css/loader.css

@@ -29,4 +29,22 @@
 }
 #infobox h2 {
     margin-right: auto;
+}
+.button {
+    margin: 4px;
+    padding: 2px;
+    width: 7%;
+    transition-duration: 0.25s;
+}
+.button:hover {
+  filter: brightness(1.1);
+  transform: scale(1.05);
+}
+.opposite {
+    width: 50%;
+    height: 100%;
+    display: flex;
+    justify-content: flex-end;
+    align-items: center;
+    margin: 12px;
 }

css/profile.css

@@ -0,0 +1,93 @@
+section {
+    width: 90%;
+    height: 240px;
+    margin: 24px;
+    background-color: color-mix(in srgb, var(--color-2) 40%, #00000000 60%);
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 0 10px var(--color-2);
+    border-radius: 20px;
+    backdrop-filter: blur(6px);
+}
+.controls {
+    width: 48px !important;
+    margin: 8px !important;
+    cursor: pointer;
+}
+section img {
+    height: 90%;
+    aspect-ratio: 1 / 1;
+    margin: 32px;
+    border-radius: 16px;
+}
+.column {
+    flex-direction: column;
+}
+right {
+    margin-left: auto;
+    margin-right: 16px;
+}
+.badges img {
+    width: 32px;
+    border-radius: 2px;
+    margin: 8px;
+}
+p {
+    font-size: 24px;
+    letter-spacing: 0.5px;
+    line-height: 36px;
+}
+div {
+    margin-left: auto;
+    margin-right: auto;
+}
+#enter {
+    position: absolute;
+    width: 100vw;
+    height: 100vh;
+    background-color: color-mix(in srgb, #000000 60%, #00000000 40%);
+    backdrop-filter: blur(16px);
+    z-index: 9999999999;
+    cursor: pointer;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    flex-direction: column;
+    transition-duration: 1s;
+}
+#edit {
+    width: 48px;
+    cursor: pointer;
+}
+#search {
+    height: 36px !important;
+}
+results {
+    display: flex;
+    width: 95%;
+    height: 120px;
+    overflow-y: scroll;
+    background-color: var(--color-4);
+    bottom: 16px;
+    flex-direction: column;
+}
+result {
+    border-color: white;
+    border-width: 4px;
+    cursor: pointer;
+    padding: 4px;
+    margin: 2px;
+    width: auto;
+    text-align: left;
+    display: flex;
+    flex-direction: column;
+}
+result h2 {
+    font-size: 16px;
+    margin: 0px;
+}
+result p {
+    font-size: 12px;
+    margin: 0px;
+}