.main-page-welcome {
font-size: x-large;
text-align: center;
background-color: #dde4ee;
border-bottom: thin solid black;
padding: 10px;
}
.main-page-header {
position: relative;
overflow: hidden;
text-align: right;
font-size: large;
}
.main-page-header-background {
position: absolute;
top: 0;
left: 0;
}
/*
MobileFrontend sets all images to be at most 100% to avoid overflow.
But overflow is not a problem here, as this image is purely decorational,
and any ovewflow is hidden, so there is no horizontal scrollbar.
*/
.main-page-header-background a > img {
max-width: none !important;
}
.main-page-content {
width: 100%;
background-color: #dde4ee;
border: thin black;
border-style: solid none;
border-collapse: collapse;
}
.main-page-content td {
width: 50%;
vertical-align: top;
padding: 6px;
}
.main-page-content input {
max-width: 50vw;
}
@media screen and (max-width: 719px) {
.main-page-content,
.main-page-content > tbody,
.main-page-content > tbody > tr,
.main-page-content > tbody > tr > td {
display: block;
width: auto;
}
.main-page-content input {
max-width: 100%;
}
}
.center {
text-align: center;
}