22 font-variation-settings : "FILL" 0 , "wght" 400 , "GRAD" 0 , "opsz" 48 ;
33}
44
5- .fixed -nav-bar # icon-container {
5+ .f -nav # icon-container {
66 display : flex;
77 align-items : center;
88}
@@ -13,13 +13,13 @@ img {
1313 padding-top : 5px ;
1414}
1515
16- .fixed -nav-bar -container {
16+ .f -nav-container {
1717 min-width : 5vw ;
1818 min-height : 10vh ;
1919 display : inline;
2020}
2121
22- .fixed -nav-bar {
22+ .f -nav {
2323 top : 0 ;
2424 letter-spacing : 2px ;
2525 font-size : 22px ;
@@ -40,12 +40,12 @@ img {
4040 position : fixed;
4141}
4242
43- .fixed -nav-bar .icon : hover {
43+ .f -nav .icon : hover {
4444 transform : translateY (-15% ) scale (1.03 );
4545 font-weight : 800 ;
4646}
4747
48- .fixed -nav-bar .icon {
48+ .f -nav .icon {
4949 position : absolute;
5050 float : left;
5151 text-transform : uppercase;
6262 top : 18% ;
6363}
6464
65- .fixed -nav-bar -right {
65+ .f -nav-right {
6666 position : absolute;
6767 top : 50% ;
6868 transform : translateY (-50% );
7373 right : 2% ;
7474}
7575
76- .fixed -nav-bar -right .navbar-link {
76+ .f -nav-right .navbar-link {
7777 margin-left : 10px ;
7878 text-transform : uppercase;
7979 cursor : pointer;
8888}
8989
9090@media (orientation : portrait) {
91- .fixed -nav-bar -right .navbar-link {
91+ .f -nav-right .navbar-link {
9292 margin-left : 10px ;
9393 text-transform : uppercase;
9494 font-size : 2.5vw ;
@@ -102,7 +102,7 @@ img {
102102 transition : all 0.2s ease;
103103 transform : translateX (0% );
104104 }
105- .fixed -nav-bar -right .navbar-link : hover {
105+ .f -nav-right .navbar-link : hover {
106106 text-transform : uppercase;
107107 cursor : pointer;
108108 font-weight : 800 ;
@@ -113,7 +113,7 @@ img {
113113 }
114114}
115115
116- .fixed -nav-bar -right .navbar-link : hover {
116+ .f -nav-right .navbar-link : hover {
117117 text-transform : uppercase;
118118 cursor : pointer;
119119 font-weight : 800 ;
@@ -138,13 +138,13 @@ img {
138138}
139139
140140@media (max-width : 768px ) {
141- .fixed -nav-bar -right .navbar-link an {
141+ .f -nav-right .navbar-link an {
142142 display : none;
143143 }
144- .fixed -nav-bar -right .fa-solid {
144+ .f -nav-right .fa-solid {
145145 display : inline;
146146 }
147- .fixed -nav-bar -right .navbar-link {
147+ .f -nav-right .navbar-link {
148148 font-size : 4.5vw ;
149149 }
150150}
0 commit comments