.logo{display:block;margin-left:10em;margin-top:-1em;will-change:filter;transition:filter .1s}.wraper{display:flex;place-items:flex-start;flex-wrap:wrap}.fly{float:right;padding:.1em 1em;z-index:100;margin-left:-3rem}.fly:hover{border:1px solid #0f5ef3;background-image:linear-gradient(to bottom,#9eee,#eee)}.fly:active{color:#d5fbfb;text-shadow:1px 2px 0 rgba(0,0,0,.5);background-image:linear-gradient(to bottom,#a7c3f4,#103675);border:1px solid rgba(0,0,0,.3);border-style:groove;box-shadow:.3em .3em #0a262e groove}.my-grid{overflow:auto;-webkit-overflow:auto;height:100vh;display:grid;width:100%;grid-template-columns:1fr 1fr}.right-vue{padding:.1em 1em;background-color:#feeffe;filter:drop-shadow(0em 0em 2em rgba(100,108,255,.667));align-content:center;color:#42b883aa}.central{min-width:600px;background-color:#efde}.left-vue{filter:drop-shadow(0em 0em 2em rgba(66,184,131,.667));padding:.1em 1em;height:auto;overflow-y:scroll;white-space:nowrap;background-color:#f0f0f0;text-align:center;align-content:center;color:#42b883aa}.tide{line-height:.1em;padding:.1em;margin:.1em}.wrap{word-break:break-word;max-width:100px;white-space:pre}.box{border:1px solid #eee;border-radius:5px;padding:.1em;inline-size:60ch;margin-block-end:.01em;white-space:pre-line}h5,h4,h3,p,button,pre,code{margin:.2em .1em}h1{text-align:center}a{text-align:center;font-size:1.8em;font-weight:700;margin:1em;color:#646cffaa}.tide2{line-height:.8em;padding:.1em 1.5em;margin:.1em 1.1em;font-size:.9em;border:1px solid #eee}.cbox{margin-left:10em;margin-top:-1em;will-change:filter;transition:filter .1s;width:10em;height:10em}@media (max-width: 1200px){.logo{margin-left:1em}.cbox{margin-left:1em;width:7em;height:7em}}@media (max-width: 900px){.cbox{margin-top:-.1em;margin-left:.1em;width:5em;height:5em}h1{font-size:1.9em}}@media (max-width: 600px){.logo{margin-left:0}a{font-size:1.5em;font-weight:500}}@media (max-width: 700px){a{font-size:.9em;font-weight:400;margin:.5em}h1{font-size:1.3em}.cbox{margin-top:-.3em}}.logo[data-v-678ee3fe]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-678ee3fe]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-678ee3fe]:hover{filter:drop-shadow(0 0 2em #42b883aa)}