@charset "UTF-8";

@import url("https://fonts.googleapis.com/css2?family=Red+Hat+Text:wght@400;700&display=swap");

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: "Red Hat Text", sans-serif !important;
  background: linear-gradient(to bottom right, #ee9ca7, #ffdde1) no-repeat
    center center / cover;
  color: darken(#77a1d3, 35%) !important;
  min-height: 90vh;
}

main {
  margin-top: 6rem;
  max-width: 600px;
  width: 95%;

  h1 {
    background-color: #cc95c0;
  }

  form {
    background: linear-gradient(to bottom right, #77a1d3, #79cbca, #e684ae);

    input {
      color: darken(#77a1d3, 35%);
      color: inherit;
      outline: none;
      cursor: pointer;
      border: 2px solid #77a1d3;
      font-size: 1.125rem;
    }
  }
}