html {
    background-image:url(images/IMG_3183.gif);
    font-family:courier new;
    color:aliceblue;
    text-decoration: none;
}

#container {
    display: flex;
    margin:auto; 
    max-width: 1500px; 
    flex-wrap:wrap;
    text-decoration: none;
}

body {
  text-decoration: none;
  
  }

.banner {
    height: 140px; 
    width: 100%;
    margin: 1%;
}
    
.sidebar {
  color: black;
  height: 400px; 
  width: 190px; 
  background-color: #deadff; 
  margin:1%;
  padding: 1%;  
  border:solid;
  border-radius: 10px;
  text-decoration: none;  
  }
    
a {
  text-decoration: none;
  
  }
    
.image {
  width: 300px;
  text-align: center;
  border: solid; 
  border-color:white; 
  margin:1% 6% 1% 3%;
}
      

.things {
    display: flex; 
    flex-wrap: wrap; 
    justify-content:center; 
    width:100%;
}
.box {
  width: 600px; 
  margin: 1%
}
    
.marquee {
    height:70px;
    width: 650px;
    margin: 2%;
    border-style: dashed;
    border-color: aliceblue;
    display: flex;
    overflow: hidden;
    --gap: 1rem;
    gap: var(--gap);
    position: relative;
    user-select: none;
    justify-content: space-between;
}

.marquee-content {
    flex-shrink: 0;
    display: flex;
    justify-content: space-around;
    min-width: 100%;
    gap: var(--gap);
    animation: scroll 10s linear infinite;  
}
  
@keyframes scroll {
    from {
        transform: translateX(0);
        }
    
    to {
        transform: translateX(calc(-100% - 1rem));
        }
    }

footer {
    width: 100%;
    text-align: center;
    
}