@import "https://fonts.googleapis.com/css2?family=Montserrat:wght@500&display=swap";
@import "https://fonts.googleapis.com/css2?family=Roboto:wght@300;500&display=swap";
/* Reset CSS */
input[type=submit i] {
  appearance: none;
  user-select: none;
  white-space: normal;
  align-items: flex-start;
  text-align: start;
  cursor: default;
  color: black;
  background-color: white;
  box-sizing: border-box;
  padding: 0px;
  border-width: 0px;
  border-style: none;
  border-color: white;
  border-image: initial;
  font-size: 16px;
}

a:-webkit-any-link {
  color: black;
  cursor: default;
  text-decoration: none;
}

input {
  writing-mode: auto;
  text-rendering: auto;
  color: black;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  text-indent: auto;
  text-shadow: none;
  display: inline-block;
  text-align: auto;
  appearance: none;
  background-color: white;
  -webkit-rtl-ordering: none;
  cursor: text;
  margin: 0em;
  font: 400 13.3333px Arial;
  padding: 1px 2px;
  border-width: 2px;
  border-style: none;
  border-color: white;
  border-image: initial;
}

input:focus-visible {
  outline: rgba(0, 0, 0, 0) solid 0px;
  outline-offset: 0px;
}

/* Fin Reset */
input:focus {
  position: relative;
  color: red;
}
input:focus::before {
  content: " ";
  position: absolute;
  background-color: red;
  top: 0;
  width: 10px;
  height: 1000px;
}

body {
  position: relative;
  margin: 0;
}

.log-area {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 20vh;
  margin: 30vh 0 50vh 0;
  font-family: "montserrat", sans-serif;
}

.log-area > p {
  text-align: center;
}

form {
  font-family: monospace, sans-serif;
}

.f_inputs {
  text-align: center;
}

.f_inputs > div {
  margin-top: 5px;
}

.buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
}

.sign_in {
  background-color: #00dc64;
}

.sign_up {
  background-color: #6a6a6a;
}

.buttons > div {
  padding: 10px 40px;
  border-radius: 25px;
  margin: 0 20px;
}

div > input[type=submit], div > a {
  font-family: roboto, sans-serif;
  background-color: inherit;
}

/*# sourceMappingURL=style_log.css.map */