b0VIM 8.0Z:NelsonianSolarizo.local~Nelsonian/Projects/EDA/workspace/bootcamp/personal-project/music-visions/styles/main.cssutf-8 3210#"! UtpN~Lad` NfdcWJ<"oT=&  | b G 0   h H 7 !  p Z G 6 & O z d b a ` _ T > / t Z D .  sbG0 {iYD3trqfLJI:rpoW&@ot(180deg, rgba(0,0,0,115%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(33,21,24,1) 100%);}10%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(33,21,34,1) 100%);}5%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(33,21,44,1) 100%);}0%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(33,21,54,1) 100%);}@keyframes undulate{} 100% {border-color: lavender; border-width: 1px; } 50% {border-color: yellow; border-width: 3px; } 0% {border-color: lavender; border-width: 1px}@keyframes changeColor{} 100% {opacity: 0;} 70% {opacity: 0.6;} 0% {opacity: 1;}@keyframes fade-out{} 100% {opacity: 1;} 70% {opacity: 0.6;} 0% {opacity: 0;}@keyframes fade-in{} animation: changeColor 1s;.change-color{} animation: fade-out 2s;.fade-out{} animation: fade-in 3s;.fade-in{} padding-left: 1em;#text p {} animation: fade-in 3s; padding: 1em; align-items: center; justify-content: center; flex-direction: column; display: flex; font-weight: bold; margin: auto; font-size: 1em; position: relative;#text {} cursor: pointer; line-height: 1.4em; text-align: center; font-size: 1.1em; list-style-type: none; margin: 0; flex-direction: column; align-items: center; justify-content: center; display: flex;#tracklist li{} margin: 0; grid-gap: 1em; grid-template-columns: 1fr 1fr 1fr 1fr; padding: 2em; display: grid;#tracklist ul{} animation: fade-in 1s; font-weight: bold; color: var(--text); position: relative; flex-direction: column; align-items: center; justify-content: center; display: flex;#tracklist{} text-decoration: none; line-height: 1.3em; font-size: 0.75em; text-align: center; width: 100%; bottom: 1em; position: ab}}}} color: var(--text); width: 50%; align-items: center; justify-content: center; flex-direc}} color: var(--text); width: 50%; align-items: center; justify-content: center; flex-direction: column; height: auto; padding: 1em;; min-height: 50%; border-radius: 7px; border: 1.5px dashed #FFE4E1; display: flex; position: relative;.paper-splash{} color: var(--text); width: 50%; height: auto; padding: 1em;; min-height: 50%; border-radius: 7px; grid-gap: 1em; border: 1.5px dashed #FFE4E1; grid-template-rows: 1fr 4fr 1fr; display: grid; position: relative;.paper{} left: 50; top: 0; position: fixed;.title{} color: var(--link);a{} width: 100%; min-height: 100%; align-items: center; justify-content: center; flex-direction: column; display: flex; position: relative;.wrapper{} width: 100%; height: 100%;body + div{} animation: undulate 24s infinite alternate; letter-spacing: 0.24em; font-family: sinkin; align-items: center; justify-content: center; flex-direction: column; display: flex; width: 100%; min-height: 100vh; background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(33,21,54,1) 100%); box-sizing: border-box; padding: 0; margin: 0;body, html{} src: url('./fonts/SinkinSans-100Thin.otf') font-family: sinkin;@font-face{} src: url('./fonts/Interval.otf') font-family: interval;@font-face{ad+}100%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(33,21,54,1) 100%)}100%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(33,21,54,1) 100%)}100%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(33,21,54,1) 100%);}ad 0` 100%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(73,21,4,1) 100%);}96%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(70,21,4,1) 100%);}86%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(68,21,4,1) 100%);}76%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(66,21,4,1) 100%);}66%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(63,21,4,1) 100%);}ad3_/_53%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(53,21,4,1) 100%);}43%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(43,21,4,1) 100%);}33%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,68,1) 64%, rgba(33,21,4,1) 100%);}20%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,66,1) 64%, rgba(33,21,14,1) 100%);}ad~xvdJ8%zdKIH6  m V < &  t g e d U D )   } | { s ] K ; &  ~ | { z y o V T S H . , +   i T R Q 9  "Q111115%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,64,1) 64%, rgba(33,21,24,1) 100%);}10%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,62,1) 64%, rgba(33,21,34,1) 100%);}5%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(33,21,44,1) 100%);}0%{ background: linear-gradient(180deg, rgba(0,0,0,1) 2%, rgba(6,7,60,1) 64%, rgba(33,21,54,1) 100%);}@keyframes undulate{} 100% {border-color: lavender; border-width: 1px; } 50% {border-color: yellow; border-width: 2px; } 0% {border-color: lavender; border-width: 1px}@keyframes changeColor{} 100% {opacity: 0;} 70% {opacity: 0.6;} 0% {opacity: 1;}@keyframes fade-out{} 100% {opacity: 1;} 70% {opacity: 0.6;} 0% {opacity: 0;}@keyframes fade-in{} animation: changeColor 1s;.change-color{} animation: fade-out 2s;.fade-out{} animation: fade-in 3s;.fade-in{} padding-left: 1em;#text p {} animation: fade-in 3s; padding: 1em; align-items: center; justify-content: center; flex-direction: column; display: flex; font-weight: bold; margin: auto; font-size: 1em; position: relative;#text {} cursor: pointer; line-height: 1.4em; text-align: center; font-size: 1.1em; list-style-type: none; margin: 0; flex-direction: column; align-items: center; justify-content: center; display: flex;#tracklist li{} margin: 0; grid-gap: 1em; grid-template-columns: 1fr 1fr 1fr 1fr; padding: 2em; display: grid;#tracklist ul{} animation: fade-in 1s; font-weight: bold; color: var(--text); position: relative; flex-direction: column; align-items: center; justify-content: center; display: flex;#tracklist{} text-decoration: none; line-height: 1.3em; font-size: 0.75em; text-align: center; width: 100%; bottom: 1em; position: absolute;.paper-splash a {} text-decoration: none; line-height: 1.3em; font-size: 0.75em; text-align: center; width: 100%; bottom: 1em; position: absolute;.paper a {} text-align: center; color: var(--title); width: 100%; margin-top: 0em; font-size: 4em; letter-spacing: 0.75em;.paper-splash h1{} text-align: center; color: var(--title); width: 100%; margin-top: 1em; font-size: 1.5em; letter-spacing: 0.5em;.paper h1{