@charset "UTF-8";.loader{animation:rotate 1s infinite;height:50px;width:50px}.loader:before,.loader:after{border-radius:50%;content:"";display:block;height:20px;width:20px}.loader:before{animation:ball1 1s infinite;background-color:gray;box-shadow:30px 0 0 var(--pri);margin-bottom:10px}.loader:after{animation:ball2 1s infinite;background-color:var(--pri);box-shadow:30px 0 gray}@keyframes rotate{0%{transform:rotate(0) scale(.8)}50%{transform:rotate(360deg) scale(1.2)}to{transform:rotate(720deg) scale(.8)}}@keyframes ball1{0%{box-shadow:30px 0 0 var(--pri)}50%{box-shadow:0 0 0 var(--pri);margin-bottom:0;transform:translate(15px,15px)}to{box-shadow:30px 0 0 var(--pri);margin-bottom:10px}}@keyframes ball2{0%{box-shadow:30px 0 gray}50%{box-shadow:0 0 gray;margin-top:-20px;transform:translate(15px,15px)}to{box-shadow:30px 0 gray;margin-top:0}}:root{--pri: #40b58a;--sec: #529a82;--ani: cardIn 1s cubic-bezier(.5, 0, .1, 1)}*{box-sizing:border-box;transition:all .3s}@keyframes cardIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom{0%{transform:scale(0)}to{opacity:1;transform:scale(1)}}@property --offset{initial-value: 0px; inherits: false; syntax: "<length>";}html,body{margin:0;padding:0;height:100%}body{font-size:18px;font-family:sans-serif;width:100%;margin:0;font-family:Ubuntu,sans-serif;scroll-behavior:smooth;overflow:overlay}body>div.contain{max-width:700px;margin:0 0 0 15%;display:flex;flex-direction:column;height:100%;justify-content:space-between;position:relative}body article>*:not(.nomarg){margin-block:1em}input,textarea,button,.button,.chip{border:0;padding:5px;font-size:18px;border-radius:5px;margin:0 3px;border:2px solid var(--sec);display:flex;align-items:center;justify-content:center;position:relative;font-family:Ubuntu,sans-serif;flex-wrap:wrap}input,.chip{min-width:200px}button,.button,input[type=submit]{background:var(--pri);min-width:35px;cursor:pointer}button:active,.button:active,input[type=submit]:active{transition:rotate scale .1s;transform:rotate(10deg) scale(1.05)}button:active:after,input[type=submit]:active:after,.button>a:active:after{content:"";width:100%;height:100%;top:0;left:0;position:absolute;transform:rotate(-10deg)!important}input,textarea{width:100%;flex:1.5}input:active,textarea:active{transition:scale .1s;transform:scale(1.05)}input:focus,textarea:focus{outline:none;border-color:#d9b365}input[type=range],textarea[type=range]{width:100%;padding:0}input:disabled,textarea:disabled,input[type=submit]:disabled,button:disabled,.button.disabled{background-color:#d3d3d3;color:#000;cursor:not-allowed}table{border-collapse:separate;border-spacing:0;width:100%}table tr th,table tr td{border-right:2px solid lightgray;border-bottom:2px solid lightgray;padding:5px}table tr th{background:whitesmoke;text-align:left;border-top:solid 2px lightgray;text-align:center}table tr:first-child th:first-child{border-top-left-radius:5px}table tr:first-child th:last-child{border-top-right-radius:5px}table tr:last-child td:first-child{border-bottom-left-radius:5px}table tr:last-child td:last-child{border-bottom-right-radius:5px}table tr th:first-child,table td:first-child{border-left:2px solid lightgray}.button>a{text-decoration:none;color:#000;width:100%;height:100%;text-align:center;padding:5px}.button:has(a){padding:0}hr{height:2px;border:none;background:var(--sec);margin:0 10px}.toolbar{display:flex;flex-wrap:wrap;width:100%}.toolbar>*{flex:1;margin:0 3px}.toolbar .chip{background:repeating-linear-gradient(45deg,#edf1f0 var(--offset),#edf1f0 calc(var(--offset) + 10px),#fff calc(var(--offset) + 10px),#fff calc(var(--offset) + 20px))}.chip{cursor:default}h1{margin-block-end:0;font-size:2em}#breadcrumb{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}#breadcrumb>li>a{animation:var(--ani);display:inline-block}#breadcrumb li:not(:first-child):before{display:inline-block;margin:0 .25rem;content:"/";color:gray}nav{border:2px solid var(--sec);z-index:2;padding:10px;border-radius:0 0 5px 5px;border-top:none;position:sticky;top:0;background-color:#fff}footer{border:2px solid var(--sec);z-index:2;padding:10px;border-radius:5px 5px 0 0;border-bottom:none}footer>p{margin:0}article{flex:1}img:not(.no),video:not(.no){min-width:50%;max-width:100%;border-radius:5px;cursor:wait;position:relative}img:not(.no):hover,video:not(.no):hover{transition:rotate scale .1s;z-index:99;transform:rotate(3deg) scale(1.05)}img:not(.no):active,video:not(.no):active{transform:rotate(9deg) scale(5);border-radius:30px}blockquote,dl{padding:10px 10px 10px 20px;margin:1em 0;border-left:var(--pri) 2px solid}dd{padding:5px 0 5px 20px;margin:0;border-left:var(--pri) 2px solid}.card{width:100%;aspect-ratio:1/1;display:flex;flex-direction:column;gap:5px;border:2px solid var(--sec);border-radius:5px;padding:5px;animation:var(--ani);animation-fill-mode:forwards;animation-delay:calc(.3s * var(--delay))}a{color:#3c6b9d}.emoji{height:1em;width:1em;display:inline-block;background-color:#fff;position:relative}.emoji>img,.emoji>video{cursor:none;position:relative;border-radius:0}.emoji>img:hover,.emoji>video:hover{transform:rotate(3deg) scale(10);z-index:99}.emoji>img:active,.emoji>video:active{transform:rotate(9deg) scale(30);z-index:99}.no:hover{transform:skew(30deg,20deg);cursor:grabbing}.sbt{display:flex;justify-content:space-between;flex-grow:1}.list{padding-inline-start:0}.list>li{display:flex;padding:20px;gap:20px;border-radius:5px}.list>li:nth-child(odd){background-color:#f5f5f5}.list>li:before{display:inline;content:"📁"}main{animation:var(--ani)}.notrans *{transition:none}.floater{width:350px;height:350px;display:flex;justify-content:center;align-items:center;float:right;margin-left:10px}@media screen and (max-width: 600px){.floater{float:none;margin-left:auto;margin-right:auto}}@media screen and (max-width: 900px){body>div.contain{margin:0 30px}}@media print{body>div.contain{margin:0 30px}nav,footer{display:none}h1{clear:both}}