body {
	background-color: #25282b;
	color: #EEE;
	font-family: "Roboto Mono", monospace;
	font-size: 16px;
	margin: 0;
	padding: 0;
	height: 100%;
	width: 100%;
}

.left {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 20%;  /* ancho de la sección "SOBRE MI" */
	overflow-y: auto;
	padding: 0px;
	box-sizing: border-box;
}

.right {
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	width: 78%; /* sección "Content" */
	border-left: 1px solid #000;
	overflow: hidden;
}

.window-header {
	display: none;
}

.window-content {
	padding: 0;
	height: auto;
}

h2 {
	color: #EE7F4F;
	font-size: 18px;
	margin-top: 24px;
	margin-bottom: 8px;
}

h2:after {
	content: '------------------------------------------';
	color: #50CFDF;
	display: block;
	margin-bottom: 16px;
}

a { color: #EE7F4F; text-decoration: none; }
i { color: #976BB5; }

.profile-img { width: 130px; height: 130px; margin-bottom: 12px; }
.corcho-img { width: 180px; height: 70px; }

.info-table td:nth-child(1) { color: #4CC2D2; padding-right: 12px; }
.info-table td:nth-child(2) { color: #CE6F40; padding-right: 24px; }
.info-table tr:nth-child(odd) td:nth-child(3) { color: #C19C00; }
.info-table tr:nth-child(even) td:nth-child(3) { color: #A070C0; }

.info-table-2 td:nth-child(1) { color: #EEE; padding-right: 12px; }
.info-table-2 td:nth-child(2) { color: #4CC2D2; margin-right: 24px; background: #343A47; display: inline-block; padding: 4px 8px; }
.info-table-2 tr:nth-child(odd) td:nth-child(3) { color: #D4FC5E; }
.info-table-2 tr:nth-child(even) td:nth-child(3) { color: #CE6F40; }

* { scrollbar-width: thin; }
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #080808; }
::-webkit-scrollbar-thumb { background: #050505; }
::-webkit-scrollbar-thumb:hover { background: #080808; }

#games-widget img {
    height: 200px;
    margin-right: 10px;
    transition: transform 0.3s;
    cursor: pointer;
}

#games-widget {
    display: flex;
    flex-wrap: wrap;      /* permite varias filas */
    gap: 2px;            /* espacio entre imágenes */
    justify-content: flex-start; /* alinea las imágenes a la izquierda */
    padding: 0px 0;
}
#games-widget img:hover {
    transform: scale(1.1);
}