/* COLORS - usarlos con var*/
:root{
  --rosa: #f3ded9;
  --rosamid: #dbbfc2;
  --marron: #9b725c;
  --canela: #be894a;
  --beige: #bf9e94;
  --canelamid: #ead7c9;
  }

textarea {
  resize: none;
}

.text {
  color: white;
  font-size: 20px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
}

@charset "UTF-8";

.svg-inline--fa {
  vertical-align: -0.200em;
}

.rounded-social-buttons {
  text-align: center;
}

.rounded-social-buttons .social-button {
  display: inline-block;

  cursor: pointer;
  width: 3.125rem;
  height: 3.125rem;
  border: 0.125rem solid transparent;
  padding: 0;
  text-decoration: none;
  text-align: center;
  color: var(--canelamid);
  font-size: 1.5625rem;
  font-weight: normal;
  line-height: 2em;
  border-radius: 1.6875rem;
  transition: all 0.5s ease;
  margin-right: 0.25rem;
  margin-bottom: 0.25rem;
}

.rounded-social-buttons .social-button:hover, .rounded-social-buttons .social-button:focus {
  -webkit-transform: rotate(360deg);
      -ms-transform: rotate(360deg);
          transform: rotate(360deg);
}

.rounded-social-buttons .fa-facebook-f, .fa-linkedin, .fa-youtube, .fa-instagram {
  font-size: 25px;
}

.rounded-social-buttons .social-button.facebook {
  background: var(--canela);
}

.rounded-social-buttons .social-button.facebook:hover, .rounded-social-buttons .social-button.facebook:focus {
  color: var(--canela);
  background: var(--canelamid);
  border-color: var(--canela);
}

.rounded-social-buttons .social-button.linkedin {
  background: var(--canela);
}

.rounded-social-buttons .social-button.linkedin:hover, .rounded-social-buttons .social-button.linkedin:focus {
  color: var(--canela);
  background: var(--canelamid);
  border-color: var(--canela);
}

.rounded-social-buttons .social-button.youtube {
  background: var(--canela);
}

.rounded-social-buttons .social-button.youtube:hover, .rounded-social-buttons .social-button.youtube:focus {
  color: var(--canela);
  background: var(--canelamid);
  border-color: var(--canela);
}

.rounded-social-buttons .social-button.instagram {
  background: var(--canela);
}

.rounded-social-buttons .social-button.instagram:hover, .rounded-social-buttons .social-button.instagram:focus {
  color: var(--canela);
  background: var(--canelamid);
  border-color: var(--canela);
}