@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');

html {
    body {
        margin: 0;
        background:#e6e6e6; 
      
    }

    * {
        font-family:"Roboto", sans-serif;
        
    }
}


body{
    header {
        background-color: #EAD945;
        position: fixed;
        padding: 24px 40px;
        top: 0;
        right: 0;  
        left: 0;

        h1{
            text-align: center;
            
        }
    }

    main{
        margin: 24px 40px;
        padding-top:160px;

        h2{
            text-align: center;
            
        }

        .titulo{
            margin-top: 0;
            margin-bottom: 34px;
            
        }

        table{
            margin: auto;
            width: 100%;
            background: #edce73;
            border-radius: 12px;
            padding-top: 20px;
            padding-bottom: 20px;
          
          }
          //form.frm;
          //form .frm__infor;
        form{
            margin-top:50px;
            //trocar o nome abaixo
            &.frm{
                border: 1px solid #007bff5e;
            }
            .frm{

            
                &__infor{
                    margin-top: 10px;
                    padding-top: 10px;
                    padding-bottom: 10px;

                    //label do checkbox
                    label:last-child{
                        font-weight:600;
                        color:red;
                    }
                    //input do checkbox
                    
                    input[type="checkbox"]{
                        width: 16px;
                        height: 16px;
                    }

                    &__label{                       
                       font-size: 18px;

                    }

                    &__input{
                        width: 289px;
                        height: 30px;
                        background: whitesmoke;
                        border:none;
                        margin-top: 3px;
                    }
                }
            
            }    
            
            button{
                background: white;
                font-size: 19px;
                letter-spacing: 2.2px;
                margin-top: 45px;
                border: none;
                width: 100%;
                height: 40px;
            }
        }
    }

    footer{
        margin-top: 20%;
        padding:10% 10%;
        text-align: center;   
        background:chocolate;
      
        p, span{
            color:#ffd045;
            font-size: 10px;

        }
        span{
            font-weight: bold;
            color:#ffde7c;
        }


      }
}