@tailwind base;
@tailwind components;
@tailwind utilities;

::selection {
    background: #80a8ff !important;
}
::-moz-selection {
    background: #80a8ff !important;
}
::-webkit-selection {
    background: #80a8ff !important;
}

body {
    font-family: "Quicksand", sans-serif;
}

.major-mono-display-regular {
    font-family: "Major Mono Display", monospace !important;
    font-weight: 400 !important;
    font-style: normal !important;
}

.pointer { cursor: pointer; }


input:focus,select:focus,option:focus,
input:active,select:active,option:active{
    border: 1px solid rgb(35, 156, 255) !important; /* Set your desired border color */
    outline: none !important; /* Remove the default outline */
}

input,textarea,select,option,option::selection {
    background-color: rgb(21, 23, 31) !important;
}

/* Optionally, add styles for input fields when hovered */
input:hover {
    border: 1px solid rgb(35, 156, 255) !important; /* Match the hover border color */
}

textarea:focus,
textarea:active {
    border: 1px solid rgb(35, 156, 255) !important; /* Set your desired border color */
    outline: none !important; /* Remove the default outline */
}

.card {
    color: white !important;
}

/* Optionally, add styles for input fields when hovered */
textarea:hover {
    border: 1px solid rgb(35, 156, 255) !important; /* Match the hover border color */
}

.badge-container {
    display: flex;
    flex-wrap: wrap;
    max-width: 400px;
    gap: 10px; /* Adjust spacing between badges */
}


.table {
    background-color: #252525 !important;
}

.table>thead {
    background-color: #151515 !important;
}