@font-face {
    font-family: "TitleFont";
    src: url("/fonts/EagleLake-Regular.ttf") format("truetype");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
    font-stretch: 110%;
}

body
{
    margin : 0;
    padding : 0;
}

.homepageImage
{
    height: 100vh;  
    width : 100%;           
    background-color: #fff; 
    background-image: url("/images/wulferhampton.jpg");
    background-size: cover;     
    background-position: center;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index : 0;
}

.title
{
    font-family : "TitleFont";
    font-size: clamp(1.5rem, 4rem, 4.5rem);
    color : white;
    background: linear-gradient(
        to bottom,
        rgba(0, 0, 0, 0.25) 0%,
        rgba(0, 0, 0, 0) 30%);
    width : 100%;
    height: 100vh;
    vertical-align : top;
    text-align : center;
    padding-top : 120px;
    text-shadow: 0 0 12px rgba(0, 0, 0, 0.4);
}