@font-face {
    font-family: 'Eurostile';
    src: url('eurostile.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
}
body {
  display: flex;
  justify-content: left;
  align-items: left;
  height: 100vh;
  margin: 100;
}
.image-container {
  text-align: justify-left; /* Align the images to the left */
}

#changing-image {
max-width: 500px; /* Set maximum width to 500px */
  height: auto; /* Allow the height to vary proportionally */
}

h1 {
  font-family: 'Eurostile', sans-serif; padding: 0;
}
h2 {
  font-family: 'menlo', sans-serif;
}
.no-underline {
        font-family: 'Eurostile', sans-serif;

text-decoration: none;
}
.div-wrapper img {
    position: absolute;
    right: 0 ;
    bottom: 0 ;
}
#datetime {
    display: inline; /* Display date and time inline with text */
    font-style: italic; /* Apply italic style to the date and time */
    color: #666; /* Set color for date and time */
    margin-left: 0px; /* Add left margin for spacing */
}


.marquee-text {
    font-family: 'Eurostile', sans-serif;
    font-weight: bold;
    font-size: 90px;
    color: #000;
    text-transform: uppercase;
    display: inline-block;
    padding-left: 100%;
    animation: marquee 10s linear infinite;

.marquee-content {
    display: inline-block;
    animation: marquee 30s linear infinite;
    
}

@keyframes marquee {
    from {
        transform: translateX(100%);
    }
    to {
        transform: translateX(-100%);
    }
}