body {
  background-color: #191a1f;
  background-image: url('INVITATIE\ FUNDAL\ 2.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-attachment: fixed;

  height: 100vh;
  margin: 0;
  overflow-y: auto;


  display: flex;
  flex-direction: column;
  align-items: center;

  font-family: "Moderustic", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

.content-image {
    width: 40vw;
}

.btn-maps {
    background-color: #4CAF50; /* Verde */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px; 
  
    margin: 4px 2px;
    cursor: pointer;
  
    border-radius: 12px;
    transition-duration: 0.4s;
  }
  
  .btn-maps:hover {
    background-color: #3e8e41;
  }

@media (max-width: 768px) {

    body {
        background-image: url('INVITATIE\ FUNDAL\ mobile\ 2.png'); /* Înlocuiți cu calea către imaginea voastră */
    }

    .content-image {
        width: 98vw;
    }
}

/* Pentru toate elementele cu scroll */
::-webkit-scrollbar {
width: 5px; /* Lățimea scrollbar-ului */
}

/* Stil pentru bara de derulare propriu-zisă */
::-webkit-scrollbar-thumb {
background: #000; /* Culoarea neagră */
border-radius: 10px; /* Rotunjirea marginilor */
}

/* Stil pentru zona din jurul barei de derulare */
::-webkit-scrollbar-track {
background: transparent; /* Fundal transparent */
}