body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}@font-face{font-family:"VT323";font-style:normal;font-weight:400;font-display:swap;src:local("VT323 Regular"),local("VT323-Regular"),url(https://fonts.gstatic.com/s/vt323/v12/pxiKyp0ihIEF2isQFJXGdg.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+1ea0-1ef9,U+20ab}@font-face{font-family:"VT323";font-style:normal;font-weight:400;font-display:swap;src:local("VT323 Regular"),local("VT323-Regular"),url(https://fonts.gstatic.com/s/vt323/v12/pxiKyp0ihIEF2isRFJXGdg.woff2) format("woff2");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:"VT323";font-style:normal;font-weight:400;font-display:swap;src:local("VT323 Regular"),local("VT323-Regular"),url(https://fonts.gstatic.com/s/vt323/v12/pxiKyp0ihIEF2isfFJU.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}body{font-family:"VT323",monospace;font-size:20px;letter-spacing:1px;padding:0;background-color:#ff8c00}.flex-container{display:flex}.canvas{background-color:#ff8c00;width:65vw;height:100vh;padding:15vh 10px 10px;overflow:hidden}.walking{position:relative;top:22vh;left:25vw}.leftHandWalking{position:relative;width:5vw;top:-16vh;left:-5vw;z-index:1;transform:rotate(80deg);-webkit-animation:swayLeftWalking 3.5s infinite;animation:swayLeftWalking 3.5s infinite;-webkit-animation-direction:alternate;animation-direction:alternate}.rightHandWalking{position:relative;width:7vw;top:-12vh;left:-17vw;z-index:3;-webkit-animation:swayRightWalking 3.5s infinite;animation:swayRightWalking 3.5s infinite;transform:rotate(160deg);transform-origin:bottom left;-webkit-animation-direction:alternate;animation-direction:alternate}.serverBodyWalking{position:relative;width:15vw;z-index:2;-webkit-animation:bounceWalking 3.5s infinite;animation:bounceWalking 3.5s infinite}@-webkit-keyframes swayLeftWalking{0%{transform:rotate(80deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(80deg);transform-origin:bottom left}}@keyframes swayLeftWalking{0%{transform:rotate(80deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(80deg);transform-origin:bottom left}}@-webkit-keyframes swayRightWalking{0%{transform:rotate(160deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(160deg);transform-origin:bottom left}}@keyframes swayRightWalking{0%{transform:rotate(160deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(160deg);transform-origin:bottom left}}@-webkit-keyframes bounceWalking{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(-1vh)}}@keyframes bounceWalking{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(-1vh)}}.backpack{position:absolute;left:10vw;top:15vh;z-index:0}@-webkit-keyframes bounceBackPack{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(-1vh)}}@keyframes bounceBackPack{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(-1vh)}}.leftHandBriskWalking{position:relative;width:5vw;top:-16vh;left:-5vw;-webkit-animation:swayLeftBriskWalking 1.5s infinite;animation:swayLeftBriskWalking 1.5s infinite;transform:rotate(80deg);-webkit-animation-direction:alternate;animation-direction:alternate}.rightHandBriskWalking{position:relative;width:7vw;top:-12vh;left:-17vw;z-index:2;-webkit-animation:swayRightBriskWalking 1.5s infinite;animation:swayRightBriskWalking 1.5s infinite;transform:rotate(160deg);transform-origin:bottom left;-webkit-animation-direction:alternate;animation-direction:alternate}.serverBodyBriskWalking{position:relative;width:15vw;z-index:1;-webkit-animation:bounceBriskWalking 1.5s infinite;animation:bounceBriskWalking 1.5s infinite}@-webkit-keyframes swayLeftBriskWalking{0%{transform:rotate(80deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(80deg);transform-origin:bottom left}}@keyframes swayLeftBriskWalking{0%{transform:rotate(80deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(80deg);transform-origin:bottom left}}@-webkit-keyframes swayRightBriskWalking{0%{transform:rotate(160deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(160deg);transform-origin:bottom left}}@keyframes swayRightBriskWalking{0%{transform:rotate(160deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(160deg);transform-origin:bottom left}}@-webkit-keyframes bounceBriskWalking{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(-1vh)}}@keyframes bounceBriskWalking{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(-1vh)}}.leftHandRunning{position:relative;width:5vw;top:-16vh;left:-5vw;-webkit-animation:swayLeftRunning .5s infinite;animation:swayLeftRunning .5s infinite;transform:rotate(80deg);-webkit-animation-direction:alternate;animation-direction:alternate}.rightHandRunning{position:relative;width:7vw;top:-12vh;left:-17vw;z-index:2;-webkit-animation:swayRightRunning .5s infinite;animation:swayRightRunning .5s infinite;transform:rotate(160deg);transform-origin:bottom left;-webkit-animation-direction:alternate;animation-direction:alternate}.serverBodyRunning{position:relative;width:15vw;z-index:1;-webkit-animation:bounceRunning .5s infinite;animation:bounceRunning .5s infinite}@-webkit-keyframes swayLeftRunning{0%{transform:rotate(80deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(80deg);transform-origin:bottom left}}@keyframes swayLeftRunning{0%{transform:rotate(80deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(80deg);transform-origin:bottom left}}@-webkit-keyframes swayRightRunning{0%{transform:rotate(160deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(160deg);transform-origin:bottom left}}@keyframes swayRightRunning{0%{transform:rotate(160deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(160deg);transform-origin:bottom left}}@-webkit-keyframes bounceRunning{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(-1vh)}}@keyframes bounceRunning{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(-1vh)}}.brisk-walking{position:relative;top:22vh;left:25vw}.leftHandExtreme{position:relative;width:5vw;top:-16vh;left:-5vw;-webkit-animation:swayLeftExtreme .2s infinite;animation:swayLeftExtreme .2s infinite;transform:rotate(80deg);-webkit-animation-direction:alternate;animation-direction:alternate}.rightHandExtreme{position:relative;width:7vw;top:-12vh;left:-17vw;z-index:2;-webkit-animation:swayRightExtreme .2s infinite;animation:swayRightExtreme .2s infinite;transform:rotate(160deg);transform-origin:bottom left;-webkit-animation-direction:alternate;animation-direction:alternate}.serverBodyExtreme{position:relative;width:15vw;z-index:1;-webkit-animation:bounceExtreme .2s infinite;animation:bounceExtreme .2s infinite}@-webkit-keyframes swayLeftExtreme{0%{transform:rotate(80deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(80deg);transform-origin:bottom left}}@keyframes swayLeftExtreme{0%{transform:rotate(80deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(80deg);transform-origin:bottom left}}@-webkit-keyframes swayRightExtreme{0%{transform:rotate(160deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(160deg);transform-origin:bottom left}}@keyframes swayRightExtreme{0%{transform:rotate(160deg);transform-origin:bottom left}50%{transform:rotate(120deg);transform-origin:bottom left}to{transform:rotate(160deg);transform-origin:bottom left}}@-webkit-keyframes bounceExtreme{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(-1vh)}}@keyframes bounceExtreme{0%{transform:translateY(0)}50%{transform:translateY(2vh)}to{transform:translateY(-1vh)}}.controlsContainer{width:35vw;height:100vh;padding:2vh 2vw 20vh;background-color:#fff;position:relative}.github-corner:hover .octo-face{display:inline}.github-corner .octo-face{display:none}.github-corner:hover .octo-eye{-webkit-animation:octocat-blink .56s ease-in-out;animation:octocat-blink .56s ease-in-out}@-webkit-keyframes octocat-blink{0%,25%,to{transform:scale(1)}60%{transform:scale(0)}85%{transform:scale(.8)}}@keyframes octocat-blink{0%,25%,to{transform:scale(1)}60%{transform:scale(0)}85%{transform:scale(.8)}}@media (max-width:500px){.github-corner:hover .octo-eye{-webkit-animation:none;animation:none}.github-corner .octo-eye{-webkit-animation:octocat-blink .56s ease-in-out;animation:octocat-blink .56s ease-in-out}}.storage-range{cursor:-webkit-grab;cursor:grab}.storage-range:active{cursor:-webkit-grabbing;cursor:grabbing}.file{color:#005782}.computation-range{cursor:-webkit-grab;cursor:grab}.computation-range:active{cursor:-webkit-grabbing;cursor:grabbing}
/*# sourceMappingURL=main.1cd31f6a.chunk.css.map */