Website/fanschoice.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Lakes The Guy's Fanpages</title>
    <link rel="icon" href="favicon.png">
</head>
<body>
     <a href="index.html"><div class="linkbuttons">Home</div></a>
        <a href="/aboutme.html"><div class="linkbuttons">About Me</div></a>
       <a href="art.html"><div class="linkbuttons">Art</div></a>
        <a href="/blog.html"><div class="linkbuttons">Blogging</div></a>
        <a href="logcabin.html"><div class="linkbuttons">Chatroom</div></a>
        <a href="donate.html"><div class="linkbuttons">Fundraisers</div></a>
        <a href="extragraphics.html"><div class="linkbuttons">GIF Graphics</div></a>
    <a href="guestbook/gbook.php"><div class="linkbuttons">Guestbook</div></a>
    <a href="/coolsitesandmutuals.html"><div class="linkbuttons">Other Sites</div></a>
    <main>
        <p style="font-size: 70px;">Desktop version or mobile?</p>
        <a href="fanpagetv.html"><div class="linkbuttons">Desktop</div></a> <a href="fanmobile.html"><div class="linkbuttons">Mobile</div></a>
    </main>
</body>
</html>
<style>
    body {
        background-color: black;
        color: white;
        font-family: TheNitpickyCat;
    }
    @font-face {
          font-family: TheNitpickyCat;
            src: url(TheNitpickyCat3.ttf);
}
    .linkbuttons
    {
        background: linear-gradient(to bottom, #e6e0ec 0%,#d4cae0 17%,#b09dc9 50%,#a085c1 51%,#a68dcd 59%,#ad97dd 71%,#9c85c1 84%,#8a60b2 100%);;
        border: none;
        border-radius: 20px;
        color: white;
        padding: 15px 32px;
        text-align: center;
        text-decoration: none;
        display: inline-block;
        font-size: 16px;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
        text-shadow: 2px 2px 5px black;
    }
    .linkbuttons:hover {
          filter: brightness(87%);
            transition-duration: 0.3s;
            transform: scale(0.9);
        }
        
</style>