header{
    text-align: center;
}

.pageHeader{
    animation-name: headerAnimation;
    animation-duration: 5s;
    animation-iteration-count: infinite;
}

@keyframes headerAnimation{
    0%{transform: rotate(-5deg);}
    50%{transform: rotate(5deg);}
    100%{transform: rotate(-5deg);}

}
.image{
    width: 100%;
    background-color: blue;
    justify-content: center;
    display: flex;
}

@keyframes trout {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}

.troutAnimation{
    animation-name: trout;
    animation-timing-function: ease-in-out;
    animation-iteration-count: 1;
    animation-duration: 4s;
}

#links{
    text-align: center;
}
#linkcontainer{
    justify-content: center;
    text-align: center;
}
#linklist{
    display: inline-block;
}