@keyframes spinanimation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: 100%;
}

h2 {
    margin: 4px 0px;
}

p {
    margin: 2px 0px;
}

.container {
    max-width: 54rem;
    padding-top: 1rem;
    margin: auto;
}

#main-img {
    width: 100%;
    max-width: 40rem;
    height: auto;
}

.spin {
    animation-name: spinanimation;
    animation-duration: 3s;
    animation-iteration-count: 1;
    animation-timing-function: linear;
}

button {
    margin: 0px 5px;
    padding: 4px 10px;
    border-radius: 5px;
    border: 1px solid;
    background-color: #f1f1f1;
    cursor: pointer;
}


button:hover {
    background-color: #e1e1e1;
}