@font-face {
    font-family: 'LCDDot TR';
    src: url('fuentes/lcddot_tr.ttf') format('truetype');
}

@font-face {
	font-family: 'Pixel-UniCode';
    src: url('fuentes/Pixel-UniCode.ttf') format('truetype');
}

@font-face {
	font-family: 'W95FA';
    src: url('fuentes/W95FA.otf') format('truetype');	
}

body {
    margin: 0;
    padding: 0;
    font-family: W95FA, sans-serif;
    background-color: #000000;
    color: white;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100vh;
}

.container {
    text-align: center;
}

.header {
    margin-bottom: 20px;
    font-size: 70px;
    font-family: 'LCDDot TR';
}

.image-viewer {
    position: relative;
    width: 900px;
    height: 231px;
    margin: 0 auto 20px auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

.image {
    width: 100%;
    height: 100%;
    border: 2px solid green;
    overflow: hidden;
}

.image img {
    max-width: 100%;
    max-height: 100%;
}

.prev, .next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(0,0,0,0.5);
    color: white;
    border: none;
    padding: 10px;
    cursor: pointer;
}

.prev {
    left: 0;
}

.next {
    right: 0;
}

.links {
    margin-bottom: 15px;
	font-size: 15px;
    font-family: 'W95FA', sans-serif;
}

.links a {
    color: #00ff00;
    margin: 0 10px;
    text-decoration: none;
}

.links a:hover {
    text-decoration: underline;
}

.information {
    background-color: #242424;
    padding: 10px;
	font-family: 'W95FA', sans-serif;
	font-size: 25px;
}