* {box-sizing: border-box;}body {margin: 0;font-family: calibri, verdana, arial;font-size: 12px;letter-spacing: 0.5px;color: #3a7d7d;display: flex;justify-content: center;align-items: flex-start;min-height: 100vh;background:#d0f2ef url(https://64.media.tumblr.com/bf42322005d823808af0b25d152c547b/9330acf7b5a42bea-06/s2048x3072/e12a234b20e7494e729e0c600f441d7182a24418.pnj) center;padding:20px;padding-top:50px;}u {line-height:14px;}b {line-height:14px;color:#009DBA;}a:link, a:visited, a:active {color:#0078A7;text-decoration:none;}a:hover {color:#444;}::-webkit-scrollbar {width: 5px;}::-webkit-scrollbar-thumb {background: #3a7d7d;}::-webkit-scrollbar-track {background: #d0f2ef;}.sidebar {width: 80px;background: linear-gradient(145deg, #c8f0ed, #ade3e1);border-right: 1px solid #3a7d7d;display: flex;flex-direction: column;align-items: center;padding: 10px 0;}.sidebar a {writing-mode: vertical-rl;transform: rotate(180deg);margin: 12px 0;color: #3a7d7d;text-decoration: none;font-size: 8px;font-family: 'Press Start 2P', monospace;letter-spacing: 2px;}.container {display: flex;max-width: 800px;width: 100%;margin: 20px auto;padding: 0;background: linear-gradient(145deg, #d0f2ef, #b6e8e5);border: 1px solid #3a7d7d;border-radius: 6px;opacity:0.75;}.main {flex: 1;padding: 10px;}.header, .footer, .box, .wide-box {border-radius: 4px;border: 1px solid #3a7d7d;position: relative;}.row {display: flex;gap: 5px;margin-bottom: 5px;}.header {background: linear-gradient(145deg, #c0ecea, #a0deda);padding: 12px 10px;margin-bottom: 5px;text-align: center;font:16px 'Silkscreen';letter-spacing:4px;color:#3a7d7d;text-shadow: 1px 1px 2px #fff;}.image-box {background:url(https://64.media.tumblr.com/b75922f986c96c53649bb83b6dff9e6d/72cfc6c171587f34-32/s540x810/f99ff2329c24f52d53c532352741454850f6e611.gifv) center no-repeat;background-size: cover;flex-grow: 1;min-height: 120px;}.box {flex: 1;max-height: 120px;display: flex;flex-direction: column;box-shadow: inset -1px -1px 2px rgba(255,255,255,0.5), inset 1px 1px 2px rgba(58,125,125,0.3);}.box-title {padding: 3px;text-align: center;border-bottom: 1px solid #3a7d7d;font-size: 8px;font-family: 'Press Start 2P', monospace;text-transform:uppercase;letter-spacing:2px;text-shadow: 0px 0px 1px #fff;}.box-content {padding: 3px;overflow-y: auto;flex-grow: 1;}.row:nth-child(2) .box:nth-child(1) {background: linear-gradient(145deg, #d4f5f2, #b9e9e3);}.row:nth-child(2) .box:nth-child(2) {background: linear-gradient(145deg, #cff4f1, #b2e7e2);}.row:nth-child(2) .box:nth-child(3) {background: linear-gradient(145deg, #d0f2ef, #aadfdf);}.row:nth-child(3) .box:nth-child(1) {background: linear-gradient(145deg, #c8f0ed, #a8dedb);}.row:nth-child(3) .box:nth-child(2) {background: linear-gradient(145deg, #d1f5f2, #b0e8e3);}.row:nth-child(3) .box:nth-child(3) {background: linear-gradient(145deg, #c5efec, #9fe0dc);}.row:nth-child(2) .box:nth-child(1) .box-title {background: linear-gradient(145deg, #c0f0ed, #9fe4e0);}.row:nth-child(2) .box:nth-child(2) .box-title {background: linear-gradient(145deg, #b8eceb, #96dfde);}.row:nth-child(2) .box:nth-child(3) .box-title {background: linear-gradient(145deg, #c2f1ee, #a0e3e1);}.row:nth-child(3) .box:nth-child(1) .box-title {background: linear-gradient(145deg, #bfeceb, #96dfde);}.row:nth-child(3) .box:nth-child(2) .box-title {background: linear-gradient(145deg, #c7f2f0, #9ee5e0);}.row:nth-child(3) .box:nth-child(3) .box-title {background: linear-gradient(145deg, #b9ebe8, #8fdcd7);}.wide-box {display:flex;flex:3;flex-direction:column;}.wide-title {background: linear-gradient(145deg, #d0f2ef, #aadfdf);padding: 3px;padding-left:10px;text-align: left;border-bottom: 1px solid #3a7d7d;font-size: 10px;font-family: 'Press Start 2P', monospace;text-transform:uppercase;letter-spacing:2px;text-shadow: 0px 0px 1px #fff;}.footer {background: linear-gradient(145deg, #c0ecea, #a0deda);padding: 8px;text-align: right;font-size: 10px;margin-top: 5px;}@media (max-width: 600px) {.container {flex-direction: column;width: 100%;max-width: none;margin: 0;border-radius: 0;}.sidebar {width: 100%;height: auto;flex-direction: row;flex-wrap: wrap;justify-content: center;align-items: center;padding: 10px 0;border-right: none;border-bottom: 1px solid #3a7d7d;background: linear-gradient(145deg, #c8f0ed, #ade3e1);}.sidebar a {writing-mode: horizontal-tb;transform: none;margin: 5px 10px;text-transform: uppercase;letter-spacing: 1px;font-size:9px;}.main {padding: 10px;width: 100%;}.row {flex-direction: column;}.row .box {min-height: auto;margin-top: 5px;}}