/* GLOBAL */

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

:root{
  --white:#fff;
  --background:#f2f3f5;
  --gray-line:#dcdde0;
  --text: #484848;
  --text-highlight: #b3b9ff;
  --title: #2e384d;
  --red: #e83f5b;
  --green: #4cd62b;
  --blue: #5965e0;
  --blue-dark: #4953b8;
  --blue-twitter:#2aa9e0;
}

@media(max-width: 1080px){
  html{
      font-size: 93.75%;
  }
}

@media(max-width: 720){
  html{
      font-size: 87.5%;
  }
}

html{
  display: flex;
  align-items: center;
  justify-content: center; 
  width: 100%;
  height: 100%;

}
body{
  /* background: #cfeed4; */
  background: rgb(202, 194, 194);
  color: var(--text);  
}

body, input, textarea,button,a {
  font: 400 1rem "Inter", sans-serif;
}

button {
  cursor: pointer;
}

a{
  color:inherit;
  cursor: pointer;
  text-decoration: none;
}

input{
  cursor: pointer;
}

.body{
  width: 100%;
  height: 100%
}

.formLogin{
  display: flex;
  flex-direction: column;

  background: #fff;

  border-radius:10px;
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
}

span{
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  padding: 30px 15px;

  color: white;  
  font-size: 30px;
  font-family: 'Josefin Sans', bold;
  text-align: center;

  background: rgba(40, 189, 40, 0.837);
}

.containerData{
  width: 100%;
  height: auto;
  display: flex;
  flex-direction: column;
  margin-left: 15px;

  padding: 15px;  
}

.inputData{
  width: 90%;
  margin-top: 15px;
  display: flex;
  text-align: left;

  padding: 8px 40px;

  background: rgb(183, 183, 225);
  font-style: black;
  border: none;
  border-radius: 15px;
}

input:focus{
  border: 2px solid rgb(47, 221, 47);
  outline: 0
}

::-webkit-input-placeholder {
  color: rgba(7, 5, 5, 0.775);
  font: 12px verdana, arial, sans-serif;
}

.containerButton {
  display:flex;
  justify-content: center;
}

.inputAccess{
  width: 50%;
  margin-top: 5px;

  color: white;  
  font-size: 15px;

  background: rgba(47, 221, 47, 0.837);
  padding: 10px 30px;

  border-radius: 10px;
  border:none;
  box-shadow: 0 0 0.2rem black ;
}

.containerContact{
  display: flex;
  flex-direction: column;
  margin-left: 50%;
  margin-top: 20px;
  font-size: 7px;
}

a{
  margin-top: 2px;
  margin-bottom: 5px;
  font-size:13.5px;
  color: rgba(247, 29, 29, 0.857);
}