body{ font-family:ms gothic; font-size:18px; } @font-face { font-family:'synkopy'; src:url(Synkopy-Regular.otf); } /* https://fontesk.com/synkopy-font/ - that's where i downloaded the above font! */ /* IF YOU DON'T WANT TO USE A CUSTOM FONT, FEEL FREE TO DELETE FROM HERE UP TO "@FONT-FACE" AND "P" */ p { font-family:'synkopy'; } #container{ width:800px; margin:0 auto; text-align:center; } #main { width:500px; margin:0 auto; text-align:justify; border:3px double black; max-height:40%; padding:3px 3px 3px 3px; background: white; } hr { border:0; height:1px; background-image:linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0)); } @keyframes wiggle{ from{ transform:scale(0.98) } 50%{ transform:scale(1) } to{ transform:scale(0.98) } } #textlol { font-size:50px; text-decoration: none; transition: 0.4s; } #textlol:hover { letter-spacing:5px; } #links{ border:1px solid black; text-align:center; padding:5px; width:500px; margin:0 auto; background: white; } #links ul { display: flex; padding: 0; margin: 0; list-style-type: none; justify-content: space-evenly; } a{ color:#AA3039; } a:hover{ color:#000000; }