body {
    margin: 0;
    padding: 0;
}

body {
    font-family: "Comic Sans MS", "Comic Sans", cursive;
}

.topbar {
    width: 100%;
}

.topbar {
    background: #483D8B;
    padding: 20px;
    text-align: center;
}


.topbar a {
    color: white;
    text-decoration: none;
    margin: 0 15px;
    font-weight: bold;
    font-size: 18px;
}

.topbar a:hover {
    text-decoration: underline;
}

body {
    background-image: url("background.gif");
    background-repeat: repeat;   
    background-size: auto;       
}


.welcome {
    text-align: center;
}

p {
  text-align: center;
}

.tucker-container {
    text-align: center;
    margin-top: 20px;
}

.tucker-container img {
    max-width: 300px;   
    border-radius: 0px; 
}

.button-row {
    text-align: center;
    margin-top: 20px;
}

.button-row img {
    margin: 10px;
    vertical-align: middle;
}

h1 {
    text-align: center;
}

.centered {
    text-align: center;
}

body {
    color: white;
}

.scroll-wrap {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.scroll-content {
    display: inline-block;
    animation: scroll-left 25s linear infinite;
}

.scroll-content:hover {
    animation-play-state: paused;
}

@keyframes scroll-left {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.socialmedia {
    position: absolute; 
    top: 80px; /* adjust depending on your topbar height */ 
    right: 20px
}

.socialmedia img {
  width: 32px;
  height: 32px;
}

.stampcollection {
    text-align: center;
}

.stampcollection img {
    display: inline-block;
}