@import url("https://fonts.googleapis.com/css2?family=Libertinus+Mono&family=Pragati+Narrow:wght@400;700&display=swap&family=Nanum+Myeongjo&display=swap");:root{--foreground:#424242;--background:#fefefe}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-size:10.5px;line-height:100%;font-family:Courier,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none;opacity:.7}a:hover{opacity:.5;background:#eee}b{font-weight:500;color:black}p{margin-bottom:1em}main{max-width:calc(100% - 20vw);margin-left:28vw}header{text-transform:uppercase;position:fixed;width:28vw;left:0;top:0;padding:2em 2.5em;background:var(--background)}header a{border:0;opacity:1;text-decoration:none}nav a:hover{background:none}nav{text-transform:uppercase;display:block;margin-top:2em;background:var(--background)}code{font-family:Courier New,Courier,monospace}.text{font-size:1.1em;line-height:140%;font-family:Nanum Myeongjo,Times New Roman,Times,serif}nav a,nav div{margin-top:.75em;display:block;border-bottom:0}nav a{opacity:.5}header a:hover{background:0}#circle1,#circle2,#circle3,#circle4,#circle5,#circle6,#circle7,#circle8{position:fixed;margin-top:-3em;margin-left:7em}#circle1{border:1px dotted #999;width:150px;height:150px;z-index:99;border-radius:100%;left:calc(50vw - 127px);top:calc(50vh - 127px);transition:.8s}#circle2{top:calc(50vh - 150px)}#circle2,#circle3{border:1px dotted #999;width:150px;height:150px;z-index:99;border-radius:100%;left:calc(50vw - 150px/2);transition:.8s}#circle3{top:calc(50vh)}#circle4{left:calc(50vw)}#circle4,#circle5{border:1px dotted #999;width:150px;height:150px;z-index:99;border-radius:100%;top:calc(50vh - 150px/2);transition:.8s}#circle5{left:calc(50vw - 150px)}#circle6{left:calc(50vw - 128px);top:calc(50vh - 22px)}#circle6,#circle7{border:1px dotted #999;width:150px;height:150px;z-index:99;border-radius:100%;transition:.8s}#circle7{left:calc(50vw - 23px);top:calc(50vh - 23px)}#circle8{border:1px dotted #999;width:150px;height:150px;z-index:99;border-radius:100%;left:calc(50vw - 25px);top:calc(50vh - 130px);transition:.8s}#circle1,#circle2,#circle3,#circle4,#circle5,#circle6,#circle7,#circle8{z-index:-1}@media only screen and (max-width:1100px){#minicircle{display:none}header{background:none;width:40%}main{margin-left:40vw;width:calc(100% - 40vw)}nav{background:none;vertical-align:top}}@media only screen and (max-width:900px){header{position:relative;width:100%;padding-top:0}main{width:100%;margin-left:0;padding-top:2em}}