Website/fanpagetv.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Lakes' Fanpage TV</title>
    <link rel="icon" href="favicon.png">
</head>
<body>
    
        <a href="index.html"><div class="otherpages">Home</div></a>
        <a href="/aboutme.html"><div class="otherpages">About Me</div></a>
       <a href="art.html"><div class="otherpages">Art</div></a>
        <a href="/blog.html"><div class="otherpages">Blogging</div></a>
        <a href="logcabin.html"><div class="otherpages">Chatroom</div></a>
        <a href="donate.html"><div class="otherpages">Fundraisers</div></a>
        <a href="extragraphics.html"><div class="otherpages">GIF Graphics</div></a>
    <a href="guestbook.html"><div class="otherpages">Guestbook</div></a>
    <a href="musicofwhenever.html"><div class="otherpages">Music of Whenever</div></a>
    <a href="/coolsitesandmutuals.html"><div class="otherpages">Other Sites</div></a>
    <main>
    <div class="iframe-container">
        <div class="iframe-glass">
      <iframe src="fanpages/index.html" style="overflow-y: scroll;"></iframe>
      </div>
   </div>
   </main>
</body>
</html>
<style>
    body {
        background-image: url('wood002.jpg');
        background-repeat: repeat;
        font-family: TheNitpickyCat;
    }
    @font-face {
          font-family: TheNitpickyCat;
            src: url(TheNitpickyCat3.ttf);
}
    .otherpages
    {
        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;
    }
    .otherpages:hover {
          filter: brightness(87%);
            transition-duration: 0.3s;
            transform: scale(0.9);
        }
        
    .iframe-container 
    {
        width: 100%;
        height: 490px;
        background-image: url("old-tv-frame.png");
        background-repeat: no-repeat;
    }
    .iframe-container iframe {
     position: absolute;
     align-items: center; 
     justify-content: center; 
     border: url('old-tv-frame.png');
     padding: 60px;
     width: 585px;
     height: 320px;
     border: 0px;
    }

</style>