@import url('https://fonts.googleapis.com/css?family=Roboto:300');
.dive {
  display: inline-block;
  overflow: hidden;
  white-space: nowrap;
}
.dive:first-of-type {
  animation: showup 7s infinite;
}
.dive:last-of-type {
  width: 0;
  animation: reveal 7s infinite;
}
.dive:last-of-type span {
  margin-left: -355px;
  animation: slidein 7s infinite;
}
@keyframes showup {
  0% { opacity: 0; }
  20% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes slidein {
  0% { margin-left: -800px; }
  20% { margin-left: -800px; }
  35% { margin-left: 0; }
  100% { margin-left: 0; }
}
@keyframes reveal {
  0% { opacity: 0; width: 0; }
  20% { opacity: 1; width: 0; }
  30% { width: 355px; }
  80% { opacity: 1; width: 355px; }
  100% { opacity: 0; width: 355px; }
}
p {
  font-size: 12px;
  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  color: #999;
  margin-top: 200px;
}
.head{
    /* color: rgb(26, 22, 22); */
    color: #024158;
    font-size: 60px;
    /* font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif */
    --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;

}
.ima{
    max-height: 400px;
    border-radius: 5%;
}
.imaa{
    max-height: 400px;
    border-radius: 5%;
    margin-left: 50%;
}
ul {
  list-style: none;
  padding: 0;
  display: flex;
}

li {
  margin: 10px;
}

.hover-scale a {
  display: inline-block;
  padding: 15px 30px;
  text-decoration: none;
  color: rgb(255, 255, 255);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
  position: relative;
}

.hover-scale a:hover {
  transform: scale(1.1) translateY(-10px);
}

.active a::after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 30%;
  height: 2px;
  background-color:#ad0000;
  transform: translateX(-50%);
}

@keyframes slidein {
  from {
    translate: 150vw 0;
    scale: 200% 1;
  }

  to {
    translate: 0 0;
    scale: 100% 1;
  }
}

        .containere {
            display: grid;
            grid-template-columns: 1fr 1fr;
            grid-template-rows: auto;
            gap: 20px;
            padding: 20px;
        }
        .item {
            padding: 10px;
        }
        .item img {
            display: block;
            width: 100%;
            height: 450px;
            border-radius: 10px;
        }
        .text-item {
          margin-top: 180px;
          font-weight: bold;
          color: #024158;
          font-size:larger;
          --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
          --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
      }