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

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;
          
          }
        
        //classe do form  
        .form {
            margin-top:50px;
            border: 1px solid #007bff5e;

                &__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;
        }
    }
}