map.md

toc	comments	layout	title	author	permalink
true	true	base	map	luna and tanisha	/map

<title>Game Map</title> <style> body { margin: 0; padding: 0; overflow: hidden; }

    .map {
        position: relative;
        width: 100vw;
        height: 100vh;
        background-color: #87CEEB; /* Blue color for the ocean background */
        cursor: pointer;
    }

    .island {
        position: absolute;
        width: 100px;
        height: 100px;
        background-image: url('images/island.png'); /* Path to your island image */
        background-size: cover;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        transition: background-color 0.3s;
    }

    .island-name {
        color: rgb(89, 59, 7); /* Black text color */
        font-family:'Courier New', Courier, monospace;
        font-weight: bold;
        font-size: 18px;
        text-align: center;
        position: absolute;
        bottom: -20px; /* Adjust the distance between the island and the name */
        width: 100%; /* Ensure full width */
        transition: color 0.3s;
    }

    .island-name a {
        color: inherit;
        text-decoration: none;
    }

    .island:hover {
        /* Add hover styles if needed */
    }

    .island:hover .island-name {
        color: #CD853F; /* Change text color on hover */
    }
</style>

Chemistry Island

Calculus Island

CSA Island

Physics Island