.home-box{display:flex;align-items:center;justify-content:center;flex-direction:column}.home-box .nav-item{font-size:30px;letter-spacing:2px;cursor:pointer;position:relative;padding:0 10px;color:hsla(0,0%,100%,.8);margin:10px}.home-box .nav-item span{position:relative;z-index:2}.home-box .nav-item:after{content:"";position:absolute;left:0;right:0;bottom:0;z-index:1;height:15px;border:1px solid #ca0203;background-image:linear-gradient(270deg,#ca0203,rgba(0,0,0,.97));transform:skewX(-24deg);transition:all .3s}.home-box .nav-item:hover{color:#fff}.home-box .nav-item:hover:after{transform:skewX(0);left:-10px;right:-10px;background-image:linear-gradient(90deg,#ca0203,#ca0203)}