@import 'colors.css';
#mainLogin {
  height: 33vh;
  position: absolute;
  margin-top: 31vh;
  background-color: var(--DarkBgFont);
  display: flex;
  flex-direction: column;
  align-items: center;
  border-radius: 10px;
  box-shadow: 3px 3px 4px var(--boxShadow);
  justify-content: space-around;
}
@media (min-width: 1024px) {
  #mainLogin {
    width: 30%;
    left: 35%;
  }
}
@media (max-width: 1024px) {
  #mainLogin {
    width: 90%;
    left: 5%;
  }
}
@media (max-width: 768px) {
  #mainLogin {
    width: 90%;
    left: 5%;
  }
}
@media (max-width: 480px) {
  #mainLogin {
    width: 90%;
    left: 5%;
  }
}

.btnActions {
  border: 1px transparent;
  border-radius: 10px;
  height: 4.5vh;
  box-shadow: 2px 2px 2px var(--boxShadow);
  margin-bottom: 4vh;
  padding-left: 10px;
  color: white;
  font-style: italic;
  font-weight: 500;
  font-size: 2vh;
  background-color: var(--mainColor);
  margin-left: 2vw;
  margin-top: 1vh;
}
@media (min-width: 1024px) {
  .btnActions {
    width: 5vw;
  }
}
@media (max-width: 1024px) {
  .btnActions {
    width: 20vw;
  }
}
@media (max-width: 768px) {
  .btnActions {
    width: 20vw;
  }
}
@media (max-width: 480px) {
  .btnActions {
    width: 20vw;
  }
}

#profile {
  position: absolute;
  top: 1vh;
  text-align: center;
  border-radius: 50%;
  color: var(--lightBackground);
  font-size: 6vh;
  line-height: 9.5vh;
}
@media (min-width: 1024px) {
  #profile {
    width: 4vw;
    height: 3vw;
  }
}
@media (max-width: 1024px) {
  #profile {
    width: 13vw;
    height: 13vw;
  }
}
@media (max-width: 768px) {
  #profile {
    width: 13vw;
    height: 13vw;
  }
}
@media (max-width: 480px) {
  #profile {
    width: 13vw;
    height: 13vw;
  }
}

#mainLogin table {
  margin-top: 8vh;
  text-align: center;
}

#mainLogin table td {
  height: 7vh;
  font-weight: 700;
  color: var(--border);
  font-family: "Noto Sans";
}

#mainLogin table td input {
  border-radius: 5px;
  border: transparent;
  height: 4vh;
}

input#closeUser {
  margin-left: 22%;
}

#logoLogin {
  position: absolute;
  top: 10%;
  left: -191px;
  width: 393px;
  height: 68px;
  margin-left: 50%;
}/*# sourceMappingURL=login.css.map */