html { margin: 0; padding: 0; font-family: var(--text2); } body { margin: 0; padding: 0; } :root { --logo: 'LobsetRegular', sans-serif; --h1Fugaz: 'H1HomeMainFriaze', sans-serif; --h1VictorMono: 'H1VM', monospace; --header1: 'Audiowide', cursive; --header2: 'fastrun', sans-serif; --text1: 'Poppins', sans-serif; --text2: 'Monttserrat', sans-serif; --button1: 'NunitoSans', sans-serif; --message1: 'Rubik', sans-serif; } @font-face { font-family: LobsetRegular; src: url('/fonts/Lobster-Regular.ttf'); font-weight: normal; font-style: normal; } @font-face { font-family: 'H1HomeMainFriaze'; src: url('/fonts/FugazOne-Regular.ttf'); } @font-face { font-family: 'H1VM'; src: url('/fonts/VictorMono-VariableFont_wght.ttf'); } @font-face { font-family: 'Monttserrat'; src: url('/fonts/Montserrat-VariableFont_wght.ttf'); } @font-face { font-family: 'Audiowide'; src: url('/fonts/Audiowide-Regular.ttf'); } @font-face { font-family: 'fastrun'; src: url('/fonts/fastrun-regular.otf'); } @font-face { font-family: 'NunitoSans'; src: url('/fonts/NunitoSans-VariableFont_YTLC,opsz,wdth,wght.ttf'); } @font-face { font-family: 'Poppins'; src: url('/fonts/Poppins-VariableFont_wght.otf'); } @font-face { font-family: 'Rubik'; src: url('/fonts/Rubik-VariableFont_wght.ttf'); }