.landing-desktop { display: grid; place-items: center; padding: 30px 20px 62px; }
.landing-window { width: min(660px, 100%); }
.landing-window .window-body { margin: 8px; }
.landing-paper { display: flex; flex-direction: column; align-items: center; justify-content: space-between; gap: 28px; min-height: 440px; padding: 36px 24px 28px; background: #fff; border: 2px inset #ddd; color: #111; text-align: center; font: 16px/1.4 'Times New Roman', Times, serif; }
.landing-globe { display: block; margin: 0; }
.landing-paper h1 { margin: 0; font: bold 42px/1.1 'Times New Roman', Times, serif; letter-spacing: .015em; }
.landing-intro { margin: 0; }
.landing-paper .stars-gif { margin: 0; }
.landing-buttons { display: flex; justify-content: center; gap: 16px; margin: 0; width: 100%; }
.landing-buttons a { display: flex; justify-content: space-between; align-items: center; width: 160px; min-height: 46px; padding: 8px 12px; background: #c0c0c0; box-shadow: inset -1px -1px #0a0a0a, inset 1px 1px #fff, inset -2px -2px grey, inset 2px 2px #dfdfdf; color: #111; text-align: left; text-decoration: none; font: bold 14px 'Pixelated MS Sans Serif', Tahoma, sans-serif; }
.landing-buttons a:hover { background: #d9d9d9; }
.landing-buttons a:active { box-shadow: inset -1px -1px #fff, inset 1px 1px #0a0a0a, inset -2px -2px #dfdfdf, inset 2px 2px grey; }
.landing-buttons span { font: 18px 'Times New Roman', serif; }
.landing-footlinks { margin: 0; font-size: 13px; }
.about-paper { align-items: stretch; justify-content: flex-start; gap: 16px; min-height: 440px; text-align: left; }
.about-paper .landing-globe, .about-paper .stars-gif { align-self: center; }
.about-paper h1, .about-paper h2 { text-align: center; }
.about-paper h1 { font-size: 32px; }
.about-paper h2 { margin: 0; font: bold 20px/1.2 'Times New Roman', Times, serif; }
.about-paper p { margin: 0; }
.about-paper ul { margin: 0; padding-left: 24px; }
.about-paper li + li { margin-top: 8px; }
.about-note { padding: 10px 12px; border: 1px solid #808080; background: #ffffd8; }
.landing-window .status-bar { margin-top: 5px; }
.landing-window .status-bar-field:first-child { flex: 1; }
.landing-window .status-bar-field:last-child { text-align: right; }
@media (max-width: 700px) { .landing-desktop { padding: 16px 10px 53px; } }
@media (max-width: 420px) { .landing-paper { padding: 30px 14px 24px; } .landing-buttons { gap: 9px; } .landing-buttons a { width: min(50%, 160px); } .landing-footlinks { line-height: 1.8; } }