body {
background-color: black;
    
}


    
.header {
    padding: 1%;
    display: flex;
    justify-content: center;
    background-color:  rgb(233, 116, 6);
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    
}




.digital {
background-color: rgb(59, 124, 124);
color: rgb(248, 244, 244);
padding: 10px;
height: 90 vh;

display: flex;
align-items: center;
flex-direction: column;
background-image: url(mar5.jpg);
background-repeat: no-repeat;
background-position: center;

}


.logo {
background-color: rgb(233, 42, 185);
color: white;
padding: 10px;
height: 90 vh;

display: flex;
align-items: center;
flex-direction: column;


}


.web {
background-color: rgb(50, 61, 61);
color: rgb(10, 10, 10);
padding: 10px;
height: 90 vh;
font-weight: bold;

display: flex;
align-items: center;
flex-direction: column;
background-image: url(pagiw3.jpg);
background-repeat: no-repeat;
background-position: center;
height: 100%;
}

.tarjetas {
background-color: rgb(233, 42, 185);
color: white;
padding: 10px;
height: 90 vh;

display: flex;
align-items: center;
flex-direction: column;


}



.footer {
    color: white;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    padding: 20px;
}