A music player that connects to your cloud/distributed storage.
at main 222 lines 8.2 kB view raw
1/* Hack */ 2 3 4@font-face { 5 font-family: "Hack"; 6 src: url("fonts/Hack/regular-subset.woff2") format("woff2"); 7 font-weight: 400; 8 font-stretch: normal; 9 font-style: normal; 10 font-display: swap; 11} 12 13 14@font-face { 15 font-family: "Hack"; 16 src: url("fonts/Hack/bold-subset.woff2") format("woff2"); 17 font-weight: 700; 18 font-stretch: normal; 19 font-style: normal; 20 font-display: swap; 21} 22 23 24 25/* Source Sans Pro */ 26 27 28@font-face { 29 font-family: "Source Sans Pro"; 30 src: url("fonts/Source Sans Pro/Variable/roman.woff2") format("woff2-variations"), 31 url("fonts/Source Sans Pro/Old/light.woff2") format("woff2"); 32 font-weight: 300; 33 font-stretch: normal; 34 font-style: normal; 35 font-display: swap; 36} 37 38 39@font-face { 40 font-family: "Source Sans Pro"; 41 src: url("fonts/Source Sans Pro/Variable/italic.woff2") format("woff2-variations"), 42 url("fonts/Source Sans Pro/Old/light-italic.woff2") format("woff2"); 43 font-weight: 300; 44 font-stretch: normal; 45 font-style: italic; 46 font-display: swap; 47} 48 49 50@font-face { 51 font-family: "Source Sans Pro"; 52 src: url("fonts/Source Sans Pro/Variable/roman.woff2") format("woff2-variations"), 53 url("fonts/Source Sans Pro/Old/regular.woff2") format("woff2"); 54 font-weight: 400; 55 font-stretch: normal; 56 font-style: normal; 57 font-display: swap; 58} 59 60 61@font-face { 62 font-family: "Source Sans Pro"; 63 src: url("fonts/Source Sans Pro/Variable/italic.woff2") format("woff2-variations"), 64 url("fonts/Source Sans Pro/Old/italic.woff2") format("woff2"); 65 font-weight: 400; 66 font-stretch: normal; 67 font-style: italic; 68 font-display: swap; 69} 70 71 72@font-face { 73 font-family: "Source Sans Pro"; 74 src: url("fonts/Source Sans Pro/Variable/roman.woff2") format("woff2-variations"), 75 url("fonts/Source Sans Pro/Old/semibold.woff2") format("woff2"); 76 font-weight: 600; 77 font-stretch: normal; 78 font-style: normal; 79 font-display: swap; 80} 81 82 83@font-face { 84 font-family: "Source Sans Pro"; 85 src: url("fonts/Source Sans Pro/Variable/italic.woff2") format("woff2-variations"), 86 url("fonts/Source Sans Pro/Old/semibold-italic.woff2") format("woff2"); 87 font-weight: 600; 88 font-stretch: normal; 89 font-style: italic; 90 font-display: swap; 91} 92 93 94@font-face { 95 font-family: "Source Sans Pro"; 96 src: url("fonts/Source Sans Pro/Variable/roman.woff2") format("woff2-variations"), 97 url("fonts/Source Sans Pro/Old/bold.woff2") format("woff2"); 98 font-weight: 700; 99 font-stretch: normal; 100 font-style: normal; 101 font-display: swap; 102} 103 104 105@font-face { 106 font-family: "Source Sans Pro"; 107 src: url("fonts/Source Sans Pro/Variable/italic.woff2") format("woff2-variations"), 108 url("fonts/Source Sans Pro/Old/bold-italic.woff2") format("woff2"); 109 font-weight: 700; 110 font-stretch: normal; 111 font-style: italic; 112 font-display: swap; 113} 114 115 116@font-face { 117 font-family: "Source Sans Pro"; 118 src: url("fonts/Source Sans Pro/Variable/roman.woff2") format("woff2-variations"), 119 url("fonts/Source Sans Pro/Old/black.woff2") format("woff2"); 120 font-weight: 900; 121 font-stretch: normal; 122 font-style: normal; 123 font-display: swap; 124} 125 126 127 128/* Montserrat */ 129 130 131@font-face { 132 font-family: "Montserrat"; 133 src: url("fonts/Montserrat/Variable/variable.woff2") format("woff2-variations"), 134 url("fonts/Montserrat/Old/light.woff2") format("woff2"); 135 font-weight: 300; 136 font-stretch: normal; 137 font-style: normal; 138 font-display: swap; 139} 140 141 142@font-face { 143 font-family: "Montserrat"; 144 src: url("fonts/Montserrat/Variable/variable.woff2") format("woff2-variations"), 145 url("fonts/Montserrat/Old/regular.woff2") format("woff2"); 146 font-weight: 400; 147 font-stretch: normal; 148 font-style: normal; 149 font-display: swap; 150} 151 152 153@font-face { 154 font-family: "Montserrat"; 155 src: url("fonts/Montserrat/Variable/variable.woff2") format("woff2-variations"), 156 url("fonts/Montserrat/Old/medium.woff2") format("woff2"); 157 font-weight: 500; 158 font-stretch: normal; 159 font-style: normal; 160 font-display: swap; 161} 162 163 164@font-face { 165 font-family: "Montserrat"; 166 src: url("fonts/Montserrat/Variable/variable.woff2") format("woff2-variations"), 167 url("fonts/Montserrat/Old/semibold.woff2") format("woff2"); 168 font-weight: 600; 169 font-stretch: normal; 170 font-style: normal; 171 font-display: swap; 172} 173 174 175@font-face { 176 font-family: "Montserrat"; 177 src: url("fonts/Montserrat/Variable/variable.woff2") format("woff2-variations"), 178 url("fonts/Montserrat/Old/bold.woff2") format("woff2"); 179 font-weight: 700; 180 font-stretch: normal; 181 font-style: normal; 182 font-display: swap; 183} 184 185 186@font-face { 187 font-family: "Montserrat"; 188 src: url("fonts/Montserrat/Variable/variable.woff2") format("woff2-variations"), 189 url("fonts/Montserrat/Old/extrabold.woff2") format("woff2"); 190 font-weight: 800; 191 font-stretch: normal; 192 font-style: normal; 193 font-display: swap; 194} 195 196 197 198/* Playfair Display */ 199 200 201@font-face { 202 font-family: "Playfair Display"; 203 src: url("fonts/Playfair Display/bold.woff2") format("woff2"); 204 font-weight: 700; 205 font-stretch: normal; 206 font-style: normal; 207 font-display: swap; 208} 209 210 211 212/* Icons */ 213 214 215@font-face { 216 font-family: "or-favourites"; 217 src: 218 url(data:application/x-font-woff;charset=utf-8;base64,d09GMgABAAAAAALMAA0AAAAABtgAAAJ3AAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAP0ZGVE0cGh4GYACCZhEICoIkgiALEAABNgIkAxoEIAWDYwc/G90FyK4GbGMY+iEaIl0ZXnqKj/KnMxo7rFjbeJ5aK9/v7pldlgeU6EhAReQQhOPyqSgCF2HRqQMjoqPX6vfTvRLxyy8hvfxwgdgCG18WlkhGZ3wxVyCZK1Ax/aiqC+B/4mbcWICdj4mBZGkigQYYTgsk7LKxKMD9f/5g/fla58se9MEfLNSfcvcO9O3SWls3IbDt4mQLsPO506mPDqZYAkVELxoKan2ddJQfZfAFrM4/QkypmmLtKeRVvX0rsyIZCEj3I9S5bSDwhL5gg4FzYGqoaGI/qeHF70Bi9gvts99VMQVAVNKTCqSggHQPjarzL3rg45FF1mAA5uhxD7wHNEAQUaTWurrhQYB4+hIlu2a3I8xOXQvzO3CizrFj67snzG8Dsray+jlA9h5ezAsG025eelIV85r3AwDU71dzp4caxei26MzamixWl2hW+WUHJJl1NZnROUYue2qoNFe4OdrTX+dfx9KE/vahFdXFL1cVr2ofSZppTAzr8pckcBbsbPn493jRlIeqiT2AI78PQBDeHHyt7bBO/T80b+bKaag/KzBUQBjfHpqKuPLt0DdAbgJQ0LilHmHgCD1QAAAw91dAzGwgUAycRKCaeYRAM/NWQGfSDeiR3c1ja3GjL20k1iCiirkDVLUmG2iIiuos2aV6a87fMnaYFn0GRZLqMqrPiEFyw7ghePoi8puJy+TDfAi4hhONUOkyCO+o1YPOhTW69BZu0BC5Pho+mCgxcD9rjEXFDHTaBX00hvkQcRrcoC7llF4+uk3wUaRHnzJ9wImCp+nYcd4p6un78cMlgEKfGJCipKJHXNbQi6qJfhkzHtHIY2JiGAA=) format("woff2"), url(data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAWQAAsAAAAABUQAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABPUy8yAAABCAAAAGAAAABgDxEM82NtYXAAAAFoAAAAXAAAAFwAsAEYZ2FzcAAAAcQAAAAIAAAACAAAABBnbHlmAAABzAAAATAAAAEwWmanp2hlYWQAAAL8AAAANgAAADYOgV4yaGhlYQAAAzQAAAAkAAAAJAdsA8dobXR4AAADWAAAABgAAAAYDgAArGxvY2EAAANwAAAADgAAAA4AwACAbWF4cAAAA4AAAAAgAAAAIAAJADduYW1lAAADoAAAAc4AAAHOtR+CC3Bvc3QAAAVwAAAAIAAAACAAAwAAAAMDVQGQAAUAAAKZAswAAACPApkCzAAAAesAMwEJAAAAAAAAAAAAAAAAAAAAAQAAAAAAAAAAAAAAAAAAAAAAQAAAAHQDwP/AAEADwABAAAAAAQAAAAAAAAAAAAAAIAAAAAAAAwAAAAMAAAAcAAEAAwAAABwAAwABAAAAHAAEAEAAAAAMAAgAAgAEAAEAIABmAHT//f//AAAAAAAgAGYAdP/9//8AAf/j/57/kQADAAEAAAAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAACAFYAHQOqAysAGAA0AAAlPgM1NCYjIgYHIy4BIyIGFRQeAh8BEzIeAhUUDgIPAScuAzU0PgIzMhYXPgECBEx9WTBVQTFWEVAQVjJAVjBZfE0EwDFWPyQ0X4ZTPj5Sh180JD9VMjdmIyJmk0V0aF4vQFQ5Kys5VEAvXmh0RQQCnCQ/VjE9cXR/Szg2S392cT0xVj8kMigoMgAAAAABAFYAHQOqAysAGwAAJScuAzU0PgIzMhYXPgEzMh4CFRQOAgcCAD5Sh180JD9VMjdmIyJmODFWPyQ0X4ZTHThLf3RxPTFWPyQyKCgyJD9WMT1xdn9LAAAAAQAAAAEAALY04pNfDzz1AAsEAAAAAADV3I0FAAAAANXcjQUAAAAAA6oDKwAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADqgABAAAAAAAAAAAAAAAAAAAABgQAAAAAAAAAAAAAAAIAAAAEAABWBAAAVgAAAAAACgAUAB4AbACYAAAAAQAAAAYANQACAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAAA4ArgABAAAAAAABAA0AAAABAAAAAAACAAcAlgABAAAAAAADAA0ASAABAAAAAAAEAA0AqwABAAAAAAAFAAsAJwABAAAAAAAGAA0AbwABAAAAAAAKABoA0gADAAEECQABABoADQADAAEECQACAA4AnQADAAEECQADABoAVQADAAEECQAEABoAuAADAAEECQAFABYAMgADAAEECQAGABoAfAADAAEECQAKADQA7G9yLWZhdm91cml0ZXMAbwByAC0AZgBhAHYAbwB1AHIAaQB0AGUAc1ZlcnNpb24gMS4wAFYAZQByAHMAaQBvAG4AIAAxAC4AMG9yLWZhdm91cml0ZXMAbwByAC0AZgBhAHYAbwB1AHIAaQB0AGUAc29yLWZhdm91cml0ZXMAbwByAC0AZgBhAHYAbwB1AHIAaQB0AGUAc1JlZ3VsYXIAUgBlAGcAdQBsAGEAcm9yLWZhdm91cml0ZXMAbwByAC0AZgBhAHYAbwB1AHIAaQB0AGUAc0ZvbnQgZ2VuZXJhdGVkIGJ5IEljb01vb24uAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgAAAAMAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA=) format("woff"); 219 font-weight: normal; 220 font-stretch: normal; 221 font-style: normal; 222}