diff --git a/_sass/_layout.scss b/_sass/_layout.scss index 41396bf..e3753f0 100644 --- a/_sass/_layout.scss +++ b/_sass/_layout.scss @@ -114,9 +114,9 @@ body { .description { border-radius: var(--border-radius); background: var(--bg-alt); - box-shadow: 1px 1px 28px 24px var(--bg-alt); - -webkit-box-shadow: 1px 1px 28px 24px var(--bg-alt); - -moz-box-shadow: 1px 1px 28px 24px var(--bg-alt); + box-shadow: 15px 15px 28px 24px var(--bg); + -webkit-box-shadow: 15px 15px 28px 24px var(--bg); + -moz-box-shadow: 15px 15px 28px 24px var(--bg); > * { margin: 40px !important; } @@ -134,7 +134,7 @@ body { width: 100px; height: 100px; line-height: 100px; - margin: 0 0 10px 0; + margin: 0 0 20px 0; padding:0; font-size: 65px; } @@ -163,6 +163,7 @@ body { margin: 0; } @media only screen and (max-width: 759px) { + text-align: center; div { min-width: 100%; padding: 20px 0; @@ -173,6 +174,7 @@ body { } @media only screen and (max-width: 480px) { + .description { h1 { font-size: 1.1em @@ -218,10 +220,10 @@ section:first-of-type { footer { width: 100%; padding: 160px 20px 200px 20px; - background-color: var(--border-alt); + background-color: var(--fg); color: var(--bg); background-image: url("../img/vignette-footer.svg"); - background-size: 500px; + background-size: 200px; background-repeat: repeat-x; background-position: top; box-sizing: border-box; @@ -229,14 +231,12 @@ footer { a { color: var(--bg); } - .icon { color: var(--bg); border: 1px solid var(--bg); } .icon:hover { border: 1px solid var(--accent2); - color: var(--accent2); } .footframe { display: flex; @@ -255,7 +255,7 @@ footer { width: 100%; } li { - + border-bottom: 1px solid var(--bg-alt); line-height: 2; font-size: 1.5em; a { @@ -263,9 +263,6 @@ footer { text-decoration: none; color: var(--bg); } - a:hover { - color: var(--accent2); - } } } @@ -358,9 +355,6 @@ footer { text-align: center; line-height: 2em; padding: 0; - h2 { - margin-top: 80px; - } } .streamer { max-width: var(--max-width); diff --git a/_sass/_player.scss b/_sass/_player.scss index 07e513e..1141378 100644 --- a/_sass/_player.scss +++ b/_sass/_player.scss @@ -115,7 +115,7 @@ audio { } #plList li:hover { - background-color: var(--accent1); + background-color: var(--accent2-alt); color: var(--bg); transition: all 400ms ease-in-out; } @@ -149,11 +149,12 @@ audio { } .plSel { - background-color: var(--fg-alt)!important; + background-color: var(--accent1-alt)!important; cursor: pointer!important; + color: var(--bg); } .plSel:hover { - background-color: var(--accent1)!important; + background-color: var(--accent2-alt)!important; }