html,body{height:100%}html{font-size:625%;-webkit-tap-highlight-color:transparent;overflow:hidden;font-family:brandon-grotesque,HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif}body{background-color:#fef8e7;color:#545454;font-size:.12rem;margin:0}#wrapper{display:flex;height:100%;align-items:center;justify-content:center}#bg-canvas{position:absolute;left:0;top:0;z-index:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}#info{-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:1;position:relative}#info #avatar{width:1rem;height:1rem;margin:0 auto;background:url(/assets/avatar-FpFHcjj7.jpg) no-repeat;background-size:100% 100%;border-radius:100%}#info #tabs{margin:.12rem 0;padding:0;text-align:center;list-style-type:none}#info #tabs .tab{display:inline-block;font-size:.2rem;margin:0 .1rem;color:#cf7e12;cursor:pointer}#copyright{position:absolute;bottom:0;padding:.1rem;font-size:.12rem}.bg-primary{background-color:#cf7e12}.bg-primary-l{background-color:#fbe3a5}.bg-primary-l2{background-color:#ffecb3}.bg-primary-d{background-color:#895111}@media screen and (min-width: 768px){html{font-size:1000%}}@media screen and (min-width: 320px) and (orientation: portrait){html{font-size:625%!important}}@media screen and (min-width: 375px) and (orientation: portrait){html{font-size:732.421875%!important}}@media screen and (min-width: 414px) and (orientation: portrait){html{font-size:808.59375%!important}}@media screen and (min-width: 512px) and (orientation: portrait){html{font-size:1000%!important}}@media screen and (min-height: 320px) and (orientation: landscape){html{font-size:480%!important}}@media screen and (min-height: 375px) and (orientation: landscape){html{font-size:562.5%!important}}@media screen and (min-height: 414px) and (orientation: landscape){html{font-size:621%!important}}@media screen and (min-height: 512px) and (orientation: landscape){html{font-size:768%!important}}@media screen and (min-height: 768px) and (orientation: landscape){html{font-size:1152%!important}}::-moz-selection{background:#ffecb3;color:#895111;text-shadow:none}::selection{background:#ffecb3;color:#895111;text-shadow:none}a{text-decoration:none;transition:all .3s}.hidden{display:none!important}#info #message{position:absolute;bottom:105%;left:50%;transform:translate(-50%);display:flex;justify-content:center;flex-wrap:wrap;width:2.6rem}#info #message #bubble{border:3px solid #895111;border-radius:6px;color:#cf7e12;background-color:#ffecb3;padding:.06rem .1rem;margin:.05rem;font-size:.2rem;text-align:center;transition:font-size .3s;animation:bubble-in 1s ease-in-out;animation-fill-mode:both}#info #message #bubble.out{animation-name:bubble-out}#info #avatar{cursor:pointer;transition:box-shadow .3s ease-in-out,width .3s,height .3s;animation-duration:1s;animation-fill-mode:both}#info #avatar.on{animation-name:say}#info #avatar:hover{box-shadow:#cf7e12 0 0 5px 2px,#fbe3a5 0 0 10px 6px,#ffecb3 0 0 12px 8px}#info #tabs .tab{transition:color .3s ease-in-out,font-size .3s}#info #tabs .tab:hover,#info #tabs .tab.on{color:#895111}#info #tab-content{height:0;opacity:0;transition:all .3s;display:flex;align-items:center;justify-content:center}#info #tab-content .content-list{width:98%;height:90%;margin:0 auto;animation:fadeIn .4s ease-in-out;animation-fill-mode:both;position:relative}#info #tab-content .content-list .list-button{position:absolute;top:50%;transform:translateY(-50%);border:.08rem solid transparent}#info #tab-content .content-list .list-button.prev{left:5px;border-right:.16rem solid #fff}#info #tab-content .content-list .list-button.next{right:5px;border-left:.16rem solid #fff}#info #tab-content .content-list:hover .prev{animation:tweenLeft 2s ease-in-out 2;animation-fill-mode:both}#info #tab-content .content-list:hover .next{animation:tweenRight 2s ease-in-out 2;animation-fill-mode:both}#info #tab-content .content-list-item,#info #tab-content .content-block{background-position:center;background-size:100% 100%;position:relative}#info #tab-content .content-list-item{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;transition:transform .5s cubic-bezier(1,-.53,.405,1.425),opacity .5s ease-in}#info #tab-content .item-title-line,#info #tab-content .item-center-text{color:#fff;font-size:.22rem;letter-spacing:3px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}#info #tab-content .item-title{display:inline-block;padding:.08rem .2rem;text-shadow:2px 2px #333;background-color:#f5f5dc4d;border-radius:6px}#info #tab-content .item-center-text{margin:0;width:80%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-shadow:2px 2px #333}#info #tab-content .item-link{color:#fff;font-size:.2rem;position:absolute;right:.15rem;bottom:.15rem;transition:transform .1s ease-out}#info #tab-content .item-link:hover{transform:scale(1.15)}#info #tab-content .item-link.link-button{box-sizing:border-box;border:3px solid #fff;border-radius:5px;padding:4px 8px;background-color:#66cdaa}#info #tab-content .content-block{display:flex;align-items:center;justify-content:center;width:98%;height:90%;animation:fadeIn .4s ease-in-out;animation-fill-mode:both}#info #tab-content .content-text{color:#cf7e12;font-size:.16rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}#info.expand #message{bottom:102%}#info.expand #message #bubble{font-size:.15rem}#info.expand #avatar{width:.6rem;height:.6rem}#info.expand #tab-content{border:5px solid #cf7e12;border-left:none;border-right:none;opacity:1;width:2.8rem;height:2rem}@keyframes say{0%{transform:scaleX(1)}30%{transform:scale(1.25,.75)}40%{transform:scale(.75,1.25)}50%{transform:scale(1.15,.85)}65%{transform:scale(.95,1.05)}75%{transform:scale(1.05,.95)}to{transform:scaleX(1)}}@keyframes bubble-in{0%{opacity:0}30%{opacity:1;transform:translateY(25%)}40%{transform:translateY(-25%)}50%{transform:translateY(15%)}65%{transform:translateY(-15%)}75%,to{transform:translateY(0)}}@keyframes bubble-out{0%{transform:translateY(0)}25%{transform:translateY(25%)}35%{transform:translateY(-25%)}45%{transform:translateY(15%)}60%{transform:translateY(-15%)}70%{transform:translateY(-15%) scale(1);opacity:1}to{transform:translateY(200%) scale(0);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes tweenLeft{0%,15%,70%,to{left:5px}25%{left:10px}35%{left:0}45%{left:10px}55%{left:0}}@keyframes tweenRight{0%,15%,70%,to{right:5px}25%{right:10px}35%{right:0}45%{right:10px}55%{right:0}}