* {
  box-sizing: border-box;
}

body {
  font-family: Arial, sans-serif;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  background-color: #333;
}

h1 {
  color: white;
  text-align: center;
 }
h2 {
  color: white;
  text-align: left;
 }


p {
   color: white;
   font-size: 16pt;
   padding-left: 15px
}

a {
 color: white;
 }

a:link,
a:visited,
a:active {
   color: white;
 }

i {
    font-size:18;
   };

.slideshow-container {
  position: relative;
  max-width: 800px;
  margin: auto; /* Center horizontally */
}

.slides {
  display: none;
}

.slides img {
  width: 100%;
  border-radius: 8px;
}

.fade {
  animation: fadeEffect 1.5s;
}

@keyframes fadeEffect {
  from { opacity: 0.4; }
  to { opacity: 1; }
}


/* Default style for desktop/tablet */
.smart-div {
  width: 50%;
  float: right;
}

/* Style for mobile (screens 768px or smaller) */
@media (max-width: 768px) {
  .smart-div {
    width: 100%;
  }
}