@font-face { font-family: 'Rounded Elegance'; src: url('fonts/rounded_elegance.ttf'); } @font-face { font-family: 'Transformers'; src: url('fonts/transformers.ttf'); } h1.transred { font-family: 'Transformers', sans-serif; color: red; } p, a, h1, h2, li { font-family: 'Rounded Elegance', sans-serif; } p, p.white_fix, i.white, li { color: white; } a, h1, p.green, i, h2 { color: lime; } body { background-color: black; text-align: center; } p.red, a.red, i.red, h1.red, h2.red { color: rgb(255, 42, 42); } div.linkz { text-align: center; display: flex; flex-direction: row; align-items: center; justify-content: space-evenly; font-size: 4em; width: 100%; height: 25vh; box-sizing: border-box; } a.blue, i.blue, p.blue { color: rgb(42, 255, 42); } div.container { margin-bottom: 1em; width: 100%; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100vh; padding: 20%; box-sizing: border-box; /* font-size: 1.2em; */ } p.black { color: black; }