*{
    margin: 0 auto;
    box-sizing: border-box;
}

mark{
    font-family: 'Homemade Apple', cursive;
    color: rgb(61, 107, 43);
    font-weight: bold;
    background-color: transparent;
}
h2 {
    color: rgb(61, 107, 43);
    font-family: 'Spectral', serif;
    background-color: white;
}
body{
    margin: 10%;
    background-image: url(https://media1.giphy.com/media/eNMwgBhXLwdY1WRYCW/giphy.gif?cid=6c09b952435dfd4b88d1851bf3f795a38f28b84ab680bf97&rid=giphy.gif&ct=s);
}

.homepage {
    position: fixed;
    top: 0px;
    right: 0px;
    filter: drop-shadow(0 0 6px rgb(43, 65, 83));
}

.homepage:hover{
    filter: grayscale(1.0);
    width: 80px;
}

.sub {
    bottom: 0px;
    left: 0px;
    filter: drop-shadow(0 0 6px rgb(136, 170, 115));
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.sub:hover {
    filter: grayscale(1.0);
    width: 110px;
}

.gallery {
   width:100%;
   display: flex;
   flex-wrap: wrap;
   align-items: center;
}

.gallery img {
    transition: 1s;
    padding: 15px;
    width: 250px;
    filter: blur(0.5);
}

.gallery img:hover{
    transform:scale(1.1);
    filter: drop-shadow(6px 6px 6px rgb(61, 107, 43));
}

h1 {
    color: rgb(61, 107, 43);
    font-family: 'Alegreya', serif;
    font-size: 60px;
    background-color: white;
}

p{
    margin: 15%;
    padding: 5%;
    font-family: 'Spectral', serif;
    word-spacing: .5rem;
    line-height: 2rem;
    transition:background-color 100ms ease;
    border-radius: 3px;
    margin-bottom: 16px;
    margin-top:0;
    box-shadow: 5px 5px 6px rgb(88, 87, 87); 
    transition: transform 100ms ease;

    background-color:white;
    background-image:
    linear-gradient(
     white, rgb(235, 236, 217)
      );
    opacity: 0.7;
}


p:hover {
    filter: none;
    opacity: 1.0;
}

.lb-caption{
    font-family: 'Alegreya', serif;
    color: rgb(55, 75, 36);
}

.lb-image{
    border: none;
    padding: none;
}



iframe{
    opacity: 0.30;
    transition:opacity 1000ms ease;
}

iframe:hover{
    opacity: 1.0;
}