@import url('https://fonts.googleapis.com/css2?family=Rubik:wght@300&display=swap');
@import url('http://fonts.cdnfonts.com/css/do-futuristic');

*{
  margin:0;
  padding:0;
  box-sizing: border-box;
}
body{
  background-color: #04041B;
  user-select:none;
  text-align: center;
}

.first-container{
    height:100px;
    width:100%;
    overflow: hidden;
}

/* FOOTER */
.footer{
  margin-top:3%;
  bottom:0;
  width:100%;
  text-align: center;
}
.footer span{
  font-weight:bold;
  padding: 10px 0;
  font-size:15px;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: white;  
}
span.copyright{
  float:right;
  margin: 0 1%;
}
span.joao{
  color:#14b44f;
  /*animation: rainbowTexto 1.5s;
  animation-iteration-count: infinite;*/
  cursor:pointer;
}

@keyframes rainbowTexto{
    from {
        color: #6666ff;
      }
      10% {
        color: #0099ff;
      }
      50% {
        color: #00ff00;
      }
      75% {
        color: #ff3399;
      }
      100% {
        color: #6666ff;
      }
}

.estrutura-inicial p{
  font-size: 26px;
  color:rgb(255, 255, 255);
  text-align: center;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  font-weight: bold;
  text-transform: uppercase;
}

.estrutura-inicial .form p{
  font-size:20px;
  color:white;
  text-align: center;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  margin-top:50px;
}

form{
  display: inline-block;
  margin:2% 0%;
  width:50%;
}
form .argumento{
  color:white;
  font-size:17px;
  font-weight: bold;
  text-align: left;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
form input:placeholder-shown {
  font-style: italic;
}
form .argumento:not(:first-child){
  margin-top:15px;
}
form .argumento input, form .argumento select{
  padding:7px;
  margin-top:5px;
  width: 100%;
  font-weight: bold;
  font-size:13px;
}
form .argumento:nth-of-type(6){
  margin-top:50px;
  text-transform: uppercase;
  text-align: center;
}
form .argumento textarea{
  padding:10px;
  margin-top:5px;
  width: 100%;
}
option{
  font-size:15px;
}
form .checkbox{
  color:white;
  font-size:15px;
  font-weight: bold;
  text-align: left;
  font-family:'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
form .checkbox-align{
  text-align: center;
}
form .botoes{
  display: flex;
  justify-content: center;
  column-gap: 50px;
}
form button{
  margin-top:20px;
  padding:7px 15px;
  font-size: 16px;
  background-color:rgb(18, 9, 116);
  color:rgb(241, 232, 232);
  font-weight: bold;
  border: 2px solid #252142;
  cursor:pointer;
  border-radius:25px;
}
form button:hover{
  background-color: #136b38;
  border: 2px solid rgb(5, 71, 28);
}
form button:disabled{
  background-color: #dddddd;
  color:rgb(71, 68, 68);
  border:2px solid black;
  cursor: initial;
}

@media screen and (max-width:875px){
  body{
    text-align: left;
  }
  form{
    width:100%;
    padding: 0% 5%;
  }
  .footer{
    margin-top:10%;
  }
}