#demo,body,html{margin:0;padding:0;height:100%;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#ccc}h1{font-size:4em;letter-spacing:-.01em;margin-bottom:1em}h1,h2{margin-top:0}h2{margin-bottom:0}p{margin-top:0;margin-bottom:1em;line-height:1.4}button{padding:15px 30px;background:#000;color:#fff;border:none;font-size:1.5em;font-weight:700;letter-spacing:-.05em;margin-right:10px;cursor:pointer}.pyramid__element{background-color:hsla(0,0%,100%,.333333);-webkit-transition:all .3s cubic-bezier(.785,.135,.15,.86),opacity .3s linear,background-color 0ms linear;-o-transition:all .3s cubic-bezier(.785,.135,.15,.86),opacity .3s linear,background-color 0ms linear;transition:all .3s cubic-bezier(.785,.135,.15,.86),opacity .3s linear,background-color 0ms linear}.pyramid__element--zoomedIn,.pyramid__element--zoomingIn,.pyramid__element--zoomingOut{background-color:#000}@media screen and (prefers-reduced-motion){.pyramid__element--zoomedIn,.pyramid__element--zoomingIn,.pyramid__element--zoomingOut{-webkit-transition:none!important;-o-transition:none!important;transition:none!important}}.view{background-color:#ccc}.film{position:relative;color:#fff;-webkit-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;overflow:auto;zoom:1}.film__posterContainer{display:block;position:relative;z-index:10;-webkit-transition:opacity .3s linear,-webkit-transform .3s cubic-bezier(.63,-.43,.33,1.41);transition:opacity .3s linear,-webkit-transform .3s cubic-bezier(.63,-.43,.33,1.41);-o-transition:transform .3s cubic-bezier(.63,-.43,.33,1.41),opacity .3s linear;transition:transform .3s cubic-bezier(.63,-.43,.33,1.41),opacity .3s linear;transition:transform .3s cubic-bezier(.63,-.43,.33,1.41),opacity .3s linear,-webkit-transform .3s cubic-bezier(.63,-.43,.33,1.41)}.film__poster{top:0;left:0;width:100%}.film__info,.film__poster{position:absolute;height:auto;-webkit-box-sizing:border-box;box-sizing:border-box}.film__info{top:100px;left:50%;z-index:0;width:50%;padding:20px;-webkit-transition:all .3s cubic-bezier(.63,-.43,.33,1.41);-o-transition:all .3s cubic-bezier(.63,-.43,.33,1.41);transition:all .3s cubic-bezier(.63,-.43,.33,1.41)}.film__title{font-size:3em;margin-bottom:.5em}.film__year{font-size:.618em;font-weight:400}.film__summary{margin-bottom:2em;max-width:70ch}.film__creds,.film__genres{width:100%;display:block;list-style:none;padding:0;overflow:auto;zoom:1;margin:0;margin-bottom:2em}.film__genre{display:inline-block;padding:10px;background:#fff;color:#000;float:left;margin-right:5px}
/*# sourceMappingURL=demo.a334db8d.css.map*/