h1 {
     color: #000000;
     width: fit-content;
     font-size: 50px;
     position: relative;
     display: inline-block;
     margin: 0;
     margin-top: 40px;
 }

 #S {
     animation: desloca 23s infinite alternate;
 }

 #I {
     animation: desloca 34s infinite alternate;
 }

 #L {

     animation: desloca 55s infinite alternate;
 }

 /* #LF {
     color: rgb(181, 178, 178);
     z-index: 2;
     width: fit-content;
     position: relative;
     display: inline-block;
     animation: desloca 25s infinite alternate;
 } */

 #O {
     animation-delay: 1s;
     animation: desloca 14s infinite alternate;
 }

 #E {
     animation: desloca 33s infinite alternate;
 }

 #T {
     animation: desloca2 52s infinite alternate;
 }

 #R {
     color: #404040;
     font-size: 40px;
     z-index: -5;
     animation: giro2 44s infinite alternate;
     margin-bottom: - 20 px;
 }

 #circulo {
     width: 50px;
     height: 50px;
     background-color: red;
     border-radius: 50%;
     display: inline-block;
     position: relative;
     animation: desloca 57s infinite alternate;
 }

 ul {
     list-style: none;
     /* display: inline-block; */
     display: flex;
     gap: 20px;
 }

 ul a {
     color: rgb(255, 77, 0);
     text-decoration: none;
 }

 .image-row {
     display: flex;
     gap: 10px;
     align-items: flex-end;
 }

 /* .image-container {
    flex: 1;
} */

 .image-row img {
     max-width: 100%;
     height: auto;
 }

 .alinharEsquerda {
     margin-left: 40px;
 }

 #familia {
     width: 100%;
 }

 @media (max-width:740px) {
     ul {
         flex-direction: column;
     }

 }

 @keyframes giro {
     from {
         transform: rotate(0deg);
         top: 0px;
         left: 0px;
     }

     to {
         transform: rotate(1080deg);
         top: 200px;
         left: 200px;
     }
 }

 @keyframes giro2 {
     from {
         transform: rotate(0deg);
         top: 0px;
         left: 0px;
     }

     to {
         transform: rotate(1080deg);
         top: 0px;
         left: 0px;
     }
 }

 @keyframes desloca {
     from {
         transform: translateX(0);
     }

     to {
         transform: translateX(200px);
     }


 }

 @keyframes desloca2 {
     from {
         transform: translateX(-200);
     }

     to {
         transform: translateX(200px);
     }


 }