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,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:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}body{background:#efefef;color:#111;font-family:'Riffic Bold';animation:fadein .5s forwards;animation-delay:1s;opacity:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;cursor:url("../images/hand.png") 0 0,auto}@keyframes fadein{from{opacity:0}to{opacity:1}}#carousel{overflow-y:hidden;white-space:nowrap;display:flex;align-items:flex-end;padding-top:2vh;scroll-behavior:smooth;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}#carousel>section{scroll-snap-align:center}section{background-color:#fff;border:10px solid #efefef;border-radius:25px;position:relative}section:after{content:"";display:block;height:60px;position:absolute;z-index:9999;bottom:0;left:0;right:70px;background:transparent}section .block{width:calc(100vw - 20px);height:calc(85vh - 20px);display:flex;flex-flow:column;justify-content:center;align-items:center}h1,h2,h3{text-align:center;position:relative;line-height:105%;z-index:100}h1{font-size:12vw}h1 span{transition:all .2s ease}h1 span:hover{text-shadow:1px 1px 1px #efefef,1px 2px 1px #efefef,1px 3px 1px #efefef,1px 4px 1px #efefef,1px 5px 1px #efefef,1px 6px 1px #efefef,1px 7px 1px #efefef,1px 8px 1px #efefef,1px 9px 1px #efefef,1px 10px 1px #efefef,1px 18px 6px rgba(16,16,16,0.1),1px 22px 10px rgba(16,16,16,0.1),1px 25px 35px rgba(16,16,16,0.1),1px 30px 60px rgba(16,16,16,0.1)}h2{font-size:30vw}h3{font-size:6vw}p.credit{padding:40px;text-align:center;font-weight:400;line-height:20px}p.credit a{text-decoration:none}p.credit a:hover{text-decoration:underline}a{color:#111}span.red{color:#F44336}span.yellow{color:#ffeb3b}span.blue{color:#2196f3}span.orange{color:#ff9800}span.green{color:#4caf50}span.purple{color:#AD49D3}::selection{background:none}@font-face{font-family:'Riffic Bold';src:url("../fonts/riffic-bold.ttf") format("woff2");font-weight:normal;font-style:normal}.board{top:0;left:0;right:0;bottom:0;position:absolute;background-color:transparent !important;z-index:150}div.drawing-board-canvas-wrapper{top:0;bottom:0;left:0;right:0;position:absolute}div.drawing-board-canvas-wrapper canvas{width:100% !important;height:100vh !important}button{-webkit-appearance:none;font-size:50px;text-transform:uppercase;width:50px;text-align:center;line-height:50px;background:transparent;color:#111;border:none;cursor:pointer;z-index:200;padding:0;z-index:9999;position:absolute;right:10px;bottom:13px}button:hover{transform:scale(1.1)}.light-dark{position:fixed;bottom:10px;left:10px;z-index:9999999;padding:20px;text-decoration:none;font-size:30px}.light-dark.clicked{opacity:.6}body.dark-mode section{color:#fff;background:#111}body.dark-mode section a,body.dark-mode section button{color:#fff}h2.clicked{animation:shrinkjump .3s ease-in-out;transform-origin:bottom center}@keyframes shrinkjump{10%, 35%{transform:scale(2, 0.2) translate(0, 0)}45%, 50%{transform:scale(1) translate(0, -150px)}80%{transform:scale(1) translate(0, 0)}}