body {
    font-family: Arial, sans-serif;
    margin: 0;
}

#logo{
float: inline-start;
}

html{
    scroll-snap-type: y mandatory;

  width: 100%;
  height: 100%;
  background: linear-gradient(180deg ,rgb(48, 46, 46), rgb(204, 203, 203));
  overflow-x: hidden;
  }
  
          nav {
              display: flex;
              justify-content: space-around;
              align-items: center;
              background-color: #ffffff;
              padding: 10px;
              position: fixed;
    top: 0;
    right: 0;
    
    left: 0;
    
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    z-index: 1000;
           
              
          }
          .menu-buttons {
              display: flex;
              gap: 10px;
              flex-wrap: wrap;
  
  
          }
          .menu-buttons button {
              background-color: white;
    padding: 1rem 2rem;
    border-radius: 20px;
    border: 1px solid rgb(0, 0, 0);
    cursor: pointer;
    letter-spacing: .2rem;
    transition: all 0.5s ease;
    margin-bottom: 1cm;
    margin-inline-start: 1cm;
    margin-top: 1cm;
    
          }
          .menu-buttons button:hover {
              background-color: black;
    color: white;
    transform: scale(1.05);
          }
          .menu-toggle {
              display: none;
              cursor: pointer;
              font-size: 24px;
          }
          @media (max-width: 31cm) {
            .menu-buttons {
                display: none;
                flex-direction: column;
                width: 100%;
                gap: 0;
            }
            .menu-buttons.showing {
                display: flex;
            }
            .menu-buttons button {
                width: 100%;
                text-align: center;
                padding: 15px;
            }
            .menu-toggle {
                display: block;
                color: rgb(0, 0, 0);
            }
        }
  .moving-text{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
font-size: 24px;
font-weight: bold;
animation: moveDown 3s forwards;
}

@keyframes moveDown {
0%{
    bottom: 0;
}
100%{
bottom: 300px;
}
}
.moving-right{
    position: absolute;
 top: 36%;
 right: 0;
    transform: translateY(-50%);
    font-size: 24px;
    font-weight: bold;
    animation: moveSlightlyToCenter 2s forwards;
    }
    
    @keyframes moveSlightlyToCenter {
    from{
    right: 0;
    }
    to{
    right: 4%;
   
    }
    
    }

    .movimento-sinistra{
        position: absolute;
     top: 36%;
     left: 0;
        transform: translateY(-50%);
        font-size: 24px;
        font-weight: bold;
        animation: moveSlightlyToCenter2 2s forwards;
        }
        
        @keyframes moveSlightlyToCenter2 {
        from{
        left: 0;
        }
        to{
        left: 5%;
       
        }
        
        }

    


          @media (max-width: 31cm) {
            .lati{
top: 3.2cm;
            }
        }

        
        @media (max-width: 31cm) {
            .moving-text{
top: 1.5cm;
            }
        }



            
                @media (max-width: 31cm) {
                    .section-primary{
        height: 10cm;
                    }
                }

                @media (max-width: 31cm) {
                    .loghino{
        top: 4cm ;

                    }
                }



                .text1{
                    color: rgb(158, 3, 3);
                 
                  }
                  .text2{
                    color: black;
                   
                  }
                  .container{
                display: flex;
                
flex-direction: column;
gap: 50px;
padding: 10px;
                }

                .main-wrapper{
                    display: flex;
                    
                    justify-content:space-around;
                    gap: 10px;
                    padding: 20px;
                    
                  
                    
                    }