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



body,
html {
height: 100%;
}

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

.containerhome {
    display: grid;
    width: 100%;
    height: 100%;
    grid-template-areas:
    "navbar navbar navbar"
    "empty empty empty"
    "footer footer footer";
    grid-template-columns:1fr 1frpx 1fr;
    grid-template-rows: 1fr 700px 1fr;
    }
    

        

        .navbar {
            grid-area: navbar;
            background-image: linear-gradient(0deg, #6A66A3, #FFDBDA);
            height:50px;
            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;
            

            }

            a:link {
                color: #6A66A3;
                text-decoration:none;
              }
            
              
               a:visited {
                color: #6A66A3;
               
              }
            
             
             a:hover {
                color: #FFDBDA ;
                border-bottom: 5px solid #911229;}
            
            .logo {
            background-image:url(images/maidensmark2.png);
            background-repeat:no-repeat;
            border-style:dotted;
            display:flex;
            justify-content:center;
            }
            
            .left {
            grid-area: left;
            display:flex;
            justify-content:left;}
            
            .mainhome {
            grid-area: main;
           
            }

       

            .right {
            grid-area: right;
            display:flex;
            justify-content: right;
       
            }
            
            .footer {
            grid-area: footer;
            background-color:#FFDBDA;
            height:20px;
            font-family: "panel-sans", sans-serif;
            font-weight: 400;
            font-style: normal;
            opacity:80%;
            }