/*apenas para teste*/
.space-h {
    width: 100%;
    height: 1500px;
}

.red {
    background-color: red;
}

/* final apenas para teste*/
.bg-glass {
    background: #ffffff0f;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
}

.border-gradient {
    position: relative;
}

.border-gradient::before {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 1px;
    background: linear-gradient(to right, #ffffff2d, transparent 50%, #ffffff2d);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    pointer-events: none;
}

.container {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

.center-xy {
    display: flex;
    align-items: center;
    justify-content: center;
}

.pd-10 {
    padding: 10px;
}

.pd-20 {
    padding: 20px;
}

.h-100 {
    height: 100%;
}

.w-100 {
    width: 100%;
}

.relative {
    position: relative;
}

.absolute {
    position: absolute;
}