html {
    overflow-x: hidden;
}

body {
    background: url(../img/bg.png) center;
    background-attachment: fixed;
    background-size: cover;
    text-align: center;
}

.zb-blur {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(10px);
}

.zb-top {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(10px);
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
}

.zb {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 16px;
    border-radius: 8px;
    backdrop-filter: blur(10px);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    padding: 8px;
}

.zb-title {
    text-align: center;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 16px;
    border-radius: 8px;
    backdrop-filter: blur(10px);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    padding: 4px;
}

.zb-left {
    text-align: left;
    background-color: rgba(255, 255, 255, 0.5);
    margin: 16px;
    border-radius: 8px;
    backdrop-filter: blur(10px);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
    padding: 8px;
}

.zb-img {
    text-align: center;
    background-color: rgba(255, 255, 255, 1.0);
    margin: 16px;
    border-radius: 8px;
    backdrop-filter: blur(10px);
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

.logo {
    text-align: left;
    background-color: rgba(255, 255, 255, 1.0);
    margin: 16px;
    border-radius: 48px;
    box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
}

ul {
    background-color: rgba(250, 250, 250, 1.0);
    margin: 0px;

}

img {
    vertical-align: middle;
}