@import url('https://fonts.googleapis.com/css2?family=Carter+One&display=swap');
        
        body {
            font-family: Carter One, sans-serif;
            background-color: #0c0c0c;
            color: #e6e6e6;
            margin: 0;
            padding: 0;
            display: flex;
            flex-direction: column;
            align-items: center;
            text-align: center;
        }
        header {
            background-color: #343336;
            color: #fff;
            padding: 20px 0;
            width: 100%;
        }
        h1 {
            margin: 0;
		}
		/* Couleur de base des liens */
		a {
			color: #fff;
		}

		/* Couleur des liens au survol */
		a:hover {
			color: #1800c9;
		}
		.container {
			width: 90%; /* 90% de la largeur de l'écran */
			max-width: 800px; /* Vous pouvez définir un large max-width pour éviter que cela soit trop large sur des écrans plus grands */
			background-color: #343336;
			border-radius: 8px;
			box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
			text-align: center;
			padding: 20px;
			margin: 20px auto; /* Marges automatiques pour centrer le conteneur */
		}
        .profile-img {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            object-fit: cover;
            margin-bottom: 20px;
        }
        .section {
            margin-bottom: 20px;
        }
        .link-icon {
            text-decoration: none;
            color: #e6e6e6;
            background-color: #0c0c0c;
            padding: 10px 15px;
            border-radius: 5px;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            transition: background-color 0.3s;
        }
        .link-icon:hover {
            background-color: #58575c;
			color: #fff;
        }
        .icon {
            width: 30px; /* Ajustez la taille selon vos besoins */
            margin-right: 8px; /* Espace entre l'icône et le texte */
        }
        footer {
            text-align: center;
            padding: 20px 0;
            background-color: #343336;
            color: white;
            position: relative;
            bottom: 0;
            width: 100%;
        }
        #movingButton {
            position: absolute;
            cursor: pointer;
            transition: left 0.3s ease, top 0.3s ease;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
        }