h1 {
    color: rgb(81, 97, 99);

    text-align: center;

    text-decoration: underline;
    text-decoration-style:wavy;
    text-decoration-thickness: 1.75px;
    text-decoration-color: rgb(152, 198, 204);

    text-shadow: 2px 2px 2px rgb(173, 231, 238);

    opacity: 0.6;
    margin-top: 90px;
    margin-bottom: 20px;
    margin-right: 300px;
    margin-left: 800px;

    font-family: "Patrick Hand SC", cursive;
    text-transform: uppercase;

    letter-spacing: 4px;
    word-spacing: 3px;

    font-size: 40px;
}


body{
    background: rgb(253, 252, 249);
    margin: 0;
    padding: 0;
}

p.intro{
    color: rgb(49, 115, 124);
    opacity: 0.8;

    margin-bottom:600px;
    margin-right: 300px;
    margin-left: 900px;

    font-family: "Patrick Hand", cursive;
    line-height: 2;

    font-size: 21px;
}

p.buttonintro {
    color: rgb(81, 97, 99);
    text-shadow: 2px 2px 2px rgb(173, 231, 238);

    display: inline-block;
    margin-left: 860px;
    margin-top: -300px;

    font-family: "Patrick Hand SC", cursive;
    text-transform: uppercase;

    position: relative;
    top:-500px;

    font-size: 30px;
}

img.shake-img {
   width: 100%;
   max-width: 300px;
   height: auto;

   margin-left: 310px;
   margin-top: -1100px;
   margin-bottom: 740px;

   border-radius: 28px;
   transform: rotate(-6deg);
}

.shake-img.infinite {
    animation: shake-animation 5s infinite ease-in-out;
}

.shake-img:hover {
    animation-play-state: paused;
}

@keyframes shake-animation {
    0%, 100% { transform: rotate(-6deg) translate(0, 0); }
    50% { transform: rotate(-5deg) translate(2px, 2px); }
}

img.border-img {
    width: 300px;
    height: auto;

    margin-left: -200px;
    margin-top: -1000px;
    margin-bottom: 690px;

    transform: rotate(-6deg);
}

.border-img.infinite {
    animation: shake-animation 5s infinite ease-in-out;
}

.border-img:hover {
    animation-play-state: paused;
}

img.topborder-img {
    width: 300px;
    height: auto;

    margin-left: -520px;
    margin-top: -1000px;
    margin-bottom: 1010px;

    transform: rotate(-186deg);
}

.topborder-img.infinite {
    animation: shake-animation-two 5s infinite ease-in-out;
}

.topborder-img:hover {
    animation-play-state: paused;
}

@keyframes shake-animation-two {
    0%, 100% { transform: rotate(-186deg) translate(0, 0); }
    50% { transform: rotate(-185deg) translate(2px, -2px); }
}

img.header-img {
    width: 100%;
    max-width: 1500px;
    display: block;
    margin: 0 auto;
}

img.artbutton-img {
    width: 15%;

    margin-left: 225px;
    position: relative;
    top: -600px;
    margin-bottom: 0px;
}

.artbutton-img:hover {
    filter:drop-shadow(2px 2px 2px rgb(23, 100, 123))
}

img.musicbutton-img {
    width: 15%;

    margin-left: 100px;
    position: relative;
    top: -600px;
    margin-bottom: 0px;
}

.musicbutton-img:hover {
    filter:drop-shadow(2px 2px 2px rgb(23, 100, 123))
}

img.travelingbutton-img {
    width: 15%;

    margin-left: 100px;
    position: relative;
    top: -600px;
    margin-bottom: 0px;
}

.travelingbutton-img:hover {
    filter:drop-shadow(2px 2px 2px rgb(23, 100, 123))
}

img.booksbutton-img {
    width: 15%;

    margin-left: 100px;
    position: relative;
    top: -600px;
    margin-bottom: 0px;
}

.booksbutton-img:hover {
    filter:drop-shadow(2px 2px 2px rgb(23, 100, 123))
}

p.quote {
    font-size: 40px;
    line-height: 2;
    
    margin-left: 500px;
    margin-right: 500px;
    margin-top: -420px;

    text-align: center;

    font-family: "Patrick Hand SC", cursive;
    text-transform: uppercase;

    text-shadow: 2px 2px 2px rgb(173, 231, 238);
    color: rgb(81, 97, 99);
    opacity: 0.6;
}

.footer {
    text-align: center;
    margin-left: 500px;
    margin-right: 500px;

    font-family: "Patrick Hand SC", cursive;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: bold;

    color: rgb(81, 97, 99);
    opacity: 0.8;

    position: relative;
    bottom: -150px;
}