html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,input,textarea,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;outline:none}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}a,a:hover,a:active,a:focus{text-decoration:none;outline:none}button{border:0;outline:none}html{height:100%;-webkit-text-size-adjust:100%}body{font:300 16px/1.8em "Lobster","PingFangTC-Light",Noto Sans,Arial,Helvetica,sans-serif;height:100%;background:#000;margin:0;padding:0;color:#fff;-moz-user-select:-moz-none;-ms-user-select:none;-webkit-user-select:none;user-select:none;overflow:hidden}.screen{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden}canvas{background:#000;display:block}a,a:hover,a:active,a:focus,button,button:hover,button:active,button:focus{text-decoration:none;outline:none;-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none;color:#000;font-family:"Lobster","PingFangTC-Bold",Noto Sans,Arial,Helvetica,sans-serif}.intro{position:absolute;left:0;top:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0.8);text-align:center;display:flex;justify-content:center;align-items:center}.intro>div{max-width:500px;margin:0 auto;font-family:"PingFangTC-Bold",Noto Sans,Arial,Helvetica,"儷黑 Pro","LiHei Pro","微軟正黑體","Microsoft JhengHei",sans-serif}.intro img{max-width:80px}.intro h1{font-weight:700;font-size:3em;font-style:italic;margin:10px 0 60px 0;text-shadow:0 0 8px rgba(255,255,255,0.6);white-space:nowrap;font-family:"Lobster","PingFangTC-Bold",Noto Sans,Arial,Helvetica,sans-serif}.intro small{font-size:.9em;color:#c80050;display:block;margin-top:40px}.intro a{color:#c80050;border-bottom:1px solid #c80050}.intro a:hover{border-color:transparent}.intro button{border-radius:50px;background-clip:content-box;line-height:50px;padding:0 30px;margin:20px 0;font-size:1.5em;text-transform:uppercase;color:#fff;cursor:pointer;position:relative;overflow:hidden;-moz-transition:all .7s ease;-o-transition:all .7s ease;-webkit-transition:all .7s ease;transition:all .7s ease;-moz-box-shadow:0 0 15px rgba(0,22,191,0.5);-webkit-box-shadow:0 0 15px rgba(0,22,191,0.5);box-shadow:0 0 15px rgba(0,22,191,0.5)}.intro button span{position:relative;z-index:10}.intro button::before{content:"";display:block;position:absolute;left:0;top:0;width:200%;height:100%;background:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuMCIgeTE9IjAuNSIgeDI9IjEuMCIgeTI9IjAuNSI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwMTZiZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M4MDA1MCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');background:-webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #0016bf),color-stop(100%, #c80050));background:-moz-linear-gradient(left, #0016bf,#c80050);background:-webkit-linear-gradient(left, #0016bf,#c80050);background:linear-gradient(to right, #0016bf,#c80050);-moz-transition:all .3s ease;-o-transition:all .3s ease;-webkit-transition:all .3s ease;transition:all .3s ease}.intro button:hover::before{-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-webkit-transform:translateX(-50%);transform:translateX(-50%)}.demos{position:absolute;left:20px;top:0;width:100%;z-index:1000;color:#c80050}.demos a{color:#c80050}