body {
    margin:50px 25px 20px 25px;
    background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("https://cdn3.vectorstock.com/i/1000x1000/20/62/whale-tail-seamless-pattern-simple-marine-vector-24252062.jpg");
    color:white;
    font-size:24px;
    line-height:125%;
    
}

.container-grid {
    display: grid;
    grid-template-columns:auto auto auto auto auto auto auto auto auto auto;
    grid-gap:10px;
    grid-template-rows:100px 100px 100px 100px 100px 100px;
    
}

.section1 {
    grid-column:1/11;
    grid-row:1/7;
    background-color:#a7bbc7;
    text-align:center;
    font-size:20px;
    border:solid 2px;
    border-color:white;
}


.bar  {
    background-color:#d3e0ea;
    padding:10px;
        }
        
.bar-item {
    color:#979aaa;
    padding:10px;
        }
        
a {
    text-decoration:none; 
        }
        
a:hover {
    background-color: #e7e6e1;
        }

h1 {
    
    color:#487e95;
    font-size:65px;
    
}

h2 {
    font-size:45px;
    color:#5f939a;
}