h1 {
    color:red;
}

body {
    background-image: url(media/birmingham-museums-trust-BPWZ01FtySg-unsplash.jpg);
    min-height: 100vh;
    margin:0;
    font-family: 'Courier New', Courier, monospace;
    font-size:large;
}

body, div{
    display: flex;
    flex-direction: column;
    align-items: center;
    
}

.humpy {
    position: relative;
    z-index: 0;
    flex-direction: row;
    padding-bottom:2rem;

}

.humpy::before{
    backdrop-filter: blur(18px);
    mask:linear-gradient(black, transparent);
}

.humpy img {
    max-height:150px;
}

.humpy p {
    background-color: rgba(255,255,255,0.2);
    backdrop-filter: blur(2px);
    padding:1rem;
    border-radius:15px; 
}

.humpy a {
    color: gray;
}

.ckc {
    padding:2rem;
    /* border: 1px solid black; */
    border-radius: 50px;
    background-color: rgba(255,255,255,0.2);
    backdrop-filter:blur(8px);
    transition:0.5s;
    box-shadow: 15px 10px 20px 10px rgba(0,0,0,0.3);
    box-shadow: 90px 60px 45px 30px rgba(255,255,255,0.3) inset;
}

.ckc:hover {
    backdrop-filter: blur(16px);
}

.ckc a {
    text-decoration: none;
    color: black;
}

footer {
    position:fixed;
    bottom:0.5rem;
    padding:0.5rem;
    background-color: rgba(255,255,255,0.5);
    backdrop-filter:blur(8px);
    border-radius:15px;
}

footer a{
    color:gray;
}