@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&family=Rubik:ital,wght@0,300..900;1,300..900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");

* {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
}

:root {
    /* Colors */
    --bg-cl-0: rgb(0, 0, 0);
    --bg-cl-1: rgb(34, 42, 48);
    --bg-cl-2: rgb(46, 56, 63);
    --bg-cl-3: rgb(58, 71, 80);
    --bg-cl-4: rgb(74, 90, 101);

    --cont-cl-dk: rgb(40, 126, 239);
    --cont-cl-0: rgb(79, 155, 255);
    --cont-cl-1: rgb(93, 163, 255);
    --cont-cl-2: rgb(126, 182, 255);
    --cont-cl-3: rgb(186, 216, 255);

    --font-cl-0: rgb(255, 255, 255);
    --font-cl-1: rgb(245, 245, 245);
    --font-cl-4: rgb(75, 80, 82);

    --rd-cl-1: rgb(255, 92, 92);
    --rd-cl-2: rgb(240, 67, 67);

    --yw-cl-1: rgb(255, 209, 72);
    --yw-cl-2: rgb(244, 190, 26);

    /* Dimensions */
    --line-width: 3px;
    --btn-bor-rad-1: 12px;
    --max-cont-width: 1600px;

    --trans-time: 0.25s;
    --trans-type: ease-in-out;

    /* Fonts */
    --cont-font: 'Nunito';
    --tit-font: 'Rubik';
    --font-wght-1: 100;
    --font-wght-2: 200;
    --font-wght-3: 300;
    --font-wght-4: 400;
    --font-wght-5: 500;
    --font-wght-6: 600;
    --font-wght-7: 700;
    --font-wght-8: 800;
    --font-wght-9: 900;
}

body {
    min-height: 100vh;
    background-color: var(--bg-cl-1);
}

.hidden {
    visibility: hidden;
    display: none;
    opacity: 0;
    width: 0;
    height: 0;
}