Website/fanmobile.html

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8" />
    <title>Lakes' Fanpages (Mobile)</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">
        
      <iframe src="fanpages/index.html" style="overflow-y: scroll;"></iframe>
      
   </div>
   </main>  
</body>
</html>
<style>
    body {
        background-image: url(metal003.gif);
        background-repeat: repeat;
        font-family: TheNitpickyCat;
    }
    @font-face {
          font-family: TheNitpickyCat;
            src: url(TheNitpickyCat3.ttf);
}
    .otherpages
    {
        background: linear-gradient(to bottom, rgba(216,224,222,1) 0%,rgba(174,191,188,1) 22%,rgba(153,175,171,1) 33%,rgba(142,166,162,1) 50%,rgba(130,157,152,1) 67%,rgba(78,92,90,1) 82%,rgba(14,14,14,1) 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 {
        background:  linear-gradient(to bottom, rgba(30,87,153,1) 0%,rgba(30,87,153,0.96) 20%,rgba(41,137,216,0.9) 50%,rgba(30,87,153,0.84) 80%,rgba(30,87,153,0.8) 97%);
        width: 370px;
        height: 640px;
        box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }
    .iframe-container iframe {
     position: absolute;
     align-items: center; 
     justify-content: center; 
     padding: 10px;
     width: 350px;
     height: 620px;
     border: 10px;
     box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19);
    }