body {
    background: #c3aa9f;
    color: #545454;
    font-family: "Helvetica Neue", "Helvetica, Arial", sans-serif;
    font-size: 1em;
    line-height: 1.5;
    margin: 1em;
    max-width: 95%;
    text-decoration: none;
}
    
h1, h2, h3, h4, h5, h6 {
    color: #222;
    font-weight: 600;
    line-height: 1.3em;
}

h1 {
    text-align: center;
    font-size: 4em;
    color: #ff7490;
    background-color: #45d5ff;
    padding: 1em; 
    border-radius: .5em;
    margin: .9em auto;   
}

h2, h3 {
    text-align: center;
    font-size: 150%;
    color: #ffd965;
    background-color: #ff7490;
    border-radius: .8em;
    margin: 1em 40%;
    text-decoration: none;
}

ul, ol {
  list-style: none;
  padding: auto;
}

a {
    text-decoration: none;
}
.links {
    text-align: center;
    color: #45dfff;
    font-weight: 600;
    padding: .5em;
    background-color: #ff7490;
    margin: .5em;
    border-radius: .25em;
    text-decoration: none;
    list-style: none;
}

.boxes {
    align-content: center;
    padding: 8%;
    max-width: 2em;
    max-height: 2em; 
    display: inline-flex;
    border: .5em solid #fff;
    border-radius: 1em;
    margin: .7em; 
}

.paragraph {
    text-align: center;
    padding: .5em;
    background-color: #ececec;
    border-radius: 1em;
    margin: 1em;
    max-width: 15%;
    border: .5em solid #fff;   
}

.center {
    display: flex;
    justify-content: center;
    
}

.photos {
    background: transparent;
    border: .75em solid #fff;
    border-radius: .25em;
    display: inline-flex;
    margin: 1.5em;
    max-width: 25%;
}

a:hover {
    color: #ff0000;
}

.weatherwidget-io {
    position: ;
    border-radius: 1em;
    border: .6em solid #fff;
}

.FloatHeader {
    position: fixed;
    float: right;
    padding: .5em 1em;
    margin-top: 0em;
    margin-left: 70%;
    z-index: 1000;
}

.block {
    text-align: center;
    background-color: #ececec;
    border-radius: 1em;
    padding: .8em;
    /*padding-top: 10px;*/
    margin: .8em;
}

.photos:hover {
    position: absolute;
    animation-name: Enlarge;
    animation-duration: 1s;
    animation-fill-mode: forwards;
}

/***************************
MT WASHINGTON SPECIFC CSS
***************************/

.mtwash{
    background-color: #fff;
    color: #000;
    border-radius: auto;
}

.mtwashimg {
    max-width: 40%;
    border: solid .5em #000; 
    border-radius: 1em;
}
/***************************
***************************/

/* Safari 4.0 - 8.0 */
@-webkit-keyframes Enlarge {
  from {max-width: 25%;}
  to {max-width: 35%;}
}

/* Standard syntax */
@keyframes Enlarge {
  from {max-width: 25%;}
  to {max-width: 35%;}
}
/*
    Hex:Color Choices
    Credit: Beach Punch Color Pallette from color-hex.com
    #ffd965 yellow
    #ff7490 salmon/red
    #c3aa9f brown
    #ececec light grey/white
    #45d5ff bright blue
    
*/