@keyframes cursed {
  0% {
    border-top-right-radius: 35%; }
  25% {
    border-bottom-left-radius: 35%; }
  50% {
    border-top-left-radius: 35%; }
  100% {
    border-bottom-right-radius: 35%; } }

@keyframes falling {
  100% {
    top: 150%; } }

@keyframes ellipsis {
  to {
    width: 4vw; } }

@keyframes ellipsis-mobile {
  to {
    width: 17.5lvw; } }

@font-face {
  font-family: Avenir;
  src: url("fonts/avenir-next-regular.woff"); }

@font-face {
  font-family: Heaters;
  src: url("fonts/Heaters.otf"); }

@font-face {
  font-family: Orchide;
  src: url("fonts/Orchide.ttf"); }

@font-face {
  font-family: Vogue;
  src: url("fonts/Vogue.ttf"); }

.el-registro {
  background: linear-gradient(rgba(84, 50, 148, 0.8), rgba(148, 50, 65, 0.8)), url("img/1.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  .el-registro form {
    padding: 2%;
    background-color: rgba(0, 0, 0, 0.5); }
    .el-registro form h1 {
      color: white;
      font-family: Avenir;
      font-size: 23px;
      width: 100%;
      border-bottom: 1px solid white; }
      @media screen and (max-width: 767px) {
        .el-registro form h1 {
          font-size: 5.1vw;
          text-align: center; } }
    .el-registro form label {
      width: 5%;
      font-family: Avenir;
      font-size: 20px; }
      @media screen and (max-width: 767px) {
        .el-registro form label {
          font-size: 5.1vw;
          width: 10%; } }
    .el-registro form input {
      margin-bottom: 22px;
      outline: none;
      width: 95%;
      border: none;
      background-color: transparent;
      font-size: 20px;
      font-family: avenir;
      color: white;
      font-weight: bold;
      border-bottom: 2px solid white; }
      @media screen and (max-width: 767px) {
        .el-registro form input {
          font-size: 5.1vw;
          width: 90%;
          letter-spacing: 1px; } }
    .el-registro form a {
      color: yellow; }
    .el-registro form input[type="checkbox"] {
      height: 18px;
      width: 18px;
      margin-left: -2px;
      border: none !important;
      background-color: red; }
    .el-registro form button {
      width: 100%;
      float: left;
      border: 2px solid white;
      border-radius: 5px;
      color: black;
      font-size: 20px;
      margin-top: 16px;
      font-weight: bold;
      font-family: Avenir;
      transition: 0.3s ease-in-out; }
      @media screen and (max-width: 767px) {
        .el-registro form button {
          font-size: 5.1vw; } }
      .el-registro form button:hover {
        background-color: black;
        color: white; }

body {
  background: linear-gradient(rgba(84, 50, 148, 0.8), rgba(148, 50, 65, 0.8)), url("img/bg.jpg");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat; }
  body #home {
    filter: invert(100%); }
  body #logo {
    margin-left: 50%;
    filter: invert(100%);
    margin-top: 256px;
    transform: translate(-50%, 0);
    pointer-events: none;
    width: 6%; }
    @media screen and (max-width: 767px) {
      body #logo {
        display: none; } }
  body form {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 25%;
    font-size: 22px;
    color: white; }
    @media screen and (max-width: 767px) {
      body form {
        width: 80%; } }
    body form label {
      width: 5%;
      font-family: Avenir;
      font-size: 20px; }
      @media screen and (max-width: 767px) {
        body form label {
          font-size: 5.1vw;
          width: 10%; } }
    body form input[type="text"], body form input[type="password"] {
      margin-bottom: 22px;
      outline: none;
      width: 95%;
      border: none;
      background-color: transparent;
      font-size: 20px;
      font-family: avenir;
      color: white;
      font-weight: bold;
      border-bottom: 2px solid white; }
      @media screen and (max-width: 767px) {
        body form input[type="text"], body form input[type="password"] {
          font-size: 5.1vw;
          width: 90%;
          letter-spacing: 1px; } }
    body form input[type="checkbox"] {
      height: 18px;
      width: 18px;
      margin-left: -2px;
      border: none !important;
      background-color: red; }
    body form button {
      width: 100%;
      float: left;
      border: 2px solid white;
      border-radius: 5px;
      color: black;
      font-size: 20px;
      margin-top: 16px;
      font-weight: bold;
      font-family: Avenir;
      transition: 0.3s ease-in-out; }
      @media screen and (max-width: 767px) {
        body form button {
          font-size: 5.1vw; } }
      body form button:hover {
        background-color: black;
        color: white; }
  body .footer {
    width: 100%;
    border-top-left-radius: 32%;
    border-top-right-radius: 32%;
    position: relative;
    background-color: white;
    position: fixed;
    bottom: 0;
    padding: 128px 0 160px 0; }
    @media screen and (max-width: 767px) {
      body .footer {
        padding: 16px 0 32px 0; } }
    body .footer .social {
      margin-left: 50%;
      float: left;
      transform: translate(-50%, 0);
      text-align: center; }
      body .footer .social a {
        border: 2px solid #c8c8c8;
        height: 64px;
        width: 64px;
        float: left;
        border-radius: 50%;
        text-decoration: none;
        margin: 0 16px 0 16px; }
        @media screen and (max-width: 767px) {
          body .footer .social a {
            width: 48px;
            height: 48px; } }
        body .footer .social a i {
          font-size: 40px;
          margin-top: 12px; }
          @media screen and (max-width: 767px) {
            body .footer .social a i {
              font-size: 24px;
              margin-top: 10px; } }
    body .footer p {
      float: left;
      width: 100%;
      text-align: center;
      font-family: Avenir;
      font-size: 20px;
      font-weight: bold; }
      @media screen and (max-width: 767px) {
        body .footer p {
          font-size: 4vw; } }
      body .footer p a {
        color: #943241;
        text-decoration: none; }