html, body {
    margin: auto;
    background: linear-gradient(to bottom , rgba(41, 36, 132, 0.85),
        rgba(102, 245, 201, 0.85));
    height: 100%;
    width: 100%;
    }
    
.header {
    background-color: #d3d9dc ;
    }

.name {
    font-family:'Cinzel', serif;
    color: black;
    margin-top: 0;
    padding: 15px;
    text-align: center;
}

.name:hover {
    color: black;
    text-decoration: none;
}

/* about and blogs pages */
.about {
    position: relative;
    left: 25%;
    font-family: cinzel;
    font-size: 25px;
    width: 10%;
}



.anchor {
    position: relative;
    text-decoration: none;
    text-align: center;
    color: black;    
}

.anchor:hover {
    color: orange;
    opacity: none;
}

.blog {
    position: relative;
    width: 10%;
    left: 65%;
    top: -35px;
    font-family: 'cinzel';
    font-size: 25px;
}   

 .image {
     
    background: #d3d9dc;
    padding-top: 15px;
    padding-bottom: 15px;
 }
 .photo {
     width: 90%;
     display: block;
     margin-left: auto;
     margin-right: auto;
     
 }
 #shadow {
     box-shadow: 5px 5px 5px rgba(0, 0, 0, .6);
 }




.bottom {
        background-color: #d3d9dc ;
        position: absolute;
        bottom: 1px;
        width: 100%;
        }

.footer {
        font-family:'Cinzel', serif;
        color: black;
        margin-bottom: 10px;
        padding: 15px;
        text-align: center;
        }