@import url(https://fonts.googleapis.com/css?family=Roboto+Mono&display=swap);*{font-family:Roboto Mono,monospace}#app,.app[data-v-4a1cc516]{display:flex;align-items:center;justify-content:center;height:100%}.app[data-v-4a1cc516]{width:100%;background-color:#222;flex-direction:column}h1[data-v-4a1cc516]{margin-top:20px}h2[data-v-4a1cc516]{margin-top:10px;cursor:pointer}.block_small[data-v-4a1cc516]{margin-top:10px}.block_area[data-v-4a1cc516]{width:450px;height:450px;display:flex;flex-wrap:wrap}.block[data-v-4a1cc516]{width:150px;height:150px;border:1px solid hsla(0,0%,100%,.2);position:relative;box-sizing:border-box}.small_number[data-v-4a1cc516]{color:#fff;opacity:.2}.block_circle[data-v-4a1cc516]{width:150px;height:150px;border:1px solid hsla(0,0%,100%,.2);position:relative;box-sizing:border-box}.block_circle[data-v-4a1cc516]:after,.block_circle[data-v-4a1cc516]:before{content:"";display:block;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s}.block_circle[data-v-4a1cc516]:before{width:135px;height:135px;background-color:#f35}.block_circle[data-v-4a1cc516]:after{width:90px;height:90px;background-color:#222}.block_cross[data-v-4a1cc516]{width:150px;height:150px;border:1px solid hsla(0,0%,100%,.2);position:relative;box-sizing:border-box}.block_cross[data-v-4a1cc516]:after,.block_cross[data-v-4a1cc516]:before{content:"";display:block;border-radius:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transition:.5s}.block_cross[data-v-4a1cc516]:before{width:135px;height:22.5px;background-color:#46f;transform:translate(-50%,-50%) rotate(45deg)}.block_cross[data-v-4a1cc516]:after{width:135px;height:22.5px;background-color:#46f;transform:translate(-50%,-50%) rotate(-45deg)}*,:after,:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;display:flex;justify-content:center;align-items:center;background-color:#222;flex-direction:column}li,ol,ul{list-style:none}a,a:active,a:focus,a:hover,a:visited{text-decoration:none;color:inherit;outline:none;cursor:pointer}button,button:active,button:focus,button:hover{border:0;outline:none;-webkit-appearance:none;cursor:pointer}button[disabled]{pointer-events:none}input:invalid,input:required{box-shadow:none}a:focus,input:focus,select,select:focus,textarea:focus{outline:none}