@import url('navbar.css');
@import url('framework.css');
@import url('boxes.css');
@import url('inputs.css');
@import url('tables.css');
@import url('login.css');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css");

:root {
    /*   Colors   */
    --primary-color: #ad0000;
    --secondary-color: #292929;
    --divider-color: #666666;

    --text-color:rgb(179, 179, 179) ;
    --text-color-light: rgb(216, 216, 216);

    /*   Backgrounds   */
    --background: #1a1919;
    --gradient-normal: linear-gradient(55deg, #3a3a3a 0%, #797979 50%,#797979 60%, #3a3a3a 100%);
    --gradient-success: linear-gradient(45deg,rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 70%, rgba(0, 199, 0, 1) 100%);
    --gradient-error: linear-gradient(45deg,rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 70%, rgba(199, 0, 0, 1) 100%);
    --gradient-active: linear-gradient(45deg,rgba(0, 0, 0, 1) 0%, rgba(56, 56, 56, 1) 70%, rgb(199, 179, 0) 100%);
    --box-background: #000000;
    --box-gradient-normal: linear-gradient(45deg, rgb(39, 39, 39) 0%, rgb(71, 71, 71) 50%, rgb(39, 39, 39) 100%);
    --box-gradient-reverse: linear-gradient(45deg, rgba(84, 82, 82, 1) 0%, rgba(0, 0, 0, 1) 100%);
    
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    padding-top: 2rem;
    font-family: "Outfit", sans-serif;
    transition: background-color .5s;
    margin: 0;
    min-height: 100dvh;
    color: white;
    background: var(--background);
    background: var(--gradient-normal);
}

hr{
    margin-left: 0;
    height:3px;
    width: 150px;
    border: none;
    background-color: white;
    margin-bottom: 1.5rem;
}

hr.no-margin{
    margin: 0;
}

strong{
    font-weight: 600;
}

form{
    width: 100%;
}

h1{
    margin: 0;
    margin-bottom: 20px;
    padding: 0;
}
button{
    background-color: transparent;
    outline: none;
    border: none;
    padding: auto;
    font-size: auto;
    text-align: left;
}