#danetele{
    background-color: gray;
    margin: 50px;
    border-radius: 20px;
    padding: 15px;
    text-align: center;
}
#danetele iframe{
    float: right;
}
#danetele ul{
    padding: 5px;
    padding-left: 15px;
    border-radius: 20px;
    background-color: rgb(87, 88, 86);
    text-align: left;
    list-style: none;
}

#form1{
    background-color: grey;
    margin: 50px;
    border-radius: 20px;
    padding: 15px;
    text-align: center;
}
#form1 iframe{
    border-radius: 20px;
}

select {
  padding: 8px 12px;
  font-size: 16px;
  border: 2px solid #888888; /* szary */
  border-radius: 6px;
  background-color: #f5f5f5; /* jasna szarość */
  color: #333333;
  cursor: pointer;
  transition: border-color 0.4s ease, box-shadow 0.4s ease;
  appearance: none;
  background-image: url('data:image/svg+xml;utf8,<svg fill="%23cc0000" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/></svg>');
  background-repeat: no-repeat;
  background-position: right 12px center;
  background-size: 16px 16px;
}

select:hover {
  border-color: #cc0000; /* czerwony */
  box-shadow: 0 0 8px rgba(204, 0, 0, 0.7);
}

select:focus {
  outline: none;
  border-color: #e60000; /* jaśniejszy czerwony */
  box-shadow: 0 0 12px rgba(230, 0, 0, 0.8);
  animation: pulse-border 1.2s infinite alternate;
}

@keyframes pulse-border {
  0% {
    box-shadow: 0 0 8px rgba(230, 0, 0, 0.5);
  }
  100% {
    box-shadow: 0 0 20px rgba(230, 0, 0, 1);
  }
}