@import 'https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css';
@import 'https://fonts.googleapis.com/css2?family=Roboto&display=swap';

body {
  padding: 0;
  font-family: Roboto;
  background-image: url(../img/login.jpg);
  background-size: cover;
  height: 100vh;
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
}

h1 {
  text-align: center;
  margin-bottom: 50px;
}

#containerLog {
  width: 40%;
  padding: 20px;
  min-width: 400px;
  background-color: rgba(255, 255, 255, 0.705);
  height: 400px;
  display: none;
  border-radius: 20px;
}


#container {
  padding: 20px;
  width: 80%;
  min-width: 400px;
  background-color: rgba(255, 255, 255, 0.842);
  height: 100vh;
  margin: auto;
  display: none;
  overflow: auto;
  position: relative;
}

.form-group {
  margin-bottom: 50px;
}

#containerFiles {
  margin-top: 20px;
}

#error {
  /* text-align: center; */
  /* width: 200px; */
  color: red;
  display: none;
  position: absolute;
  /* display: flex; */
  justify-content: center;
  align-items: center;
  background-color: rgba(34, 32, 32, 0.781);
  z-index: 9999;
  height: 100vh;
  width: 100%;
  font-size: 40px;
  top: 0;
}

#fusion {
  display: none;
  text-align: justify;
  margin-left: 10px;
}

#logout {
  position: absolute;
  right: 20px;
  top: 20px;
}