body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}:root{--color:#000;--app-height:100vh}@font-face{font-family:Mazius;font-style:normal;src:url(/static/media/MAZIUSREVIEW20.09-Regular.55ef6250bbd7e3f6132a.woff)}@font-face{font-family:Mazius;font-style:italic;src:url(/static/media/MAZIUSREVIEW20.09-Italic.c6431310b7400211bf0a.woff)}h1{font-size:4.2rem;font-style:italic;margin-bottom:.4rem;margin-top:1.3rem}h1,h2{color:#0000fc;font-family:Mazius}h2{font-size:1.7rem;margin-bottom:3rem;margin-top:0}li,p,ul{font-size:1.5rem;line-height:1.7rem}ul{display:flex;margin-bottom:0;margin-top:.3rem}li{flex:1 1}li:first-of-type{margin-right:2rem}a{-webkit-text-decoration:underline .05em;text-decoration:underline .05em;text-underline-offset:.08em}a,a:visited{color:#0000fc}a:hover{font-size:1.6rem;transition:.3s}.name{white-space:nowrap}p+p{margin-top:1.5rem}#text{padding-left:12rem}img{height:auto;max-width:100%}button{background:#cecece;border-radius:15px;border-width:1px;box-shadow:0 0 5px 0 #000,inset 0 0 5px 0 #787878,0 0 0 0 transparent;box-sizing:border-box;cursor:pointer;display:inline-block;font-size:.7rem;font-weight:700;margin:0 .2rem;min-height:25px;min-width:70px;padding:.25rem;text-transform:uppercase;width:auto}.next,.prev{font-size:1rem;line-height:.1rem;padding:.4rem .3rem}button:hover{background:#0000fc;box-shadow:0 0 5px 0 #000,0 0 #fff,inset .2rem .2rem .2rem #7a7a7a,inset -.2rem -.2rem .4rem #fff;color:#fff}video{min-height:100%;-webkit-transform:translateX(-20vw);transform:translateX(-20vw)}image{max-height:100%}.container{display:flex;flex-direction:column;height:100vh;height:var(--app-height);overflow:hidden;width:100vw}#header{margin-top:10px}#column1{flex-grow:1;overflow:auto;padding:0 1rem 1rem;position:relative}#column2{display:flex;flex-direction:column;justify-content:center;transition:.3s;transition-timing-function:ease-in-out;z-index:2}#column2 .resizable{flex-basis:1;flex-grow:2;flex-shrink:2;overflow:hidden}.nav{bottom:0;display:flex;height:30px;justify-content:center;position:absolute;-webkit-transform:translateY(15px);transform:translateY(15px);width:100vw}#column2{position:relative}.react-p5{height:100vh;pointer-events:none;position:absolute;width:100vw;z-index:1000}.video-container{background-color:#2a2a2a;position:relative}.custom-controls{align-items:center;bottom:8px;color:#fff;display:flex;padding:.7rem;position:absolute;width:calc(100vw - 20px)}input[type=range]{-webkit-appearance:none;background:#fff;border-radius:5px;height:2px;outline:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:#000;background:var(--color);background:#d1d1d1;border-radius:10px;box-shadow:0 0 1px 0 #000,inset 0 0 3px 0 #000,0 0 0 0 transparent;cursor:pointer;height:25px;width:5px}input[type=range]::-webkit-slider-thumb:hover{background:#0000fc;box-shadow:0 0 2px 1px #00f}input[type=range]::-moz-range-thumb{background:#000;background:var(--color);background:#b6b6b6;border-color:hsla(0,0%,100%,.5) hsla(0,0%,100%,.5) rgba(0,0,0,.5) rgba(0,0,0,.5);border-radius:10px;border-style:inset;border-width:2px;cursor:pointer;height:30px;width:5px}input[type=range]::-moz-range-thumb:hover{background:#0000fc;box-shadow:0 0 5px 3px #00f}#seek-bar{flex-grow:1}.imageContainer{background:#eaeaea;border-radius:2px;box-shadow:0 0 3px 0 #000,inset 0 0 5px 0 #787878,0 0 0 0 transparent;cursor:move;padding:.3rem;pointer-events:all;position:relative;width:170px}.imageContainer:hover{box-shadow:0 0 2px 0 #000,0 0 #fff,inset .1rem .1rem .1rem #7a7a7a,inset -.2rem -.2rem .4rem #fff}.imageContainer p{font-family:sans-serif;font-size:1rem;line-height:1.2rem}.imageGallery{height:100%;margin-top:100px;pointer-events:none;position:fixed;width:100%}#credits{border-radius:10px;color:#0000fc;margin-top:1rem}#credits p:nth-of-type(2){margin-top:.5rem}@media only screen and (max-width:480px){li:first-of-type{margin-right:1rem}#volume-bar{display:none}#column1{width:calc(100% - 2rem)}.custom-controls{width:calc(100% - 1.6rem)}.nav{width:calc(100vw - .3rem)}}@media only screen and (max-width:600px){#column2 .resizable{display:flex;justify-content:center}video{-webkit-transform:translateX(0);transform:translateX(0)}}@media only screen and (max-width:820px) and (orientation:landscape){#column2 .resizable{display:block;justify-content:center}video{height:auto;-webkit-transform:translateX(0);transform:translateX(0);width:100%}}@media only screen and (max-width:700px){li,p,ul{font-size:1.1rem;line-height:1.25rem}a:hover{font-size:1.4rem}h1{font-size:3.2rem;line-height:3.1rem;margin-bottom:.5rem;margin-top:1.3rem}h2{font-size:1.5rem;line-height:1.7rem;margin-bottom:1.5rem}#text{padding-left:0}.imageContainer{width:130px}.imageContainer p{font-size:.9rem;line-height:1rem}.custom-controls{bottom:13px}}abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,tfoot,thead,time,tt,u,var,video{border:0;margin:0;padding:0;text-decoration:none;vertical-align:initial}a,h1,h2,ul{padding:0}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:after,blockquote:before,q:after,q:before{content:"";content:none}
/*# sourceMappingURL=main.a9257c58.css.map*/