* {box-sizing: border-box;margin: 0;padding: 0;}@font-face {font-family: pixeloid;src: url(https://dl.dropbox.com/s/0aeetq41meln05o/Pixeloid.ttf);}::-webkit-scrollbar-thumb {background-color: #fff;border:1px solid #888;border-radius: 3px;}::-webkit-scrollbar {width: 5px;height: 0px;background: transparent;}body {display: flex;justify-content: center;padding: 10px;font:normal 8px 'pixeloid', calibri, Arial, sans-serif;line-height: 12px;letter-spacing:1px;background: #f9f9f9 url(https://64.media.tumblr.com/045d0d609ef92a9c23a959aebe326ce4/585501c0ca9d3b61-e5/s75x75_c1/f58968ae324ca9574f2698943bec423690b8ee27.webp) fixed;color:#999;text-shadow:0px 0px 1px #fff;}b {font-weight: bold;color:#c48bbb;}i {color: #9575c6;font-style: normal;font-weight:bold;}a:link, a:visited, a:active {color: #7f6b9e;text-decoration: none;}a:hover {color: #222;}.pony {float:left;margin:4px;}.center {text-align:center;}.container {max-width: 700px;width: 100%;background: -moz-linear-gradient(top, #fff 0%, #f9d6f9 60%, #F3F8FC 100%);background: -webkit-linear-gradient(top, #fff 0%, #f9d6f9 60%, #F3F8FC 100%);background: linear-gradient(to bottom, #fff 0%, #f9d6f9 60%, #F3F8FC 100%);border:1px solid #ea93dd;border-top-left-radius:10px;border-top-right-radius:10px;}.header {background:#F3F8FC url(https://64.media.tumblr.com/e1ee862dae4234a9d139e6380d3c415c/5b57b89526d9b1cd-9b/s250x400/7e107e88770c298bb86a252a6c92837fab2a5035.gifv);height:56px;line-height:56px;text-align: center;border-top-left-radius:10px;border-top-right-radius:10px;margin-bottom:10px;}.nav {justify-content: center;background-color: #f9e5f9;border-top:1px dotted #aaa;display: flex;flex-wrap: wrap;}.nav a {display: inline-block;padding-left: 4px;padding-right: 4px;font: 12px 'orbitron';line-height: 14px;letter-spacing: 3px;margin:4px;background: linear-gradient(145deg, #ead8fb, #d7b9f8);border: 1px solid #b99ce1;box-shadow: 3px 3px 8px rgba(160, 110, 190, 0.25), inset 2px 2px 5px rgba(255, 255, 255, 0.9), inset -2px -2px 5px rgba(160, 140, 200, 0.15);color: #666;border-radius: 5px;}.nav a:hover {box-shadow: 3px 3px 8px rgba(160, 110, 190, 0.25), inset 1px 1px 5px 1px rgba(255, 255, 255, 0.9), inset 1px 1px 5px 1px rgba(160, 140, 200, 0.15);color: #999;transform: translateY(1px);}.slogan {background-color: #F3F8FC;border-bottom:1px dotted #777;border-top:1px dotted #aaa;line-height:20px;letter-spacing:2px;padding-left:5px;}.layout {display: flex;flex-wrap: wrap;padding: 5px;gap: 5px;}.content {box-shadow: inset 0 0 15px rgba(255, 255, 255, 0.4);min-width:250px;flex: 3;}.sidebar {min-width:200px;flex: 1;}.pinkbox {background: linear-gradient(145deg, #fff2fd, #ffe0fb);border: 1px solid #d4bee8;box-shadow: 3px 3px 8px rgba(190, 110, 170, 0.25), inset 2px 2px 5px rgba(255, 255, 255, 0.9), inset -2px -2px 5px rgba(210, 140, 190, 0.15);color: #c48bbb;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;box-sizing: border-box;padding: 8px;margin-bottom: 8px;}.pinktitle {background: linear-gradient(145deg, #fae1fb, #f3c5f8);color: #be75c6;font:normal 10px 'silkscreen';line-height: 16px;letter-spacing: 2px;text-transform: uppercase;text-shadow: 0px 0px 1px #fff;border: 1px solid #d4bee8;border-radius: 4px 4px 0 0;box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.95), inset -1px -1px 2px rgba(130, 110, 160, 0.3);text-align: center;}.purplebox {background: linear-gradient(145deg, #f5edff, #fbf7ff);border: 1px solid #d4bee8;box-shadow: 3px 3px 8px rgba(190, 110, 170, 0.25), inset 2px 2px 5px rgba(255, 255, 255, 0.9), inset -2px -2px 5px rgba(210, 140, 190, 0.15);color: #b08bc4;border-bottom-left-radius: 5px;border-bottom-right-radius: 5px;overflow: hidden;box-sizing: border-box;padding: 8px;margin-bottom: 8px;}.purpletitle {background: linear-gradient(145deg, #ece0f9, #d8c3f7);color: #9575c6;font:normal 10px 'silkscreen';line-height: 16px;letter-spacing: 2px;text-transform: uppercase;text-shadow: 0px 0px 1px #fff;border: 1px solid #d4bee8;border-radius: 4px 4px 0 0;box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 0.95), inset -1px -1px 2px rgba(130, 110, 160, 0.3);text-align: center;}.footer {background: #feedff url();color: #b08bc4;text-align: center;padding: 5px;border-top:1px dotted #888;}@media (max-width: 640px) {.container {flex-direction: column;}}