body {
    --s: 25px;
    --c1: #2f318b;
    --c2: #393c8e;
    
    --c:#0000,var(--c1) .5deg 119.5deg,#0000 120deg;
    --g1:conic-gradient(from  60deg at 56.25% calc(425%/6),var(--c));
    --g2:conic-gradient(from 180deg at 43.75% calc(425%/6),var(--c));
    --g3:conic-gradient(from -60deg at 50%   calc(175%/12),var(--c));

    background:
        var(--g1),var(--g1) var(--s) calc(1.73*var(--s)),
        var(--g2),var(--g2) var(--s) calc(1.73*var(--s)),
        var(--g3) var(--s) 0,var(--g3) 0 calc(1.73*var(--s)) 
        var(--c2);
    background-size: calc(2*var(--s)) calc(3.46*var(--s));
}

#content {
    width: 100%;
    height: 100vh;

    background-image: url('../../../assets/img/background.jpg');
    background-position: top;
    background-size: contain;
    background-repeat: no-repeat;

    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
}

input, select, textarea {
    font-size: 12px !important;
    box-shadow: none !important;
    border: 1px solid #dddddd !important;
}
input, select, textarea, button, ::placeholder {
    font-size: 12px !important;
}
::placeholder {
    color: #dddddd !important;
}
.form-label {
    margin: 0.25rem 0 !important;
    font-weight: 600 !important;
}

.btn-accent, .btn-accent:active {
    background-color: #2F318B !important;
    color: #F5F5F5 !important;
}
.btn-accent:hover {
    background-color: #191b7f;
    color: #F5F5F5;
}
.text-accent {
    color: #2F318B;
}
input:-webkit-autofill {
    background-color: white !important;
    -webkit-text-fill-color: #333333 !important;
    border: 1px solid #dddddd !important;
    transition: background-color 5000s ease-in-out 0s;
}