.header-list{font-weight:600;font-size:large;li{transition:all .2s ease-in-out;&:hover{text-shadow:0 0 10px #fff;transform:scale(1.05)}}}.scroll-detector:target~.header:before{background-color:rgba(0,0,0,.5)}.scroll-progress-bar{animation:scroll-progress linear;animation-timeline:scroll()}@keyframes scroll-progress{to{width:100vw}}.header-bg{animation:header-color-update linear;animation-timeline:scroll()}.black-header-bg{background-color:rgba(0,0,0,.5)}@keyframes header-color-update{5%{background-color:rgba(0,0,0,.5)}to{background-color:rgba(0,0,0,.5)}}.header-checkbox{position:fixed;top:10px;right:0;&:after{content:"";display:block;position:absolute;width:30px;height:30px;background-color:#fff;position:relative;transform:translateX(-50%)}}