.main-page-qotd > div:last-of-type {
padding: 1em 0;
text-align: center;
}
.main-page-responsive-columns {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main-page-heading {
background-color: #b0c4de;
border-radius: 0.3em;
font-size: 150%;
padding: 0.3em;
}
.main-page-responsive-columns > div:first-of-type .main-page-heading {
background-color: #e6e6fa;
}
@media all and ( min-width: 900px ) {
.main-page-qotd {
background-color: #f8f8fe;
border: 1px solid #a7d7f9;
border-radius: 1em;
margin: 1em 0;
}
.main-page-qotd > div:last-of-type {
padding: 1em 5em 0.5em;
}
.main-page-qotd > .main-page-heading {
display: none;
}
.main-page-responsive-columns > div {
border: 1px solid #a7d7f9;
border-radius: 10px;
padding: 15px;
}
.main-page-responsive-columns > div:first-of-type {
flex: 2.4 1;
margin-right: 15px;
}
.main-page-responsive-columns > div:last-of-type {
background-color: #f5faff;
flex: 1 1;
}
}
@media all and ( max-width: 900px ) {
.nomobile,
.main-page-community,
.main-page-sister-projects {
display: none;
}
.main-page-responsive-columns {
flex-direction: column-reverse;
}
}