body{
    font-family: "Urbanist", serif;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    line-height: 1.5;
    margin: 0;
    padding: 0;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.centered-content {
    max-width: 960px;
    padding: 20px;
}

h1 {
    font-size: 3rem;
    margin: 0;
    background: linear-gradient(90deg, #0077b6, #008066);
    -webkit-background-clip: text;
    color: transparent;
}

h1:hover {
    background: linear-gradient(90deg, #008066, #0077b6);
    -webkit-background-clip: text;
    color: transparent;
    transition: all 0.3s ease;
}

p {
    font-size: 1.5rem;
    margin: 10px 0;
    color: #555;
}

span{
    color: #0077b6;
}