body {display: flex; flex-direction: column;}

header {padding: 1em; display: flex;
justify-content: space-between;
align-items:center;}

.uba {max-height: 50px;}
.daniel {display: flex; max-width: 50%; border-radius: 2em;}

main {display: flex; font-family: sans-serif;align-items: center; padding: 1em; flex-direction: column;}

.infodaniel {display: flex; flex-direction: column; max-width: 70%; align-items: center;}

footer {display: flex; padding: 1em; 
    align-items: center; 
    background-color:black;
font-family: sans-serif;}

.pie {color: white}

button {max-width: 100%;}