*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}.full-height{height:100vh;background-color:#3498db;display:flex;align-items:center;justify-content:center;color:white;font-size:2rem}.verticaline::after{content:"";position:absolute;right:0;top:0;bottom:3.6rem;width:5px;height:100%;border-radius:5px;box-shadow:-8px 3px 9px 0px #000;background:linear-gradient(130deg,#ff7a18 0%,#af002d 41.07%,#319197 76.05%)}.verticaline::before{content:"";position:absolute;left:-4px;top:0;bottom:3.6rem;width:5px;height:100%;border-radius:5px;box-shadow:5px 2px 9px 0px #000;background:linear-gradient(130deg,#ff7a18 0%,#af002d 41.07%,#319197 76.05%);z-index:10}