html, body {
    padding: 0;
    margin: 0;
}

body {
    width: 100%;
    height: 100vh;
    overflow: hidden;
}

.container {
    width: 5000px;
    height: 5000px;
    background-image: url("../images/duck-background.jpg");

    animation: 15s slide linear infinite;
}

@keyframes slide {
    from {
        transform: translate(0, -2500px);
    }

    to {
        transform: translate(-608px, -2196px);
    }
}

.content {
    position: fixed;
    width: 100vw;
    height: 100vh;
    top: 0;
    left: 0;
    text-align: center;
    overflow-x: auto;
}

.title-text {
    font-family: "Yellowtail", cursive;
    font-weight: 700;
    font-size: clamp(6rem, 20vw, 13rem);
    letter-spacing: 0.02em;
    color: #F9f1cc;
    text-shadow: 5px 5px 0px #FFB650,
    10px 10px 0px #FFD662,
    15px 15px 0px #FF80BF,
    20px 20px 0px #EF5097,
    25px 25px 0px #6868AC,
    30px 30px 0px #90B1E0;
}

.amanda-img {
    display: block;
    width: min(900px, 80%);
    height: auto;
    margin: 0 auto;

}