@import url("css/index.css");
@import url("css/header.css");
@import url("css/aside.css");
@import url("css/main.css");
@import url("css/footer.css");

:root {
    --font-heading: 'Courier New', Courier, monospace; 
    --font-body: Arial, Helvetica, sans-serif;       
    --bg-body: #404040;       
    --bg-container: #333333;  
    --bg-boxes: #555555;      
    --bg-main: #4a4a4a;       
    --red-primary: #ff0000;   
    --red-text: #ff3333;      
    --text-light: #ffffff;    
    --shadow-glow-large: 0 0 25px rgba(255, 0, 0, 0.4);
    --shadow-glow-text: 0 0 10px rgba(255, 0, 0, 0.8);
    --shadow-glow-small: 0 0 5px rgba(255, 0, 0, 0.5);
}

html, body {
    margin: 0;
    padding: 0;
    height: 100%;
    background-color: var(--bg-body);
    font-family: var(--font-body);
    color: var(--text-light);
}