@import "https://fonts.googleapis.com/css2?family=Libertinus+Mono&family=Pragati+Narrow:wght@400;700&display=swap&family=Nanum+Myeongjo&display=swap";
:root{--foreground:#313131;--background:#f2f2f2}html,body{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;max-width:100vw;overflow-x:hidden}body{color:#cacaca;letter-spacing:-.2px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#121212;font-family:Times New Roman,Courier,monospace;font-size:14px;line-height:100%}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}a:hover{opacity:0;background:#eee}b{color:#fff;font-weight:600}p{margin-bottom:1em}main{max-width:100%;padding:1.5em}header{z-index:99;width:100%;padding:1em 1.5em;position:fixed;top:0;left:0}header a{opacity:1;color:#fff;border:0;font-weight:600;text-decoration:none}nav a:hover{background:0 0}nav{margin-top:2em}code{font-family:Courier New,Courier,monospace}.text{color:#fff;padding-top:.75em;font-family:Nanum Myeongjo,Times New Roman,Times,serif;font-size:.9em;line-height:140%}nav div>a{border-bottom:1px dotted #999;border-radius:200%;margin-top:.5em;display:block}nav a,nav>a{opacity:1}nav #items>div{width:25%;margin-top:3em;display:block}header a:hover{background:0}#circle1,#circle2,#circle3,#circle4,#circle5,#circle6,#circle7,#circle8{margin-top:-3em;position:fixed}#circle1{z-index:99;border:1px dotted #999;border-radius:100%;width:150px;height:150px;transition:all .8s;top:calc(50vh - 127px);left:calc(50vw - 127px)}#circle2{z-index:99;border:1px dotted #999;border-radius:100%;width:150px;height:150px;transition:all .8s;top:calc(50vh - 150px);left:calc(50vw - 75px)}#circle3{z-index:99;border:1px dotted #999;border-radius:100%;width:150px;height:150px;transition:all .8s;top:50vh;left:calc(50vw - 75px)}#circle4{z-index:99;border:1px dotted #999;border-radius:100%;width:150px;height:150px;transition:all .8s;top:calc(50vh - 75px);left:50vw}#circle5{z-index:99;border:1px dotted #999;border-radius:100%;width:150px;height:150px;transition:all .8s;top:calc(50vh - 75px);left:calc(50vw - 150px)}#circle6{z-index:99;border:1px dotted #999;border-radius:100%;width:150px;height:150px;transition:all .8s;top:calc(50vh - 22px);left:calc(50vw - 128px)}#circle7{z-index:99;border:1px dotted #999;border-radius:100%;width:150px;height:150px;transition:all .8s;top:calc(50vh - 23px);left:calc(50vw - 23px)}#circle8{z-index:99;border:1px dotted #999;border-radius:100%;width:150px;height:150px;transition:all .8s;top:calc(50vh - 130px);left:calc(50vw - 25px)}#circle1,#circle2,#circle3,#circle4,#circle5,#circle6,#circle7,#circle8{z-index:-1}@media only screen and (width<=1100px){#minicircle{display:none}header,nav{background:0}nav #items>div{width:30%}}@media only screen and (width<=800px){#circle1,#circle2,#circle3,#circle4,#circle5,#circle6,#circle7,#circle8{margin-left:0;position:fixed}header,main{width:100%}nav #items>div{width:100%;margin-bottom:1em}}