.slider-container{position:relative;overflow:hidden;width:100vw;height:100vh}.left-slide{height:100%;width:35%;position:absolute;top:0;left:0;transition:transform .5s ease-in-out}.left-slide>div{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;display:flex;padding:0 15% 0 15%;flex-direction:column;color:#000}.left-slide h1{font-size:40px;margin-bottom:10px;margin-top:-30px}.right-slide{height:100%;position:absolute;top:0;left:35%;width:65%;transition:transform .5s ease-in-out}.right-slide>div{background-repeat:no-repeat;background-size:cover;background-position:center center;display:flex;padding:0 15% 0 15%;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:#aaa}button{background-color:#fff;border:none;color:#a9a9a9;cursor:pointer;font-size:45px;padding:15px}button:hover{color:#0071b6}button:focus{outline:none}.slider-container .action-buttons button{position:absolute;left:35%;top:50%;z-index:100}.slider-container .action-buttons .down-button{transform:translateX(-100%);border-top-left-radius:5px;border-bottom-left-radius:5px}.slider-container .action-buttons .up-button{transform:translateY(-100%);border-top-right-radius:5px;border-bottom-right-radius:5px}