Killer Whale Posters
body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}
.bg {
background-image: url(‘killer_whale_image.jpg’);
background-size: cover;
background-position: center;
background-attachment: fixed;
height: 100%;
overflow: auto;
}
.container {
position: relative;
width: 100%;
height: 2000px; /* Adjust based on content length */
}
.link {
position: absolute;
margin: 1rem;
padding: 1rem;
background-color: rgba(255, 255, 255, 0.7);
border-radius: 8px;
text-decoration: none;
color: #0077B6;
font-weight: bold;
}
.link:hover {
background-color: rgba(255, 255, 255, 0.9);
}
/* Place your links in creative positions */
.link1 { top: 100px; left: 50px; }
.link2 { top: 400px; right: 50px; }
.link3 { top: 800px; left: 30%; }