From b9013919a4248b4289faa088cf0c538c7e63ce0f Mon Sep 17 00:00:00 2001 From: Set Sakrecoer Date: Sat, 13 Jul 2019 21:17:51 +0200 Subject: [PATCH] style fixes --- _sass/main.scss | 19 +++++++++++-------- 1 file changed, 11 insertions(+), 8 deletions(-) diff --git a/_sass/main.scss b/_sass/main.scss index 33893e7..ba6c9fe 100644 --- a/_sass/main.scss +++ b/_sass/main.scss @@ -69,7 +69,7 @@ a:hover { width: 100%; background: linear-gradient(230deg, rgba(218, 159, 142, 0.8), rgba(236, 0, 228, 0.8), rgba(0, 212, 236, 0.8), rgba(0, 236, 173, 0.8), rgba(110, 0, 236, 0.8)); background-size: 1000% 1000%; - color: #fff; + -webkit-animation: AnimationName 30s ease infinite; -moz-animation: AnimationName 30s ease infinite; animation: AnimationName 30s ease infinite; @@ -95,13 +95,13 @@ a:hover { background-repeat: repeat; background-attachment: fixed; flex: wrap; - background-color: rgba(68, 0, 124, 0.568); + background-color: rgba(68, 0, 124, 0.712); margin: auto; letter-spacing: -.05em; line-height: .95em; padding: 20px; - box-shadow: 5px 10px rgba(61, 0, 102, 0.2); + box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.2); border: #000 solid 1px; flex: 0 0 300px;; } @@ -160,6 +160,9 @@ a:hover { // display: none; // } } + a { + color: #fff; + } } /* MUSIC INDEX */ @@ -204,7 +207,7 @@ a:hover { padding: 10px; border-radius: 3px; color: #000; - box-shadow: 5px 10px rgba(61, 0, 102, 0.5); + box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); border: #000 solid 1px; } } @@ -217,7 +220,7 @@ a:hover { margin: 0; border-radius: 3px; color: #000; - box-shadow: 5px 10px rgba(61, 0, 102, 0.5); + box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); border: #000 solid 1px; } @@ -246,7 +249,7 @@ a:hover { .container { color: #000; - box-shadow: 5px 10px rgba(61, 0, 102, 0.5); + box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); border: #000 solid 1px; background: linear-gradient(230deg, #ff7951, #ec00e3, #00d5ec, #00ecaf, #6d00ec); background-size: 1000% 1000%; @@ -348,11 +351,11 @@ min-height: 80vh; padding: 10px; border-radius: 3px; color: #000; - box-shadow: 5px 10px rgba(61, 0, 102, 0.5); + box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); border: #000 solid 1px; } img { - box-shadow: 5px 10px rgba(61, 0, 102, 0.5); + box-shadow: 5px 10px 10px rgba(61, 0, 102, 0.5); border: #000 solid 1px; border-radius: 3px; }