styles.css
* { margin : 0 ; padding : 0 ; box-sizing : border-box ; } body { display : flex ; justify-content : center ; align-items : center ; min-height : 100 vh ; background : url ( https://wallpapercave.com/wp/wp2939885.jpg ) no-repeat ; background-size : cover ; background-position : center ; } header { position : fixed ; top : 0 ; left : 0 ; width : 100 % ; padding : 20 % 100 px ; background : transparent ; display : flex ; justify-content : space-between ; align-items : center ; z-index : 99 ; } .logo { font-size : 2 em ; color : #fff ; user-select : none ; } .navigation a { position : relative ; font-size : 1.1 em ; color : #fff ; text-decoration : none ; font-weight : 500 ; margin-left : 40 px ; } .navigation a ::after { content : attr (); position : absolute ...