@import "tailwindcss";

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans:
        "Instrument Sans", ui-sans-serif, system-ui, sans-serif,
        "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol",
        "Noto Color Emoji";
}

body {
    height: 100%;
}

.hashed-background {
    background-image: linear-gradient(
        45deg,
        rgba(0, 155, 217, 0.05) 25%,
        transparent 25%,
        transparent 50%,
        rgba(0, 155, 217, 0.05) 50%,
        rgba(0, 155, 217, 0.05) 75%,
        transparent 75%,
        transparent
    );
    background-color: #101a20;
    background-size: 20px 20px;
}

.login-bg-image {
    height: 300px;
    background-color: #ccc;
    background-image: url("../images/login-image.jpg");
    background-size: cover;
    background-position: center center;
}