html, body {
height: 100%;
margin: 0;
padding: 0;
}
div {
word-wrap: break-word;
}
.wrapper {
background-color: black;
color: grey;
font-family: sans-serif;
min-height: 100%;
min-width: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.header {
height: 20%;
padding: 5px;
display: flex;
align-items: center;
justify-content: space-evenly;
flex-wrap: wrap;
font-size: xxx-large;
}
.content-wrapper {
height: 60%;
width: 100%;
display: flex;
flex-direction: row;
justify-content: center;
flex-wrap: wrap;
align-items: center;
}
.content {
max-width: 300px;
margin: 1%;
padding: 1%;
border-radius: 20px;
color: black;
font-size: large;
background-color: darkgrey;
}
.title {
text-align: center;
}
.info {
text-align: justify;
}
.footer {
width: 100%;
height: 20%;
display: flex;
justify-content: flex-end;
align-items: flex-end;
}
.copyright {
text-align: right;
padding-right: 15px;
}