@font-face {
    font-family: 'Special Elite';
    src: url('../fonts/specialelite.woff') format('woff'),
        url('../fonts/specialelite.ttf') format('truetype');
    font-display: swap;
    }

@font-face {
    font-family: 'Montserrat Medium';
    src: url('../fonts/montserrat-medium.woff') format('woff');
    font-display: swap;
    }

body {
background-color: #000000; width: 100%; margin: 0 auto; position: absolute;
text-align: center; color: #ea00ff; font-size: 110%; text-rendering: optimizeLegibility;
-webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-font-smoothing: antialiased; 
}

@media screen and (max-width: 800px) {
  .vmlogo {text-align: center;max-width: 80%;}
}

h1, h2 {font-weight: 100; text-align: center; margin-bottom: 0px;}
h1 {font-family: 'Special Elite','courier',serif; font-size: 220%; color: #ffffff;}
h2 {font-size: 180%; color: white;}
h3 {font-size: 120%; color: white;}
hr {background-color:#ffffff; height:1px; border:0 none;}
img {max-width:80%}
p, .list {font-weight:100; text-align:left;}
.albumtitle, .singletitle {text-align:center; font-size:86%; color:#ea00ff;}
.button:hover, .button:focus {background-color:#61d4a2 !important;}
.button {background-color:#61C2A2; color:black; font-size:16px; text-align:center; text-decoration:none; border:none; display:inline-block; border-radius:8px; padding:5px 10px;}
.flex-container {font-size:125%; display:flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center;}    
.flexbox {min-width:200px; margin:10px; padding:10px; object-fit:contain;}
.footer-text {width:75%; margin:auto; font-size:80%; text-size-adjust:100%; font-weight:400; text-align:center;}
.img-circle {border-radius:50%; width:100%; max-width:225px; height: auto;}
.info {display:block; font-size:80%; text-align:center;}
.lyrics {color:white;}
.poem, .poem a {color:#ea00ff;}
.poem:hover, .poem:active {color:#61c2a2}
.purplelink, .purplelink a {color:#ea00ff;}
.purplelink:hover, .purplelink:active {color:#61c2a2;}
.pcenter {text-align:center;}
.pcenter, p, .list, .info, .footer-text {font-family:'Montserrat Medium','SF Pro Text','Lucida Grande','Helvetica','Arial',sans-serif;}
.pcenter, p, .list, hr {display:block; margin-top:0.2em; margin-bottom:0.2em; margin-left:auto; margin-right:auto; width:80%;}
.right {text-align:right;}
.mintlink, .mintlink a {fill:#61c2a2;} 
.mintlink:hover, .mintlink:active {fill:#61EAa2;}
.video {aspect-ratio: 16/9; max-width: 96%;}
.yt-embed {aspect-ratio: 16/9; max-width: 96%;}