#add-form {
  width: auto;
  align-items: center;
  background-color: #fafafa;
  padding-right: 20px;
  border-top-right-radius: 38px;
  border-bottom-right-radius: 38px;
}

#add-form > input {
  background-color: #fafafa;
  border-color: #bbb;
}

#image-file {
  color: #000;
}

#add-form > button {
  background-color: #111;
  color: #fff;
  margin-right: 10px;
}

#toggle-form-button {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 20px;
  background-color: #fafafa;
  border-radius: 38px;
  border: 1px solid #333;
  color: #ddd;
  cursor: pointer;
  border: none;
}

#toggle-form-button.expanded {
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
}

.upload-icon {
  background-image: url("../media/add-image.png");
  height: 30px;
  width: 30px;
}

.upload-icon.expanded {
  background-image: url("../media/cross.png");
}

@media screen and (max-width: 1000px) {
  #add-form {
    flex-direction: column;
    padding: 20px;
    border-bottom-left-radius: 38px;
  }

  .floating {
    align-items: flex-start;
  }
}