@import url('https://fonts.googleapis.com/css2?family=Iceland&display=swap');

body {
    --bg-main: hsl(220, 100%, 5%);
    --bg-main: #0a1128;
    --bg-lt: hsl(220, 100%, 10%);
    --bg-lt: #001f54;
    --bg-dk: hsl(220, 100%, 2%);
    --bg-sec: hsl(220, 20%, 20%);
    --bg-sec-lt: hsl(220, 20%, 30%);
    --bg-sec-X-lt: hsl(220, 20%, 45%);
    --bg-sec-dk: hsl(220, 20%, 15%);
    /**/
    --text-main: hsl(180, 100%, 90%);
    --text-main-acc: hsl(180, 100%, 80%);
    --text-main-X-acc: hsl(180, 100%, 65%);
    --text-sec-X-dk: hsl(220, 0%, 25%);
    --text-sec-dk: hsl(220, 0%, 40%);
    --text-sec: hsl(220, 00%, 50%);
    --text-sec-acc: hsl(220, 00%, 70%);
    --text-sec-X-acc: hsl(220, 00%, 90%);
    --link: hsl(240, 80%, 60%);
    /**/
    --border-main: hsl(200, 80%, 60%);
    --border-img-main: url("../img/border-slice-X-acc.png");
    --border-1: hsl(60, 100%, 50%);
    --border-2: hsl(260, 10%, 50%);
    --border-2-acc: hsl(260, 15%, 70%);
    --border-3: hsl(235, 100%, 60%);
    --border-4: hsl(180, 100%, 50%);
    /**/
    --xp-col: hsl(60, 100%, 50%);
}