@media screen and (min-aspect-ratio: 2) { .centercubeplease { width: 50%; } } body { background-color: #ffffff; color: #000000; font-size: 16px; } #index { background-image: url("background/index.png"); background-size: cover; background-attachment: fixed; } #index .centercubeplease { background-color: #5f8e76; border: 3px solid #527c46; margin: auto; padding: 10px; } #index a { color: #f0f0f0; } .centercubeplease img { max-width: 95%; } #about { background-image: url("background/about.png"); background-size: cover; background-attachment: fixed; } #about a { color: #fff0f0; } #about .centercubeplease { color: #fff0f0; background-color: #990033; border: 3px solid #cc0066; margin: auto; padding: 10px; } h1 { text-align: center; } ul { text-align: left; } h1, h2, h3 { margin-bottom: 0; } .centerade { width: 50%; margin: auto; margin-top: 10px; text-align: center; } .centerade img { width: 99%; } .centercubeplease a { color: #449494; } .disclosure-closed { list-style: disclosure-closed; }