22/* Define the Poppins Font Family */
33@font-face {
44 font-family : ' Poppins' ;
5- src : url (' /assets /font/Poppins-Regular.ttf' ) format (' truetype' );
5+ src : url (' .. /font/Poppins-Regular.ttf' ) format (' truetype' );
66 font-weight : 400 ;
77 font-style : normal ;
88}
99
1010@font-face {
1111 font-family : ' Poppins' ;
12- src : url (' /assets /font/Poppins-Italic.ttf' ) format (' truetype' );
12+ src : url (' .. /font/Poppins-Italic.ttf' ) format (' truetype' );
1313 font-weight : 400 ;
1414 font-style : italic ;
1515}
1616
1717@font-face {
1818 font-family : ' Poppins' ;
19- src : url (' /assets /font/Poppins-Medium.ttf' ) format (' truetype' );
19+ src : url (' .. /font/Poppins-Medium.ttf' ) format (' truetype' );
2020 font-weight : 500 ;
2121 font-style : normal ;
2222}
2323
2424@font-face {
2525 font-family : ' Poppins' ;
26- src : url (' /assets /font/Poppins-SemiBold.ttf' ) format (' truetype' );
26+ src : url (' .. /font/Poppins-SemiBold.ttf' ) format (' truetype' );
2727 font-weight : 600 ;
2828 font-style : normal ;
2929}
3030
3131@font-face {
3232 font-family : ' Poppins' ;
33- src : url (' /assets /font/Poppins-Bold.ttf' ) format (' truetype' );
33+ src : url (' .. /font/Poppins-Bold.ttf' ) format (' truetype' );
3434 font-weight : 700 ;
3535 font-style : normal ;
3636}
@@ -67,6 +67,20 @@ h1, h2, h3, h4, h5, h6,
6767
6868/* Mobile Size (Adjusts for screens smaller than 600px) */
6969@media (max-width : 600px ) {
70+ .site-header {
71+ .wrapper {
72+ display : flex ;
73+ flex-direction : column ;
74+ align-items : center ;
75+ }
76+ }
77+
78+ .site-title {
79+ float : none ; /* Removes the default left float */
80+ margin-right : 0 ;
81+ text-align : center ;
82+ font-size : smaller ;
83+ }
7084 .site-logo img {
7185 max-height : 5rem ;
7286 min-width : 240px ;
@@ -76,17 +90,15 @@ h1, h2, h3, h4, h5, h6,
7690 flex-direction : column ; /* Stacks items vertically */
7791 align-items : center ; /* Centers them horizontally */
7892 text-align : center ;
93+
7994 }
8095
8196 .site-logo {
82- margin-right : 0 ; /* Removes the side spacing used in desktop view */
83- margin-bottom : 0.5 rem ; /* Adds space between logo and title */
97+ display : block ;
98+ margin : 0 auto 10 px auto ; /* Centers the logo and adds space below */
8499 }
85100
86- .site-title {
87- margin-left : 0 ;
88- font-size : 1.2rem ; /* Optional: shrinks title slightly for mobile */
89- }
101+
90102}
91103
92104/* Offsets the anchor scroll so the header doesn't cover the title */
0 commit comments