body {
    background-color: rgb(219, 207, 180);
    font-family: Arial, Helvetica, sans-serif;
    color: #185c94;
    text-shadow: 2px 2px 4px hsl(0,0%,20%);
    text-align: center;
    font-size: larger;
}

.back {
    position: relative;
    z-index: 2;
    width: 20px;
    font-size: 50px;
    font-weight: bold;
    text-shadow: 2px 2px 4px hsl(0,0%,20%);
    text-decoration: none;
    margin: 0 auto;
    #left: -340px;
    #top: 10px;
}
@supports (-webkit-text-stroke: 1px rgb(228, 236, 118)) {
    .back a {
    text-decoration: none;
    -webkit-text-fill-color: #1d7028;
    -webkit-text-stroke: 1px rgb(228, 236, 118);
    }
}

@supports (-webkit-text-stroke: 1px rgba(228, 236, 118, 0.781)) {
    .back a:hover {
    -webkit-text-fill-color: rgb(146, 23, 23);
    text-decoration: none;
    -webkit-text-stroke: 1px rgba(228, 236, 118, 0.781);}
}

img.front {
    z-index: 1;
    position: relative;
    margin-top: -80px;
    margin-left: auto;
    margin-right: auto;
    border: 7px ridge rgb(224, 187, 105);
}

@supports (-webkit-text-stroke: 1px rgb(160, 172, 182)) {
    h1 {
      -webkit-text-fill-color: #185c94;
      -webkit-text-stroke: 1px rgb(160, 172, 182);
    }
}