Website/blog.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Lakes' Blog</title>
    <!-- The style.css file allows you to change the look of your web pages.
         If you include the next line in all your web pages, they will all share the same look.
         This makes it easier to make new pages for your site. -->
    <link href="/style.css" rel="stylesheet" type="text/css" media="all">
        <link rel="icon" href="lakefavicon.gif">
        <link rel="stylesheet" href="default-theme.css">
        <link href="https://unpkg.com/sanitize.css" rel="stylesheet"/>
  </head>
  <body>




      <article class="title">Navigation</article>
          <a href="index.html"> <div class="button">Home</div></a>
    <a href="/aboutme.html"> <div class="button">About Me</div></a>
    <a href="/art.html"> <div class="button">Art</div></a>
    <a href="logcabin.html"> <div class="button">Chatroom</div></a>
   <a href="fanschoice.html"> <div class="button">Fanpages</div></a>
<a href="donate.html"> <div class="button">Fundraisers</div></a>
    <a href="extragraphics.html"> <div class="button">GIF Graphics</div></a>
    <a href="guestbook/gbook.php"> <div class="button">Guestbook</div></a>
    
    <a href="coolsitesandmutuals.html"> <div class="button">Other Sites</div></a>

        <main class="title">
          Years</main>


        <a href="blog-2025.html"> <div class="button">2025</div></a>
        <a href="blog-2026.html"> <div class="button">2026</div></a>


     


</html>
  </body>
<style>
body {
        cursor: url('darkcursor2.png'), auto;
}


* {
    scrollbar-color: #017987 #000000 !important;


}
@media only screen and (max-width: 601px) {
    body {background-repeat: repeat;}
}
.iframe-container {
    position: relative;
    width: 630px;
    height: 400px;
    display: flex;
    padding: 10px;

}

.iframe-container iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0 10em;
    left: 0 30em;
    overflow: hidden;
    border-radius: 20px;
    padding: 70px
}

.iframe-container img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Adjust as needed */
    height: 100%; /* Adjust as needed */
    object-fit: cover; /* Ensures the image covers the iframe */
}

</style>