diff --git a/public/styles.css b/public/styles.css index cc8bb96..5d98caa 100644 --- a/public/styles.css +++ b/public/styles.css @@ -26,6 +26,7 @@ p { a { color: #DD7FB6; + font-family: ubuntuSansMono; text-decoration: none } @@ -95,12 +96,20 @@ div.audiocard { background-color: #51324A; display: inline-flex; text-align: left; - flex-direction: row; - box-sizing: border-box; padding: 15px; border-radius: 15px; } +div.audiocard-floating-left { + margin: 0 20px 20px 0; + float: left; +} + +div.audiocard-floating-right { + margin: 0 0 20px 20px; + float: right; +} + div.audioinner { padding-left: 15px; display: inline-flex; @@ -110,10 +119,10 @@ div.audioinner { img.albumcoversmall { height: 100px; - width: 90px; + width: 100px; + border-radius: 12px;; } - div.audioinner a, p { margin: 5px; diff --git a/template-music.html b/template-music.html index 21c0294..40cc68f 100644 --- a/template-music.html +++ b/template-music.html @@ -27,12 +27,12 @@
Periphery - Rainbow Gravity
Juggernaut: Alpha{{djent-paragraph}}
+Invent Animate - Cloud Cascade
Greyview{{metalcore-paragraph}}
+ +{{invent-animate-paragraph}}
+Fallujah - Dreamless
Dreamless