@import url(https://fonts.googleapis.com/css2?family=Karla:ital,wght@0,200..800;1,200..800&display=swap);@import url(https://fonts.googleapis.com/css2?family=Rubik+Mono+One&display=swap);@import url(https://fonts.googleapis.com/css2?family=Bowlby+One+SC&display=swap);*,body{margin:0;padding:0}.panel,.splitview{overflow:hidden}:root{--lit__color:#5f5547;--con__color:linear-gradient(-20deg, #bb7413, #e7d25c);--bg__color1:#131314;--bg__color2:#000}*{box-sizing:border-box;font-family:Karla,serif;box-sizing:border-box}body{font-size:100%;font-family:Arial,Helvetica,sans-serif}.splitview{position:relative;width:100%;min-height:45vw}.panel,.panel .content{width:100vw;min-height:45vw;position:absolute}.panel .content{color:#fff}.panel .description{width:25%;position:absolute;top:50%;transform:translateY(-50%);text-align:center}.panel img{box-shadow:0 0 20px 20px rgba(0,0,0,.15);width:35%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bottom{z-index:1}.bottom .description{right:5%}.top{background-image:var(--con__color);z-index:2;width:50vw}.top .description{left:5%}.handle{height:100%;position:absolute;display:block;background-color:#fdab00;width:5px;top:0;left:50%;z-index:3}.skewed .handle{top:50%;transform:rotate(30deg) translateY(-50%);height:200%;-webkit-transform-origin:top;-moz-transform-origin:top;transform-origin:top}.skewed .top{transform:skew(-30deg);margin-left:-1000px;width:calc(50vw + 1000px)}.skewed .top .content{transform:skew(30deg);margin-left:1000px}.description h1{font-size:4rem;font-family:"Bowlby One SC",serif;background-color:transparent;color:#fff;text-align:left;line-height:4rem}.description p{text-align:left;margin-top:1rem}@media (max-width:900px){body{font-size:75%}}