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

body {
    background-color: #060501;
    background-image: url('./background.jpg');
    background-repeat: no-repeat;
    min-height: 100vh;
    
    /* Mobile first approach */
    background-size: 90%;
    background-position: center 100px;
    
    /* Tablet and up */
    @media (min-width: 768px) {
        background-size: 70%;
        background-position: center 75px;
    }
    
    /* Desktop */
    @media (min-width: 1024px) {
        background-size: 50%;
        background-position: center 50px;
    }
}