Code Tester

<div id="content" style="height:620px;overflow:hidden;text-align:justify;line-height:170%;color:#333;background-color:#000"> <style> .link { display: block; width: 190px; height: 190px; background-size:cover; line-height: 190px; margin: 6px; text-decoration:none; color: #fff; } #about-nav { display: flex; flex-wrap: wrap; justify-content:center; text-align: center; font-family: Georgia; font-size: 25px; letter-spacing: 3px; } a { webkit-transition:all 0.7s ease-in-out; -moz-transition:all 0.65s ease-in-out; -ms-transition:all 0.5s ease-in-out; -o-transition:all 0.7s ease-in-out; transition:all 0.5s ease-in-out; } a.link:hover{ opacity:0.1; color:#fff; } @font-face{font-family:Broadcast Matter;src:url(https://dl.dropbox.com/s/1xvsf0ivv73xfp7/Broadcast_Matter.otf);} @font-face{font-family:jetamie;src:url(https://dl.dropbox.com/s/ls7jvrk6jt8o8rt/Je-Taime.otf);} </style> <div id="about-nav"> <a href="#1a" style="background:#000 url(https://i.pinimg.com/originals/22/a8/eb/22a8ebdd3d05d7de3dba19f71dc2b679.jpg);background-size:cover;" class="link" style="">About</a> <a href="#1b" style="background:#000 url(http://backgroundcheckall.com/wp-content/uploads/2017/12/dark-aesthetic-background-9172.png);background-size:cover;" class="link">Personality</a> <a href="#1c" style="background:#000 url(https://i.imgur.com/7hb8Lwk.png);background-size:cover;" class="link">Appearance</a> <a href="#1d" style="background:#000 url(https://i.pinimg.com/originals/59/88/4e/59884ebc4eb16e9afbfbc1482f826312.jpg);background-size:cover;" class="link">Fun Facts</a> <a href="#1d" style="background:#000 url(https://steamuserimages-a.akamaihd.net/ugc/921424670665743361/EAE67D9C8B29BCB5CED1DAC1D2E23D2D3C3DAB4A/);background-size:cover;" class="link">History</a> <a style="display:block;width:400px;height:200px;font-size:80px;background-color:#000;line-height:60px;margin:4px;color:#fff;font-family:Broadcast Matter;"><br>April Jaymes</a> <a style="background:#000 url(http://cheminee.info/wp-content/uploads/2018/06/wallpaper-full-hd-p-for-pc-rhpixelcreationcom-iphone-lovely-backgrounds-rhcheaprbsunglassouteltus-iphone-black-and-white-tumblr-aesthetic-wallpaper-lovely-backgrounds-rhcheaprbsunglassouteltus-world.jpg);background-size:cover;" href="#1d" class="link">Quotes</a> <a style="background:#000 url(https://i.pinimg.com/236x/a7/12/d9/a712d9a317985b7c1bccb0b6480f741b.jpg);background-size:cover;" href="#1d" class="link">HISTORY</a> <a style="background:#000 url(https://wallpaperbrowse.com/media/images/636259424877117599-GettyImages-509492828.jpg);background-size:cover;" href="#1d" class="link">HISTORY</a> <a style="background:#000 url(https://data.whicdn.com/images/275851439/large.jpg);background-size:cover;" href="#1d" class="link">HISTORY</a> <a href="#1d" style="background:#000 url(http://homepages.neiu.edu/~mjniemie/cs300/images/black-rose-dektop-hd-640x447.png);background-size:cover;" class="link">HISTORY</a> </div> </div>