@import url("https://fonts.googleapis.com/css2?family=Libertinus+Mono&family=Pragati+Narrow:wght@400;700&display=swap");:root{--foreground:#111;--background:#f9f9f9}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-size:10px;font-family:Courier New,Courier,monospace;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;border-bottom:1px dashed #888;text-decoration:none}a:hover{opacity:.5}main{max-width:calc(100% - 17vw);margin-left:25vw}header{text-transform:uppercase;position:fixed;width:25vw;left:0;top:0;padding:2em 3em;background:var(--background)}header a{border:0}nav{text-transform:uppercase;display:block;margin-top:2em;background:var(--background)}nav a,nav div{margin-top:1em;display:block;border-bottom:0}nav a{opacity:.7}#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:900px){#minicircle{display:none}header{background:none;width:100%}main{margin-left:30vw;width:calc(100% - 30vw)}nav{background:none;vertical-align:top}}@media only screen and (max-width:600px){header{position:relative;width:100%;padding-top:0}main{width:100%;margin-left:0;padding-top:2em}}