body{background-color:#1b1b1b;background-image:url(/noise.png);background-repeat:repeat;color:#ddd;font:1.2rem Fira Sans,sans-serif;padding-top:3em}html{height:100lvh;width:100lvw}footer{text-align:center;font-size:.8em;color:#909090}.WindowBodyContainer{display:flex;flex-direction:column;justify-content:center;min-height:666px;max-height:666px;width:40%;position:absolute;top:15%;left:24%}.WindowBodyContainer *{border-width:1px}.WindowBodyContainer .handler{border-radius:.5em .5em 0 0;border-style:solid solid none solid;background-color:#50505080;height:.8em}.WindowBodyContainer .handler button{background:none;border:none;margin:-.1em 0 0;padding:0;font-size:.7em;color:#ddd;text-decoration:underline;right:1em;position:absolute}.WindowBodyContainer .handler button:hover{color:#07d}.WindowBodyContainer .insideWindow{display:flex;justify-content:center;border-style:solid;border-radius:0 0 .5em .5em;background-color:#000000d0}.WindowBodyContainer .insideWindow>*{min-height:calc(666px - 3em);max-height:calc(666px - 3em)}.WindowBodyContainer .insideWindow main{width:100%;padding:1em;text-align:center;overflow:auto}.bodyContainer{display:flex;flex-direction:column;justify-content:center;height:100%;min-height:824px;max-height:824px;width:50%;position:absolute;left:25%}.bodyContainer *{border-width:1px}.bodyContainer .handler{border-radius:.5em .5em 0 0;border-style:solid solid none solid;background-color:#50505080;height:.8em}.bodyContainer .insideWindow{display:flex;justify-content:center;border-style:solid;border-radius:0 0 .5em .5em}.bodyContainer .insideWindow>*{min-height:calc(824px - 3em);max-height:calc(824px - 3em)}.bodyContainer .insideWindow nav{background-color:#00000080;width:20%;padding:1em;border-right:solid 1px}.bodyContainer .insideWindow nav ul{list-style:none}.bodyContainer .insideWindow nav ul li{margin-top:.5em;margin-bottom:.5em}.bodyContainer .insideWindow nav ul li button{background:none;border:none;font-size:1.2em;color:#ddd;text-decoration:underline}.bodyContainer .insideWindow nav ul li button:hover{color:#07d}.bodyContainer .insideWindow nav img{width:70%;margin-top:1em;margin-left:15%;height:auto}.bodyContainer .insideWindow main{background-color:#00000050;width:80%;padding:1em;text-align:center;overflow:auto}.bodyContainer .insideWindow main h6{font-size:.8em;font-weight:700;margin-top:1.5em;margin-bottom:1em}.bodyContainer .insideWindow main .Connectedlist{border-left:solid;padding:0 1em;margin:0 3em}.bodyContainer .insideWindow main .aboutme p{text-align:left;padding:0 4em}.bodyContainer .insideWindow main article{text-align:left}