.container{display:grid;grid-template-rows:auto calc(100% - 85px) auto;grid-gap:0;height:100%;height:100vh}main{display:block;padding:0;overflow:auto}article,section{height:100%}section,.vertical-split{display:grid;grid-template-columns:1fr 1fr;grid-gap:2px}.vertical-split{display:grid;grid-template-columns:auto;grid-template-rows:2fr 1fr}figure{margin:0;background-color:#000;background-size:cover;background-repeat:no-repeat}figure.create{background-image:url(/images/create_bg@1x.jpg)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){figure.create{background-image:url(/images/create_bg@2x.jpg)}}figure.library{background-image:url(/images/browse_bg@1x.jpg);background-position-y:-15rem}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){figure.library{background-image:url(/images/browse_bg@2x.jpg)}}@media (max-width: 1200px){figure.library{background-position-y:-11rem}}@media (max-width: 992px){figure.library{background-position-y:-5rem}}figure.fixture-options{background-image:url(/images/fixtures_bg@2x.jpg)}@media only screen and (-webkit-min-device-pixel-ratio: 2),only screen and (min--moz-device-pixel-ratio: 2),only screen and (-o-min-device-pixel-ratio: 2/1),only screen and (min-device-pixel-ratio: 2),only screen and (min-resolution: 192dpi),only screen and (min-resolution: 2dppx){figure.fixture-options{background-image:url(/images/fixtures_bg@1x.jpg)}}figure a{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;transition:all .1s ease-out;width:100%;height:100%}figure a:hover{box-shadow:0 100vh #e51b00b3 inset;color:#fff;text-decoration:none}figure a:hover h1{font-size:1.6rem}figure a:hover p{font-size:1rem}figure h1,figure p{text-shadow:0 0 5px rgba(0,0,0,.7);transition:all .1s ease-out}figure h1{font-size:1.5rem;font-weight:400;text-transform:uppercase}