misa layout

<style>.count,.mood a,.section h4,body,main,td a{color:#fff!important}.col.left a,td a{text-decoration:underline}body:after,body:before{position:fixed;top:0;width:100%;height:100%;left:0}.container:before,body:after,body:before{content:"";display:block}.profile h1,nav .top .left a:after{font-family:'Old English Text MT',sans-serif!important;text-transform:capitalize;font-size:2.5em;font-weight:400}.container,.row{border:1px solid #000}.ago,.contact a,.profile h1,nav .top .left a:after{font-weight:400}.mood p:last-child,.online,.top .right,.url-info{font-size:0px}.row,.top .right,footer p{margin-left:10px}::-webkit-scrollbar{width:16px}::-webkit-scrollbar:horizontal{height:17px}::-webkit-scrollbar-corner{background:#dfdfdf}::-webkit-scrollbar-track{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAYAAABytg0kAAAACXBIWXMAAFxGAABcRgEUlENBAAAAGklEQVQImWNkYWH5b2Njw8Dg4ODwn4WF5T8AIqQEi0QQt/0AAAAASUVORK5CYII=')}::-webkit-scrollbar-thumb{background-color:#940000;box-shadow:inset -1px -1px #2d0909,inset 1px 1px #fff,inset -2px -2px #2d0909,inset 2px 2px #940000}::-webkit-scrollbar-button:horizontal:end:increment,::-webkit-scrollbar-button:horizontal:start:decrement,::-webkit-scrollbar-button:vertical:end:increment,::-webkit-scrollbar-button:vertical:start:decrement{display:block}::-webkit-scrollbar-button:vertical:start{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAFxGAABcRgEUlENBAAAAaUlEQVQ4jd2UsQ6AIAxEH4a1C/C9Dv4uhF/QgRgTtCrd9MZL7/WW1qWUVowqpeABcs7DYREBaACAGKOpxWRKfQew1GoH7OEnyCWgD91BTgBtWPN9b8whqNteNRjVDwAejsuyyAHmfwCwAQNsGaP+SfDLAAAAAElFTkSuQmCC');height:17px}::-webkit-scrollbar-button:vertical:end{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAFxGAABcRgEUlENBAAAAbElEQVQ4jd2UOw6AIBAFB0NLA3teC68L4QpaUGgIP7cyvnLzZrIUixGRE2VSSliAGONr2DkHUAQAIQTVFpuK+pTA1oMj5255936+Qas0mjefUJd7cFfwhEbwULACTwUr+YHAwn1ZmhhA/R8AXDZnD91ZJpJlAAAAAElFTkSuQmCC');height:17px}::-webkit-scrollbar-button:horizontal:start{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAFxGAABcRgEUlENBAAAAaUlEQVQ4jbXUOQ7AIAwAwSWipQG/N0W+a8QXkiJFKg47wv2OEFcQkRvn1FqJAKpqjlNKAC8AUEpxreJwVRbgas0PzOIhsBJ3gdW4C5w5/wMsyHATV5DpMc6Q/RdpOxDhe1meCYD7PwB4APUCFG1muz4ZAAAAAElFTkSuQmCC');width:16px}::-webkit-scrollbar-button:horizontal:end{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAARCAYAAADUryzEAAAACXBIWXMAAFxGAABcRgEUlENBAAAAaElEQVQ4jdXUMQ6AMAiF4b+ma5eW8zp43ZJeQQcHN0CcZH9fXkloEZGT5KgqFWDO+TrcWgO4AYAxRqrFlkpFgGOt7w0iiPsEDwntwEJCwN57HrDCLuCFTSASdhv8A6jwXFZmCpD+DwAuxQIUbbQ46WMAAAAASUVORK5CYII=');width:16px}body::-webkit-scrollbar-corner{margin-top:60px}.row::-webkit-scrollbar-button:horizontal:end:increment,.row::-webkit-scrollbar-button:horizontal:start:decrement,.row::-webkit-scrollbar-button:vertical:end:increment,.row::-webkit-scrollbar-button:vertical:start:decrement{display:none}.award,.contact .heading,.contact img,.edit-link,.profile-info,nav .top .left a img{display:none}@font-face{font-family:"Old English Text MT";src:url("https://db.onlinewebfonts.com/t/f3258385782c4c96aa24fe8b5d5f9782.eot");src:url("https://db.onlinewebfonts.com/t/f3258385782c4c96aa24fe8b5d5f9782.eot?#iefix") format("embedded-opentype"),url("https://db.onlinewebfonts.com/t/f3258385782c4c96aa24fe8b5d5f9782.woff2") format("woff2"),url("https://db.onlinewebfonts.com/t/f3258385782c4c96aa24fe8b5d5f9782.woff") format("woff"),url("https://db.onlinewebfonts.com/t/f3258385782c4c96aa24fe8b5d5f9782.ttf") format("truetype"),url("https://db.onlinewebfonts.com/t/f3258385782c4c96aa24fe8b5d5f9782.svg#Old English Text MT") format("svg")}*{font-family:'ms pgothic'!important}.profile h1{filter:contrast(30);background:#000}.report a,footer a,nav .links a{text-transform:uppercase}h1,h2,h3,h4,h5{filter:contrasT(10);letter-spacing:1px}.col.left a{color:red}nav .links a{text-shadow:none!important}body:after{z-index:-3;background:8px 8px/3px 3px #8b0000;mix-blend-mode:overlay;opacity:.5;background-image:radial-gradient(white 10.8%,transparent 18%)}body:before{z-index:-2;background:linear-gradient(270deg,#000 60%,transparent 85%)}nav .links,nav .top{background:#000!important}body{background-attachment:fixed!important;background:url(https://live.staticflickr.com/3733/10419008435_2f379ace09_b.jpg) #000}.container{width:60rem;max-width:90%;margin-top:2.25rem;height:54rem;position:relative;color:#fff;background:#000}.container:before{position:absolute;box-sizing:border-box;top:-35px;left:-35px;z-index:-1;width:calc(100% + 70px);height:calc(100% + 70px);border-style:solid;border-width:112px 112px 141px 113px;border-image:url(https://images2.imgbox.com/df/c9/Xho8p3tP_o.png) 412 412 441 413 fill repeat;image-rendering:pixelated;filter:drop-shadow(0px 0px 5px rgba(255,255,255,.3))}.col.left,.col.right{display:grid;gap:1rem}footer,main{background:0 0!important}main{padding-top:0}nav .top .left a{position:absolute;left:0;top:-.5rem;filter:drop-shadow(0px 0px 1px black, 0px 0px 1px black)}nav .top .left a:after{content:"SPACEHEY";filter:drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 1px black) drop-shadow(0px 0px 1px black) contrast(30)}nav .top{text-align:right;padding:5px;justify-content:end}nav .center{flex:none!important}nav .center form{width:fit-content!important}footer .links,nav .links{display:flex;justify-content:space-evenly;padding:0}footer .links li,nav .links li{white-space:nowrap;word-break:break-word}footer .links li:not(:last-child)::after,nav .links li:not(:last-child)::after{content:" ✯";margin-left:5%;color:red;font-weight:700}nav .links a:hover{color:#fff!important;text-decoration:none!important}.row{display:flex!important;flex-direction:column;height:50rem;width:77.5%;overflow-y:scroll;background:url(https://i.ibb.co/1bzNrHR/misc051.gif) #000}@keyframes input-blink{from{background:linear-gradient(black,#000),#fff;background-size:1px 14px;background-position:2px calc(100% - 1px);background-repeat:no-repeat}to{background:#fff;background-position:2px calc(100% - 1px)}}.center input{border:1px solid red;margin-top:1px;background:linear-gradient(black,#000),#fff;background-size:1px 14px;background-position:2px calc(100% - 1px);background-repeat:no-repeat;animation:.5s linear infinite input-blink}.comment-replies,.comments-table,.comments-table td{border:0!important}.contact a,.logout-btn,.top .right a,button{background-color:#940000!important;box-shadow:inset -1px -1px #2d0909,inset 1px 1px #fff,inset -2px -2px #2d0909,inset 2px 2px #940000;text-decoration:none!important}.logout-btn,.top .right a,button{display:inline-block;height:20px;border:0!important;color:#fff;padding-block:3px!important;padding-inline:5px!important}.blog-preview,.blurbs,.friends,.friends:not(#comments) .person,.table-section{box-shadow:-1px -1px 0 0 #fff,1px 1px 0 0 gray,0 0 0 2px #000,inset 0 0 0 1px #000;background:rgba(0,0,0,.85);color:#fff;text-shadow:1px 1px 0 #000,-1px -1px 0 #000}.logout-btn{transform:translateY(-1px)}.active .icon{content:url(https://hosting.photobucket.com/albums/ee381/enix-directory/Pixels/gif19.gif);height:13px;margin-bottom:3px}.top .right{margin-top:-2px}.top .right>*{font-size:12px}:has(button){text-decoration:none!important}a:hover,button:hover{transform:scale(1.2)!important;display:inline-block}.col.right{height:100%;grid-template-columns:1fr 2.2fr}.col.left{max-height:100%;grid-template-columns:1fr 1fr;width:100%}.col.left>*,.col.right>*{margin:0}.blog-preview{order:0;position:relative}.blurbs{order:1;grid-row:span 2;min-height:40rem}.friends:not(#comments){order:2;min-height:10rem;position:relative}.friends:not(#comments) .more{position:absolute;top:4px;right:10px;font-size:0}.blog-preview h4 a:before,.friends:not(#comments) .more:after{content:"";background:url(https://clipart-library.com/images/8cEb5A4Mi.png) 0 0/cover;width:15px;height:15px;display:block}.friends:not(#comments) .inner{overflow-y:scroll;width:100%;height:calc(100% - 32px)}#comments .inner>p b,.friends:not(#comments) .inner>p b{font-weight:400!important}.friends:not(#comments) .inner>p b:after{content:" and he is afraid of them all"}.friends:not(#comments) .person{display:flex;flex-direction:row-reverse;justify-content:left;width:100%!important;gap:5px;margin-bottom:10px;padding:2px;border:2px outset #000!important}.comments-table td:first-child a:hover,.friends:not(#comments) .person a:hover{transform:none!important}.friends:not(#comments) .person a:has(p){flex:1}.friends:not(#comments) .person p{text-align:left}.friends:not(#comments) .person img{height:30px;width:30px;object-fit:cover;border:1px solid #fff}.friends:not(#comments) .person :is(a,p){text-decoration:none;color:red}#comments{order:3;grid-column:span 2}.comments-table{display:block!important}.comments-table tr{display:flex;margin-bottom:15px}.comments-table td:first-child{max-width:75px;width:75px;height:fit-content!important;display:inline-block;background:#000!important;box-shadow:-5px 5px 0 0 #000,-5px -5px 0 0 #000,0 -5px 0 0 #000,2px 0 0 0 #000;z-index:2;border-top:1px dashed gray!important;border-left:1px dashed gray!important;border-bottom:1px dashed gray!important}.comments-table td:first-child a p{white-space:nowrap;max-width:100%;text-overflow:ellipsis;overflow:hidden}.comments-table td:first-child a{color:red!important;text-decoration:none;font-size:10px}.comments-table td:last-child{background:#000!important;flex:1;box-shadow:0 0 0 5px #000}.comments-table td:last-child:not(:has(.comment-replies)){border-top:1px dashed gray!important;border-right:1px dashed gray!important;border-bottom:1px dashed gray!important}.comments-table td:has(.comment-replies){border:1px dashed gray!important}.comment-reply b{filter:contrast(5)}.comment-reply:not(:first-child){border-top:1px dashed gray}.details-table td:first-child a:first-child{text-decoration:none;font-weight:400}.comment-replies:before{content:"Replies";display:block;width:100%;height:20px;border-bottom:1px dashed gray}:has(.ago):hover{transform:none!important;text-decoration:none!important}:has(.ago){text-decoration:none!important}.comments-table td a:has(button):hover{transform:none!important}.blog-preview,.blurbs,.friends,.table-section{border:4px outset #000!important;border-radius:5px;padding:2px}.blog-preview:before,.contact a,td{color:#fff!important}:is(.table-section,.blurbs,.friends,.blog-preview) a{color:#fff!important;text-decoration:underline}.blog-preview:before{content:"blog";display:block;width:100%;box-shadow:inset -1px -1px 0 0 gray;background:#000!important;border:2px outset #000;padding:2px;letter-spacing:2px;box-sizing:border-box;font-weight:700;text-indent:5px}.blog-preview h4 a:hover{display:block;transform:scale(1.13)!important}.blog-preview h4{position:absolute;top:4px;right:-6px;font-size:0;filter:none}.blog-preview h4 a{text-decoration:none!important}:is(.table-section,.blurbs,.friends) .heading{box-shadow:inset -1px -1px 0 0 gray;background:#000!important;color:#fff!important;border:2px outset #000}.general-about{position:absolute;right:1.5rem;max-width:20%;top:6rem}main:before{display:block;content:"";position:absolute;right:8px;width:calc(17.5% + 22px);border:1px dashed gray;height:calc(100% - 4.2rem);top:3.5rem;z-index:99;pointer-events:none}.profile-pic{position:relative;margin:0!important}.col.left span,.contact,.container:after,.details>p:first-child,.mood,.url-info{position:absolute}.profile-pic img{content:url(https://images2.imgbox.com/19/4d/oRYM91pN_o.gif)!important;height:200px;object-fit:cover;border:1px dotted red;border-radius:10px}.online img{content:url(https://i9.glitter-graphics.org/pub/76/76579nter2k6mhd.gif);animation:none;font-size:14px;width:80px;height:24px;filter:contrast(2)}.online{text-align:center}.details>p:first-child{background:#fff;border-radius:10px;color:#000;bottom:0;width:100%;text-align:center;padding-block:10px}.details>p:first-child:before{content:"";display:block;height:0;width:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid transparent;border-bottom:20px solid #fff;position:absolute;top:-100%;right:10px;transform:scaley(1.5)}.details{margin-top:220px!important;height:0}.col.left span{top:3.5rem;right:1rem;width:18.25%}.mood{top:23rem;right:1rem;width:18.25%!important}.mood p:first-child{background:#8b0000;color:#fff;padding:2px;border:1px solid red}.mood p:last-child a{font-size:12px;margin-bottom:5px;display:block;text-align:center}.contact{top:29rem;right:1rem;width:18%!important;border:0!important}.contact a{display:inline-block;width:70px;border:0!important;padding-block:4px!important;padding-inline:10px!important;text-align:center;line-height:8px}.url-info{top:37.5rem;right:1rem;width:18.25%!important;height:240px;border:1px solid red!important;background:url(https://i.ibb.co/1bzNrHR/misc051.gif) center/contain}.container:after{content:"";display:block;bottom:0;right:0;background:url(*https://cdn.donmai.us/original/d4/7f/d47f1e2cdcf30b8e0d58b55c1069841b.gif) center/contain no-repeat;width:136px;height:196px;filter:contrast(2)}td{background:0 0!important}.report img{content:url(https://64.media.tumblr.com/tumblr_mcferhzWqT1qdlkyg.gif);width:15px;height:15px}.report{background:#fff;filter:invert();box-shadow:0 0 3px gray;border-radius:5px;padding:2px}.report a{color:gray!important;text-shadow:none;font-size:10px;text-decoration:none;letter-spacing:1px}footer a{color:#fff}footer p:first-child:after{content:". layout by /danocc . artwork by TAKESHI OBATA"}footer p{display:inline}footer *{font-style:normal}footer{margin-top:25px;line-height:2px}@media only screen and (max-width:800px){.links,.row>*,.row>*>*{display:block!important}.contact .f-col,.links{text-align:center}.container{width:90%!important;height:fit-content;border:2px solid #000}.row,.row>*,.row>*>*{width:100%!important}.row *{position:static!important}.blog-preview,.details{position:relative!important}.row{margin:0!important;border:0!important}.row>*>*{margin-bottom:1rem!important}.col.left{background:linear-gradient(black 53.5%,transparent 58%);max-height:none}.top .left a,.top .right{top:-1rem!important}.edit-link,.profile-info,.url-info,main:before{display:none!important}.container:before{display:none}.top .left a:after{content:"SH"!important}.details{margin-top:0!important;float:right;width:50%}.details>p:first-child{padding-block:1rem}.details>p:first-child:before{content:"";display:block!important;height:0;width:0;border-left:20px solid transparent;border-right:20px solid #fff;border-top:20px solid transparent;border-bottom:20px solid transparent;position:absolute;top:.5rem;right:105%;transform:scalex(2) scaley(.5)}.general-about{max-width:100%!important;height:fit-content;margin-bottom:12rem!important}.contact a{width:95%}.contact{margin-left:-5px!important}.blog-preview h4{position:absolute!important;top:6px!important}.col.left>.table-section:not(.table-section + .table-section){margin-top:50px!important}footer{line-height:12px;width:90%;margin:auto}}</style>