@font-face {
    font-family: "Custom Font";
    src: url(Sniglet-Regular.ttf);
   url(Sniglet-Regular.ttf) 
}

body{
    margin:0;
    padding:0;
    font-family: "Custom Font";
    line-height: 2em;
}
#site_wrap{
    Background-color: white;
    Height: 100vh;
    display: grid;
    grid-gap: 5px;
 grid-template-columns: 
    1fr 
    Repeat(4,minmax(0,272px))
    1fr
;
grid-template-rows: 
118px
272px
272px
272px
1fr
;
grid-template-areas:
     "header header header header header header"
     ". link go go go ."
     " . den den den den . "
     ". insta insta insta in ."
     "footer footer footer footer footer footer"
     ;
    
}
.header{
   background-image: url(GoldfishTreasure_small.jpg);
    background-repeat: no-repeat;
     background-color: white;
    grid-area: header;
   text-align: center;
   margin: 10px;
   padding: 20px;
   font-size: 2em;

.Lifarea{color: #93C4A9; margin-right: 15px;
background-color: #C6FFE3;
}
.Connie{color: #93C4A9; margin-left: 15px;
background-color: #C6FFE3;
}
.Welcome{color: #93C4A9; margin-left: 25px; 
 background-color: #C6FFE3;
}
 .My-Art{color: #93C4A9; margin-right: 25px;
background-color: #C6FFE3; 
}
}
.gold{
    grid-area: go;
    background-color: #C6FFE3;
     background-color: #C6FFE3;
    font-size: 3.5em;
    text-align: center;
    color: #93C4A9;
}
.golden{
    grid-area:den;
    background-color: #FFEEAF;
    text-align: center;
    color: #c6b47f;
     p1{
        font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
    font-size: 1em; 
    font-weight: bold;
    letter-spacing:10%; 
     font-weight: bold;
    }
    p2{
        font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
    font-size: 1em; 
    font-weight: bold;
    letter-spacing:10%; 
     font-weight: bold;
    }
    p3{
        font-family: 'Trebuchet MS', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; 
    font-size: 1em; 
    font-weight: bold;
    letter-spacing:10%; 
     font-weight: bold;
    }
}
.insta{
    grid-area: insta;
    background-color: #C6FFE3;
    font-size: 5em;
    text-align: center;
    color: #93C4A9;
   
}
.in{
    grid-area: in;
    background-image: url(IMG_5574.jpg);
    background-color: #C6FFE3;
}
.link{
    grid-area: link;
    background-image: url(IMG_3340.jpg);
    background-color: #C6FFE3;
}
.footer{
    background-color: #016ED5;
    color:#016ED5;
    grid-area: footer;
}