/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */

body {
    /*background-image: url('https://www.transparenttextures.com/patterns/cubes.png'); /* Texture de fond discrète */
    background-color: black;
    font-family: "Courier New", Courier, monospace;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    min-height: 100vh;
    margin: 0;
    color: #333;
}

header h1 {
    font-size: 3rem;
    text-shadow: 3px 3px 0px purple;
    color: #012f44;
    background: #000;
    padding: 10px 20px;
    /*border: 4px ridge #ff00ff;*/
    margin-top: 50px;
}

.main-content {
    display: block;
    flex-direction: column;
    justify-content: space-between; /* Titre en haut, menu en bas */
    min-height: 100vh;
}

/*.center-gif {
    width: 1000px;
    border: 5px solid #000;
    box-shadow: 10px 10px 0px #888;}*/

nav {
    background: #000;
    width: 100%;
    padding: 20px 0;
    border-top: 5px double #00ffff;
    text-align: center;
}

nav a {
    color: white;
    text-decoration: none;
    margin: 0 20px;
    font-weight: bold;
    font-size: 1.2rem;
    text-transform: uppercase;
}

nav a:hover {
    color: #ff00ff;
    text-decoration: underline;
}

.content-box {
    background: white;
    padding: 20px;
    border: 2px solid black;
    margin: 20px;
    max-width: 600px;
}

/* Curseur personnalisé sur tout le site */
html, body {
    cursor: url('https://cur.cursors-4u.net/symbols/sym-1/sym49.cur'), auto;
}

/* Style pour le texte défilant */
marquee {
    background: purple;
    color: #E89D00;
    font-weight: bold;
    border-top: 2px solid #000;
    border-bottom: 2px solid #000;
    padding: 5px 0;
    width: 100%;
}

/* Style pour le petit lecteur audio en bas à droite */
.music-player {
    position: fixed;
    bottom: 80px; /* Juste au dessus du menu */
    right: 10px;
    background: rgba(10, 0, 0, 0.5);
    padding: 5px;
    border-radius: 5px;
}