/* ==========================================
   Accent Elements
========================================== */

.accent-dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--color-accent);
}

.accent-line{
    width:36px;
    height:2px;
    background:var(--color-accent);
}

.accent-square{
    width:10px;
    height:10px;
    border:2px solid var(--color-accent);
    transform:rotate(45deg);
}