/* Rewrite this in flex because it's hell to manage. */

table {
display: block;
}
.port {
height: 150px;
width: 150px;
padding: 0;
}
th {
width: 5rem;
background: var(--black);
border-radius: 2px;
text-align: left;
padding-left: 0.5rem;
 }
td {
background: var(--black) url('../css/dith2.png');
image-rendering: pixelated;
width: auto;
padding-left: 0.5rem;
border-radius: 2px;
}
.refp {
background: none;
}
.refp a{
	border: 1px solid var(--link);
	border-radius: 2px;
	padding: 0.1rem 0.5rem;
}

.desc {
background: var(--black) url('../css/dith2.png');
width: 750px;
padding: 0.5rem;
image-rendering: pixelated;
}

.na {
	background: none;
	border:1px solid var(--red);
	color: var(--red);
	font-weight: bold;
}

@media screen and (max-width: 550px) {
	.port {
		display: none;
	}
}