.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.buton {
  flex: 1 1 200px; /* crește și scade între minimum 200px */
  margin: 10px;
}

.button-link {
    display: inline-block; /* Permite să adaugi padding și alte stiluri */
    padding: 20px 30px; /* Spațiu interior */
    background-color: antiquewhite; /* Culoare de fundal */
    color: midnightblue; /* Culoare text */
    text-align: center; /* Centrează textul */
    text-decoration: underline; /* Elimină sublinierea specifică linkurilor */
    border-radius: 25px; /* Colțuri rotunjite */
    font-size: 20px;
    margin: 5px;
    border: 4px solid midnightblue;
    width: 250px;
    height: 50px;
    cursor: pointer;
    transition: background-color 0.3s; 
}
.button-link:hover {
  background-color: #2980b9;
  }

  body {
    font-family: "arial black", sans-serif;
    margin: 50px 50px 0 50px;
    background-color: #faf9f6;
    display: flex;
    flex-direction: column;
    min-height: 95vh;
}

@media screen and (max-width: 480px) {
    body {
        background-color: #F5F5DC; /* Fundal diferit pentru telefoane mici */
    }
    .resize-button {
        font-size: 10px; /* Micșorează fontul pe telefoane mici */
        padding: 10px 20px; /* Micșorează padding-ul pe telefoane mici */
    }
}
  .main {
    flex: 1;
  }
  
  h1 {
    font-size: 3rem;
  }

  h2 {
    font-size: 1rem;
  }

  p {
    font-size: 0,5rem;
  }
  
  footer {
    color: midnightblue;
    clear: all;
    position: relative;
    font-size: 4rem;
    text-align: center;
    background-color: antiquewhite;
    border-radius: 25px;
    border: 4px solid midnightblue;
    
  }

  footer p {
    font-size: 1.5rem;
  }
  
  .tile-image {
    height: 200px;
    float: left;
    margin-right: 50px;
  }
  
  .card {
    width: 45%;
    margin: 0 auto; /* Centers the card horizontally */
  }
  
  .left {
    float: left;
  }
  
  .right {
    float: right;
  }
  
  .creative {
    color: red;
  }
  
  @media (max-width: 480px) {
    .logo {
      width: 100px;
    }
  
    h1 {
      font-size: 3.5rem;
      text-align: center;
    }
  
    .card {
      width: 100%;
      display: block;
      margin-bottom: 30px;
      text-align: justify;
    }
  
    .card img {
      margin-bottom: 10px;
      width: 100%;
      display: inline;
      object-fit: cover;
    }

  }