*{box-sizing:border-box;margin:0;padding:0}html,body{scroll-behavior:smooth;width:100%;min-height:100%}.red-column{z-index:50;background:linear-gradient(#5a0000 0%,#8b0000 50%,#5a0000 100%);width:30px;height:100vh;position:fixed;top:0}.red-column-left{left:0;box-shadow:2px 0 12px #8b000066}.red-column-right{right:0;box-shadow:-2px 0 12px #8b000066}@media (max-width:1024px){.red-column{width:12px}}@media (max-width:640px){.red-column{width:4px}}