@charset "utf-8";

html {
	margin: 0px;
	padding: 0px;
	<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mi Página Web</title>
    <link rel="stylesheet" href="styles.css"> <!-- Enlaza tu archivo CSS externo -->
</head>
<body>

    <div class="logo-container">
        <img class="logo" src="Logotipo web.jpg" alt="Logo de la empresa">
    </div>

    <h1>Bienvenido a mi Página Web</h1>
    <p>Contenido de la página...</p>

</body>
</html>}


body {
	margin: 0px;
	padding: 0px;
	}
body {
    background-color: #000; /* Código hexadecimal para negro */
    color: #fff; /
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 100vh; /* Esto ayuda a centrar el contenido verticalmente */
}
img {
	border:none;
	margin:0px;
	padding:0px;
	}
	
	
h1 a {
	text-decoration:none;
	color:#FFF;
	}
	
	h1 img {
		width:414px;
	}
	
	
p a {
	text-decoration:none;
	color:#999;
	}
	
	
p a:hover {
	text-decoration:underline;
	}
	
	
img a {
	border:none;
	}


hr {
	color:#000000;
	width:400px;
	margin-left:16px;
	border: 0; 
	border-top: 1px solid #000;
	}


/* DE CLASE */


.padre {
	text-align: center;
	}


.hijo {
	padding: 0px;
	margin: 10px;
	width: 480px;
	display: inline-block;
	}

	.hijo p {
		font-family:"American Typewriter", "Kefa", "Courier New", Courier, monospace;
		font-size: medium;
		font-weight:100;
		text-align:center;
		}


	.hijo img {
		margin-bottom:10px;
		}
		
		.hijo2 {
	padding: 0px;
	margin: 10px;
	width: 600px;
	display: inline-block;
	}

	.hijo2 p {
		font-family:"American Typewriter", "Kefa", "Courier New", Courier, monospace;
		font-size: medium;
		font-weight:100;
		text-align:center;
		}


	.hijo2 img {
		margin-bottom:10px;
		}

.pie {
	font-family:"American Typewriter", "Kefa", "Courier New", Courier, monospace;
	font-size: small;
	font-weight: 100;
	text-align:center;
	color: grey;
	}
	
	
.negro {
	color:#000000;
	}

	
.bold {
	color:#000000;
	font-weight:bolder;
	}


.gris {
	color: #999;
	}
	
.blanco {
	color: #FFF;
	}
	
.peque {
	font-size:12px;
	}

.centrar {
	text-align:center;
	}


/* EXPERIMENTO */





#experimento {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 984px;
	padding-left: 0%;
	padding-right: 0%;
	}

header {
	text-align: center;
	display: block;
	}

header .imagenSuelta {
	width: 480px;
	height: 640px;
	margin-top: 10px;
	margin-bottom:50px;	
}

header .imagenSuelta2 {
	width: 480px;
	height: 640px;
	margin-top: 10px;
	margin-bottom:50px;	
}

header p {
		font-family:"American Typewriter", "Kefa", "Courier New", Courier, monospace;
		font-size: medium;
		font-weight:100;
		text-align:left;
		}


/* Desktops and laptops  */
@media only screen and (min-width:1025px) {

header .profileLogo .logoPlaceholder {
	float: left;
	margin-bottom: 50px;
}
header .imagenSuelta {
	float: left;
	clear: both;
	margin-right: 3%;
}
header .imagenSuelta2 {
	float: left;
	clear: both;
	margin-right: 3%;
}
header .profileHeader {
	text-align: left;
	padding-top: 20%;
}


}









	

/* DIVS */


#divContenedor {
	margin: 0px;
	padding: 0px;
	}
	


#divSuperior h1 {
	font-family:"American Typewriter", "Kefa", "Courier New", Courier, monospace;
	font-size: medium;
	font-weight:100;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:15px;
	padding-left:15px;
	text-align:center;
	}

#divSuperior p {
	font-family:"American Typewriter", "Kefa", "Courier New", Courier, monospace;
	font-size: medium;
	font-weight:100;
	padding-bottom:30px;
	padding-top:10px;
	padding-right:15px;
	padding-left:15px;
	text-align:center;
	}
		
#divSuperior a, #divSuperior a:visited {
	text-decoration:none;
	}
	
#divSuperior a:hover {
	text-decoration:underline;
	}

#divCentro {
	padding-bottom:0px;
	padding-top:0px;
	padding-right:30px;
	padding-left:30px;
	margin:0px;
	}
	
#divCentro p {
	font-family:"American Typewriter", "Kefa", "Courier New", Courier, monospace;
	font-size:16px;
	padding-bottom:0px;
	padding-top:0px;
	padding-right:0px;
	padding-left:0px;
	margin:0px;
	}


#divPie {
		padding-top:40px;
	margin: 0px;
	width: auto;
	height:40px;
	background-color:white;
	
	}
	

#divTextoCentrado {
	text-align:center;
}


#divContacto p {
		font-family:"American Typewriter", "Kefa", "Courier New", Courier, monospace;
		font-size: medium;
		font-weight:100;
		text-align:left;
		}


	





