@import url("https://fonts.googleapis.com/css2?family=Passion+One&display=swap");

* {
  margin: 0;
  padding: 0;
}

/* GRADIENT */
.fundo {
  background: #e1a2c0;
  background: -moz-linear-gradient(
    45deg,
    #e1a2c0 0%,
    #595fc9 50%,
    #ec4881 100%
  );
  background: -webkit-linear-gradient(
    45deg,
    #e1a2c0 0%,
    #595fc9 50%,
    #ec4881 100%
  );
  background: linear-gradient(45deg, #e1a2c0 0%, #595fc9 50%, #ec4881 100%);
  height: 100%;
  max-width: 100%;
}

@media only screen and (max-width: 600px) {
  .col-sm {
    width: 14rem;
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
}

img {
  display: flex;
  width: 35vh;
  padding-left: 3vh;
  padding-top: 3vh;
}

.card-img-top {
  width: 10rem;
  margin-left: 1.4rem;
}

.card-title {
  color: white;
  font-size: medium;
  text-align: center;
  margin-top: -0.938rem;
  height: 2.188rem;
}

.btn {
  color: white;
  text-decoration: none;
  padding: 0;
  padding-left: 0.688rem;
  font-weight: 700;
}

.btn:hover {
  color: darkgray;
  text-decoration: underline;
}

.col-sm {
  margin-bottom: 2.5rem;
}

.modal-header .close {
  padding: 0;
  margin: 0;
}

.modal-content {
  width: 75%;
  margin-left: 3.5rem;
  border-radius: 25px;
}

p {
  margin-bottom: 0;
}

form {
  width: 25rem;
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
  color: white;
  margin-top: 6%;
  top: 18.5%;
  padding-bottom: 17.1%;
}

input {
  width: 18.75rem;
  border: none;
}

textarea:focus,
input:focus {
  box-shadow: 0 0 0 0;
  outline: 0;
}

#user-input {
  padding: 2px 5px;
  border-radius: 10px;
}

#password-input {
  margin-bottom: 1.25rem;
  padding: 2px 5px;
  border-radius: 10px;
}

#acess-button {
  width: 6.25rem;
  border: none;
  border-radius: 0.625rem;
  background-color: white;
  color: rgb(73, 73, 73);
  font-family: "Passion One", cursive;
  font-size: larger;
  height: 1.875rem;
}

#acess-button:hover {
  background-color: darkgray;
}

textarea:focus,
#acess-button:focus {
  box-shadow: 0 0 0 0;
  outline: 0;
}

.password-usuario-ident {
  margin-bottom: 0.625rem;
  margin-top: 0.625rem;
}

.search-box {
  margin-left: auto;
  margin-right: auto;
  display: block;
  text-align: center;
  background: white;
  height: 3.125rem;
  width: 31.25rem;
  border-radius: 2.5rem;
}

#search {
  padding-bottom: 16%;
  padding-top: 12%;
}

.search-btn {
  color: white;
  float: right;
  width: 2.188rem;
  height: 2.188rem;
  border-radius: 50%;
  background: #1500ff;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: 2s;
  margin-top: 0.469rem;
  margin-right: 0.469rem;
}

.search-txt {
  border: none;
  background: none;
  outline: none;
  float: left;
  padding: 0;
  color: black;
  font-size: 1.3rem;
  text-align: center;
  line-height: 2.9rem;
  width: 22.188rem;
}

/* MENU */

.fa-1x {
  font-size: 2.5rem;
}

.navbar-toggler.toggler-example {
  cursor: pointer;
}

.dark-blue-text {
  color: white;
}

.not-found {
  height: 45vh;
  text-align: center;
  display: flex;
  flex-direction: column;
  margin-top: 12%;
}

.btn-notfound {
  width: 10rem;
  height: 2rem;
  display: flex;
  justify-content: center;
  margin-left: 44%;
  margin-top: 0.5rem;
  color: white;
  background-color: red;
  border-radius: 0.469rem;
  padding-top: 0.156rem;
}
.btn-notfound:hover {
  color: black;
}

/* CORES TURMAS */

.bg-1AM {
  background-color: #ffde59;
}
.tx-1AM {
  color: #ffde59;
}
.bd-1AM {
  border-color: #ffde59;
}

.bg-1AT {
  background-color: #ff914d;
}
.tx-1AT {
  color: #ff914d;
}
.bd-1AT {
  border-color: #ff914d;
}

.bg-2AM {
  background-color: #5271ff;
}
.tx-2AM {
  color: #5271ff;
}
.bd-2AM {
  border-color: #5271ff;
}

.bg-2AT {
  background-color: #7ed957;
}
.tx-2AT {
  color: #7ed957;
}
.bd-2AT {
  border-color: #7ed957;
}

.bg-3AM {
  background-color: #ff0000;
}
.tx-3AM {
  color: #ff0000;
}
.bd-3AM {
  border-color: #ff0000;
}

.modal-header #foto {
  margin: 0 auto !important;
}

/* CHAPÉU NA FOTO 
*/

.aniver {
  transform: rotate(30deg);
  margin-top: -12rem;
}

.chapeuP {
  margin-left: 2rem;
  transform: rotate(-35deg);
  margin-top: -10.5rem;
  position: absolute;
}

footer{
  color: white;
  text-align: center;
  padding-bottom: 2rem;
  font-size: large;
}

footer p a{
  color: white;
}

footer p a:hover{
  color: white;
}