@font-face{font-family:'Belwe';src:url('/css/fonts/Belwe/Belwe-Bold.eot?#iefix') format('embedded-opentype'),url('/css/fonts/Belwe/Belwe-Bold.woff') format('woff'),url('/css/fonts/Belwe/Belwe-Bold.ttf') format('truetype'),url('/css/fonts/Belwe/Belwe-Bold.svg#Belwe-Bold') format('svg')}html{margin:0;padding:0}body{margin:0;padding:0;font-family:'PT Serif',serif;overflow:hidden}*{box-sizing:border-box;background-repeat:no-repeat}.landing-page{display:flex;height:100vh}.landing-page .left-bar{width:150px;flex-shrink:0;background-color:#dedede;position:relative;height:100%}.landing-page .logo{display:block;width:100%;padding:10px;background-color:#fff;display:flex;align-items:center;height:150px}.landing-page .logo img{display:block;width:80px;max-width:100%;margin:auto}.landing-page .left-bar .coffee{position:absolute;white-space:nowrap;transform-origin:0 100%;transform:rotate(-90deg);position:absolute;bottom:50px;left:50%;font-family:'Belwe';font-size:25px;cursor:pointer}.landing-page .right-panel{height:100%;background-color:#b8c9d2;flex-grow:1;flex-shrink:0;position:relative}.landing-page .panels{position:relative;height:100%;width:100%;display:flex}.landing-page .panels .panel{height:100%;transition-property:background-color,background-position-y;transition-duration:.4s;transition-timing-function:ease;flex:1 auto;border-left:2px solid #fff;background-position:center center;background-size:100% auto;background-image:url(/images/poooodle.png)}.landing-page .panels .panel:hover{background-color:#1d00ff;background-image:url(/images/pooodle-col.png);background-position-y:calc(50% - 10px)}.landing-page .panels .panel a{display:block;height:100%;width:100%;position:relative;color:#fff;transition:all ease .4s;font-family:Ubuntu;border-bottom:0}.landing-page .panels .panel:hover a{border-bottom:12px solid #ff0076}.landing-page .panels .panel a span{position:absolute;left:100%;white-space:nowrap;bottom:0;transform-origin:0 0;transform:rotate(-90deg) translateY(-100%);font-style:italic;font-weight:400;padding-bottom:20px}.landing-page .panels .panel a em{font-weight:bold;font-style:italic}.landing-page .right-panel .text{font-size:113px;font-family:'Belwe';z-index:2;position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);padding:0 10%}.landing-page .right-panel .text .outlined{-webkit-text-fill-color:transparent;-webkit-text-stroke-width:2px;-webkit-text-stroke-color:#fff}.landing-page .right-panel .text .fill{color:#fff}