@import url('https://fonts.googleapis.com/css2?family=Permanent+Marker&display=swap'); @import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@200&display=swap'); .navbar-font { font-family: 'Permanent Marker', cursive; } h1, h4, h5 { text-align: center; position: relative; font-family: 'IBM Plex Sans', sans-serif; } h1 { top: 10vh; font-weight: bolder; } h4, h5 { top: 10vh; } @media only screen and (max-width: 768px) { h1 { font-size: 7vw; } h4 { font-size: 5vw; } }