*{
    padding:0;
    margin:0;
    box-sizing: border-box;
    
    
}
body{
    /* background: rgb(233, 232, 232); */
    background:#04AC6C;
}




.conteudo {
    
    border-radius:0.2em;
    box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.151);
    padding:1.5em;
    box-sizing:border-box;
    background:rgb(245, 245, 245); 
    min-width:8em;
    max-width:47em; 
    height:auto;
    margin:2vw auto;
}


input{
    margin: 0 auto;
    display:block;
}


.form{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:rgba(0, 0, 0, 0.697);
    margin:0.4em 0 0.4em 0;
    cursor: pointer;
    font-size:1em;
    padding-left:1em;
    box-sizing: border-box;
    border-style:none;
    background:rgb(245, 245, 245); 
    border:1px solid rgba(0, 0, 0, 0.19);
    min-width:30vh;
    width:100%;
    height:3.5em;
    border-radius:5px;
    transition: 0.2s;
    font-weight: 500;
}

.file{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    color:rgba(0, 0, 0, 0.697);
    margin:1em 0 1em 0;
    cursor: pointer;
    font-size:0.85em;
    padding:.8em;
    box-sizing: border-box;
    border-style:none;
    background:rgb(214, 214, 214); 
    height:3.5em;
    border-radius:5px;
    transition: 0.2s;
    font-weight: 500;
    border:3px solid #9fdded00;
}

.form:hover,.file:hover{
    border:3px solid #9fdded;
}
.form:focus{
    border:3px solid #9fdded;       
    outline:none;       
    cursor: text;
  
    
}

label{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform:capitalize;
    font-weight: 500;
    font-size:1.1em;
    display:block;
    
    color:rgba(0, 0, 0, 0.785);
    
    
    padding:0px 5px 0px 10px;
    
    
}






h1{
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-transform: capitalize;
    
    padding-bottom:0.6em;
    
    color:#177e97;
    font-weight: 700;
    padding-left:10px;
    
    
    
}
textarea{
    width:100%;
    max-width:100%;
    height:8em;
    padding:0.5em;
    max-height: 8em;
    margin-bottom:1em;
    box-sizing: border-box;
    background:rgb(245, 245, 245); 
    border:1px solid rgba(0, 0, 0, 0.39);

}

button[type=submit] {
    text-transform: capitalize;
    font-size:30px;
    border-style:none;
    display:block;
    background:rgb(26,115,253);
    width:100%;
    height:2em;
    color:white;
    border-radius:5px;
    cursor: pointer;
}

button[type="submit"]:hover {
    background:rgb(23, 100, 216);
}



/*RADIO ---------------------*/


input[type="radio"] {
  position: absolute;
  opacity: 0;
  z-index: -1;
}
label {
  position: relative;
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 5px;
  padding-right: 10px;
  line-height: 36px;
  cursor: pointer;
  border-radius:25px;
  outline:none;
}
label::before {
    content: " ";
    position: absolute;
    top: 6px;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    border: 2px solid #04AC6C;
    border-radius: 4px;
    z-index: -1;
  }
input[type="radio"] + label::before {
  border-radius: 25px;
}
/* Checked */

input[type="radio"]:checked + label {
  padding-left: 10px;
  color: #fff;
  background:#04AC6C;
  border-radius: 25px;
}

input[type="radio"]:checked + label::before {
  top: 0;
  width: 100%;
  height: 100%;
  
}
/* Transition */
label,
label::before {
  -webkit-transition: .25s all ease;
  transition: .25s ease-in-out;
}


.radiob label{
    padding:1vh;
    
}
/* AQUI ACABA O RADIO */

@media(max-width:140vh){
    .right{
        
        margin: 0 auto;
        
    }
    .right a{
        padding:0;
        text-align:right;
        
    }
    .right li {
        
        padding:0.5em;
        
    }
    .header{
        margin-left: 0;
    
        text-align:center;
    }
    .conteudo,h1{
        display:grid;
    }

    .conteudo label{
        text-align:left;
        
    }
}

@media(max-width:640px) {
    .conteudo{
        display:grid;
    }

    .right{
        
        margin: 0 auto;
        
    }
    .right a{
        padding:0;
        text-align:right;
        
    }
    .right li {
        
        padding:0.5em;
        
    }
    .header{
        margin-left: 0;
    
        text-align:center;
    }
}