@import url('./reset.css');
    body {
       max-width: 1050px;
       margin: auto;
       min-height: 400px;
       margin-bottom: 100px;
       clear: both;
       padding-bottom: 10px;
       background-image: url("site_bg_a.jpg"); 
       background-color:rgb(12, 15, 26);
       background-size: 100% 100%;
       background-repeat: no-repeat;
       background-attachment: fixed;
       color: rgb(211, 211, 211);
       font-family: monospace;
       padding-bottom: 10px;
       padding-left: 10px;
       padding-right: 10px;
       font-size: 17px;
    }
    h1 {
        color: rgb(C8EAFE)
    }
    a:link {
        text-decoration: none;
    }

    a:visited {
        text-decoration: none;
    }

    a:hover {
        text-decoration: underline;
    }

    a:active {
        text-decoration: underline;
    }
    .releasecover{
    }
    .no-break {
        white-space: nowrap;
    }
    .stickytop {
        position: sticky;
        top: 0;
        z-index: 999;
        width: 100%;
        text-align: center;
        background-color: black;
    }

    .footer {
       position: fixed;
       left: 0;
       bottom: 0;
       width: 100%;
       background-color: rgb(0, 0, 0);
       color: rgb(202, 202, 202);
       text-align: center;
    }

    .image-grid {
        display: grid;
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 25px;
        grid-column-gap: 25px;

    }

    .news-grid {
        display: grid;
        grid-template-columns: 1fr;
        grid-row-gap: 25px;
        grid-column-gap: 25px;
    }

    .ascii {
    }
    
    .container div {
        background-color: rgb(0, 0, 0);
        aspect-ratio: 1;
    }

    .hide {
        display: none;
    }

    .hover:hover + .hide {
        display: block;
        color:red;
    }

    @media only screen and (max-width: 768px) {
    h1{
        font-size:100%
    }
    p{
        text-align:center;
    }
    img {
        width: auto;
        height: auto; 
        margin-right:auto;
        margin-left:auto;
    }
    iframe{
        max-width: 350px;
        max-height: 200px
    }
    .tracklist {
        font-size: large;
    }
    .releasecover{
        width: auto;
        height: auto; 
        margin-right:auto;
        margin-left:auto;
    }
    .stickytop {
        position: sticky;
        top: 0;
        z-index: 999;
        width: 100%;
        text-align: center;
        background-color: black;
        font-size:large
    }
    .ascii{
        font-size:40%
    }
    .image-grid {
        grid-template-columns: 1fr;
    }
}