/* General Styles */

@font-face {
  font-family: 'Universe Condensed Bold';
  src: url('../fonts/UniverseCondensedBold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
}



.homepage {
    text-align: center; /* Centers inline and block elements inside */
}

.postcode-title {
    background-color: inherit;
    border: 2px solid black;
    padding: 10px;
    display: inline-block;
}



h1 {
    color:  #a00615; 
    font-size: 32px; /* Adjust if needed */
    font-weight: bold;

    
}


.highlighted-region {
  fill: rgb(0, 0, 0) !important;
  transition: fill 0.3s ease;
}

.postcode-list {
    list-style: none;
    padding: 0;
    display: flex;
    gap: 15px; /* Adds spacing between boxes */
    justify-content: center;
}

.postcode-square {
    background-color: inherit; /* Slightly off-black */
    color: #fff;
    border: 2px solid #333; /* Even darker border */
    padding: 15px;
    text-align: center;
    min-width: 120px;
    font-weight: bold;
    display: inline-block;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.5);
}

.postcode-square a {
    text-decoration: none;
    color: #a00615; /* London Underground-inspired yellow */
    font-size: 16px;
    display: block;
}

.postcode-square a:hover {
    color: #333; 
}



body {
        background-color: #f1e7c5; /* Dark mode vibes */
    ; /* Text stays visible */
    font-family: 'Universe Condensed Bold', sans-serif;
    margin: 0;
    padding: 0;
    font-family: 'Universe Condensed Bold';
    color: #333;
}

/* Heading */
h1 {
    font-size: 100px;
    font-family: 'Universe Condensed Bold', sans-serif;
}

/* Image Styles */
.responsive {
    width: 100%;
    height: auto;
}

/* Content Block */
.content-block {
    margin: 0 0 150px 0;
    padding: 50px;
}