/* #FFDBDA #911229 #6A66A3 #FFF6C2 #1E1E24 */



body,
html {
height: 100%;
}

body {
font-family: sans-serif;
font-size: 1em; 
background-image:url(images/tourbg.png);
background-repeat:no-repeat;
background-size:cover;
background-attachment:fixed;
margin:0;
}



        .containermusic {
            display: grid;
            
            width: 100%;
            height: 100%;
            grid-template-areas:
            "navbar navbar navbar"
            "main main main"
            "footer footer footer";
            grid-template-columns: 1fr 90% 1fr;
            grid-template-rows: 10% 80% 10%;}
           
                   
                
                .navbar {
                    grid-area: navbar;
                    background-image: linear-gradient(0deg, #6A66A3, #FFDBDA);
                    height:100px;
                    grid-gap:20px;
                    display:flex;
                   padding-right:30px;
                    justify-content:right;
                    text-wrap:balance;
                    font-family: "rhythm-two-solid", sans-serif;
                    font-weight: 400;
                    font-style: normal;
                    font-size:40px;
                    align-items:flex-end;
                    
        
                    }

       

        .albums {display:grid;
        grid-template-areas: "album1"
        "album2"
    "album3" 
     "album4";
grid-template-columns:50%;
grid-template-rows: 1fr;}

.album1 {grid-area:album1;
float:right;
margin-left:850px;
margin-top:-1050px;
background-image:url(images/allthatremainsissound.png);
background-repeat:no-repeat;
height:500px;
width:600px;
}
.album2 {grid-area:album2;
    float:right;
   margin-left:850px;
   margin-top:-650px;
    background-image:url(images/hiddenaway.png);
    background-repeat:no-repeat;
    height:500px;
    width:630px;
    }

    .album3 {grid-area:album3;
        float:right;
        margin-left:850px;
        margin-top:-250px;
        background-image:url(images/forevermoon.png);
        background-repeat:no-repeat;
        height:500px;
        width:610px;
        }

        .album4 {grid-area:album4;
            float:right;
            margin-left:850px;
            margin-top:-100px;
            background-image:url(images/repeataftermefinal.png);
            background-repeat:no-repeat;
            height:500px;
            width:600px;
            }

.btr1 {
    font-family: "rhythm-two-solid", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 20px;
    color: #911229;
    float: left;
    margin-left: 358px;
    margin-top: 250px;
}

    .btl1 {font-family: "rhythm-two-solid", sans-serif;
        font-weight: 500;
        font-style: normal;
        font-size:20px;
        color:#911229;
        float:left;
        margin-left:360px;
        margin-top:250px;}

       .btr2 {
            font-family: "rhythm-two-solid", sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 20px;
            color: #911229;
            float: left;
            margin-left: 357px;
            margin-top: 250px;}
        
            .btl2 {font-family: "rhythm-two-solid", sans-serif;
                font-weight: 500;
                font-style: normal;
                font-size:20px;
                color:#911229;
                float:left;
                margin-left:360px;
                margin-top:250px;}


    
    .mtr1 {color:#1E1E24;
        font-family: "panel-sans", sans-serif;
font-weight: 400;
font-style: normal;
float:left;
margin-top:10px;
margin-left: 370px;

    }

    .mtl1 {color:#1E1E24;
        font-family: "panel-sans", sans-serif;
font-weight: 400;
font-style: normal;
float:left;
margin-top:10px;
margin-left:370px;

    } 
    
    .mtr2 {color:#1E1E24;
        font-family: "panel-sans", sans-serif;
font-weight: 400;
font-style: normal;
float:left;
margin-top:10px;
margin-left:370px;

    }

    .mtl2 {color:#1E1E24;
        font-family: "panel-sans", sans-serif;
font-weight: 400;
font-style: normal;
float:left;
margin-top:10px;
margin-left:370px;

    }

    .buy { font-family: "panel-sans", sans-serif;
        font-weight: 800;
        font-style: normal;
        float:left;
        margin-top: 0px;
    margin-left:437px;}


        .navbar2 a:link {color: #6A66A3;
            background-color: #FFF6C2;
            border-radius:12px;
            text-decoration:none;
        padding-left:20px;
    padding-right:20px;}

            a:link {
                color: #6A66A3;
                text-decoration:none;
              }
            
              
               a:visited {
                color: #6A66A3;
               
              }
            
             
             a:hover {
                color: #FFDBDA ;
                border-bottom: 5px solid #911229;}
            
            .logo {
            display: flex;
            height:100px;
            width:300px;
            justify-content:left;
            background-image:url(images/mmlogo.png);
            margin-right:500px;
            }
            
            .left {
            grid-area: left;
            display:flex;
            justify-content:left;}
            
            
            
            .mainmusic {
                grid-area: main;
                
               
            }

            .pinkmoon {background-position:center;
               color: #1E1E24;
            background-image:url(images/pinkmoon.png);
        background-repeat:no-repeat;
    height:283px;
width:300px;
margin:50px;}

.pinkhalfmoon {background-position:center;
    color: #1E1E24;
 background-image:url(images/pinkmooncrescent.png);
background-repeat:no-repeat;
height:283px;
width:300px;
margin:50px;    
float: left;
margin-top: -1380px;
margin-left: 997px;}

                .pt {
                    font-family: "rhythm-two-solid", sans-serif;
                font-weight: 400;
                font-style: normal;
                font-size:75px;
            margin-top:-250px;
        margin-bottom:150px;}

        .pth {
            font-family: "rhythm-two-solid", sans-serif;
        font-weight: 400;
        font-style: normal;
        font-size:75px;
    margin-top:-250px;
margin-bottom:150px;    
float: left;
margin-top: -1298px;
margin-left: 999px;}

            .moon {background-position:center;
            text-align:center;
        background-image:url(images/whitemoon.png);
    background-repeat:no-repeat;
float:right;
height:50px;
width:50px;
margin-right:-250px;
margin-top:10px;}

.ticket {font-family: "panel-sans", sans-serif;
    font-weight: 400;
    font-style: normal;
font-size:12px;
margin-top:20px;}

            .right {
            grid-area: right;
            display:flex;
            justify-content: right;
       
            }
            
            .footer {
            grid-area: footer;
            background-color:#FFDBDA;
            height:20px;
            opacity:80%;
            }
           
            .rectangle {background-color:#6A66A3;
                background-attachment:fixed;
                height:75px;
                width:700px;
                border-radius:15px;
            margin:30px;
        opacity:70%;}

                    .rl {color:#FFF6C2;
                        float:left;
                        font-family: "panel-sans", sans-serif;
                        font-weight: 600;
                        font-style: normal;
                        font-size: 20px;
                        margin-left:50px;
                        margin-top:25px;
                        
                    }

                        .rr{color:#FFF6C2;
                        float:right;
                        font-family: "panel-sans", sans-serif;
                        font-weight: 400;
                        font-style: normal;
                    font-size:15px;
                margin-right:100px;
        margin-top:20px;}

                        .albumtext {text-align:right;
                            padding:20px;
                            font-family: "rhythm-two-solid", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size:20px;
                    color:#911229;}

                    .moontext {font-family: "rhythm-two-solid", sans-serif;
                        font-weight: 400;
                        font-style: normal;
                    color:#1E1E24;}