/*
Author: Kalil
Date: February 17, 2026
File Name: styles.css
*/

/* CSS Reset */
body, header, nav, main, footer, img, h1, h3, ul, aside, figure, figcaption {
  margin: 0;
  padding: 0;
  border: 0;
}

/* General Page */
body {
    margin: 0;
    font-family: 'Lora', serif;
    font-style: italic;
    background-color: #000;
    color: #fff;
}

/* Header */
header {
    padding: 20px;
    text-align: center;
    border-bottom: 2px solid #00f0ff;
    box-shadow: 0 5px 15px #00f0ff;
}

/* Navigation Bar */
nav {
    text-align: center;
    padding: 15px 0;
    border-bottom: 2px solid #00f0ff;
}

/* Nav List */
nav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Nav Items */
nav li {
    display: inline-block;
    margin: 0 20px;
}

/* Nav Links */
nav a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    padding: 8px 12px;
    transition: 0.3s;
}

/* Glow Effect on Hover */
nav a:hover {
    color: #00f0ff;
    text-shadow: 0 0 5px #00f0ff,
                 0 0 10px #00f0ff,
                 0 0 20px #00f0ff;
}

/* Main Content */
main {
    padding: 40px;
}

/* Section Styling */
section {
    margin-bottom: 40px;
}

/* Footer */
footer {
    text-align: center;
    padding: 15px;
    border-top: 2px solid #00f0ff;
    box-shadow: 0 -5px 15px #00f0ff;
}