body {
    font-family: 'Lexend', sans-serif;
    background-color: #f9f9f9;
    color: #1a1c1c;
    overflow-x: hidden;
}

.neo-border {
    border: 2px solid #000000;
}

.neo-shadow {
    box-shadow: 6px 6px 0px 0px #000000;
}

.neo-border-white {
    border: 2px solid #ffffff;
}

.neo-shadow-white {
    box-shadow: 6px 6px 0px 0px #ffffff;
}

.neo-hover:hover {
    transform: translate(2px, 2px);
    box-shadow: 4px 4px 0px 0px #000000;
}

.neo-active:active {
    transform: translate(6px, 6px);
    box-shadow: 0px 0px 0px 0px #000000;
}

.dotted-bg {
    background-image: radial-gradient(#000000 15%, transparent 15%), radial-gradient(#000000 15%, transparent 15%);
    background-size: 20px 20px;
    background-position: 0 0, 10px 10px;
}

.dotted-divider {
    border-bottom: 2px dotted #000000;
}

.dotted-divider-vertical {
    border-right: 2px dotted #000000;
}