.big_words {
   position: absolute;
   top: 20%;
   left: 7%;
   font-size: 80px;
   color: white;
}

.bloo {
   color: #00b4e5;
   display: inline-block;
}

.sub_words {
   position: absolute;
   top: 50%;
   left: 7%;
   color: white;
   font-size: 30px;
}

.sighting-btn {
   text-decoration: none;
   position: absolute;
   bottom: 20%;
   right: 20%;
   padding: 5px;
   font-size: 50px;
   display: inline-block;
    background-color: #00b4e5;
   color: #043b62;
    border: 2px solid #87ceeb;
    border-radius: 6px;

    /* Typography */
    cursor: pointer;

    /* Smooth hover effect transitions */
    transition: all 0.25s ease-in-out;
}

/* Hover effect: Fills in with light blue, turns text dark */
.sighting-btn:hover {
    background-color: #87ceeb;
    color: #1a1f26;
    box-shadow: 0 0 15px rgba(135, 206, 235, 0.5); /* Soft blue glow */
}

/* Active click state */
.sighting-btn:active {
    transform: scale(0.98);
}