/* ==========================================================
   DEBUG.CSS
   Samo za razvoj.
   Ne vključuj v produkciji.
========================================================== */

/* ----------------------------------------------------------
   GLOBAL
---------------------------------------------------------- */

*,
*::before,
*::after {
    box-sizing: border-box;
}

/* ----------------------------------------------------------
   OUTLINE VSEGA
---------------------------------------------------------- */

* {
    outline: 1px dashed rgba(255,0,0,.10);
}

/* ----------------------------------------------------------
   BARVE PO ELEMENTIH
---------------------------------------------------------- */

div {
    outline: 1px solid rgba(255,0,0,.40);
}

section {
    outline: 1px solid rgba(0,120,255,.45);
}

article {
    outline: 1px solid rgba(0,200,0,.45);
}

header {
    outline: 1px solid orange;
}

footer {
    outline: 1px solid purple;
}

aside {
    outline: 1px solid deeppink;
}

main {
    outline: 2px solid cyan;
}

nav {
    outline: 2px solid gold;
}

/* ----------------------------------------------------------
   TEXT
---------------------------------------------------------- */

p,
span,
label,
small,
strong,
em {
    outline: 1px dotted rgba(0,180,255,.35);
}

/* ----------------------------------------------------------
   HEADINGS
---------------------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
    outline: 1px solid lime;
}

/* ----------------------------------------------------------
   IMAGES
---------------------------------------------------------- */

img {