@import url('https://fonts.googleapis.com/css2?family=Poppins&display=swap');
@import "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css";

@import "./alert.css";
@import "./avatar.css";
@import "./badge.css";
@import "./button.css";
@import "./card.css";
@import "./image.css";
@import "./input.css";
@import "./documentation.css";
@import "./install.css";
@import "./index.css";
@import "./nav.css";
@import "./modal.css";
@import "./rating.css";
@import "./snackbar.css";
@import "./grid.css";
@import "./list.css";
@import "./navigation.css";
@import "./text.css";

*,
::before,
::after {
    box-sizing: border-box;
    margin: 0px;
    padding: 0px;
}

body {
    font-family: Poppins, sans-serif;
    min-height: 100vh;
    background-color: rgb(0, 0, 0);
    color: rgb(255, 255, 255);
    position: relative;
}

a {
    color: rgb(255, 255, 255);
    cursor: pointer;
    text-decoration: none;
}

:root {
    --primary-clr: #ffffff;
    --primary-bg: #000000;
    --code-bg: #252525;
    --primary-clr-hover: #909090;
    --secondary-bg: #171717;
    --badge-bg: #0099ff;
    --placeholder-clr: #c8c8c8;
    --liked-clr: #FF0000;
    --success-light: #a8f0c6;
    --success-dark: #0b7035;
    --info-light: #88C2DF;
    --info-dark: #14455e;
    --warning-light: #FACC14;
    --warning-dark: #5e4b00;
    --danger-light: #ff615c;
    --danger-dark: #530300;
    --notif-blue: #0099ff;
    --activity-success: #adff2f;
    --activity-error: #DC2625;
    --activity-warning: #F59E0B;
    --activity-awol: #969696;
    --secondary-btn-light: #ffff00;
    --secondary-btn-dark: #caca00;
    --badge-clr: #e67a00;
}

/* 
@media only screen and (max-width: 815px) {
    #navbar ul {
        border: 1px solid;
        height: 207px;
    }

    #navbar {
        background-color: white;
        position: absolute;
        top: 0;
        padding: 0;
        margin: 0;
        width: 100%;
        max-height: 275px;
        border: none;
        z-index: 1;
        border-bottom: 2px solid;
    }

    #main-doc {
        position: relative;
        margin-left: 0px;
        margin-top: 270px;
    }
}

@media only screen and (max-width: 400px) {
    #main-doc {
        margin-left: -10px;
    }

    code {
        margin-left: -20px;
        width: 100%;
        padding: 15px;
        padding-left: 10px;
        padding-right: 45px;
        min-width: 233px;
    }
} */