html{height:100%}body{min-height:100%}.outer{height:100%;position:absolute;top:0;left:0}.box{z-index:-100;background-color:transparent;width:0;height:0;position:-webkit-sticky;position:sticky;top:0;left:0}.box:after{content:" ";border-bottom:100vh solid #724cf9;border-left:100vw solid transparent;width:0;position:absolute}.input:focus+label,.input:not(:placeholder-shown)+label{opacity:1;transform:translateY(-23px)translate(-5%)scale(.9)}