*{
    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);
}


@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;
    }
}