*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: "Archivo Black", sans-serif;
}
header{
    width: 100%;
    height: 460px;
    background: linear-gradient(rgba(4, 2, 14, 0.8),rgba(5, 0, 17, 0.658)),url(./imgem-dogs.avif);
    background-size: cover; 
    padding: 10px 0px;
    

}
body {
    color: black;
}


h1{
    margin-top: 20px;
    color:#ecf2f3;
    
}
.input{
    text-transform: uppercase;
    background-color: transparent  
}

td{
    text-transform: uppercase;
    
}

.btn-danger {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 60px;
    height: 20px;
    font-size: 12px;
}
.main {
    background-color: black;
}




@media(max-width:768px){
    .container{
        max-width: 100%;
    }
    .table{
        max-width: 100%;
    }
    tr{
        font-size: 10px;
    }
    .input{
        font-size: 10px;
    }
    .add {
        width: 100%;
        margin-top: 10px;
    }
    .btn-danger {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 50px;
        height: 20px;
        font-size: 10px;
    }
   
    
}