:root{
	--color-blue:  #2486d3;
	--color-text: #fff;
}


*{
	padding: 0; 
	margin: 0; 
	box-sizing: border-box;
}

html{
	background: var(--color-blue);
	color: #fff;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	font-size: 1.25rem;
	line-height: 1.5;
}

body{
	background: url(../img/background-glow.svg);
	background-size: cover;
	background-position: center;
	background-attachment: fixed;

}


a{
	color: var(--color-text);
}


main.main {
	padding: 3rem 0;
	min-height: 100vh; 
	display: grid;
	justify-items: center;
	align-items: center;
}

.container{
	width: 100%;
	max-width: 1400px; 
	padding: 0 5%;			
}


.main-inner{

}

.logo{
	width: 30vw; 
	max-width: 250px;
	margin: auto auto 2rem;
	display: block; 
}

table{
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

table th{
	text-align: left;
	background-color: #069;
	padding: 0.5em 0.7em;
}

table tr:first-child *:first-child{
	border-top-left-radius: 6px;
}

table tr:first-child *:last-child{
	border-top-right-radius: 6px;
}

table tr:last-child *:first-child{
	border-bottom-left-radius: 6px;
}

table tr:last-child *:last-child{
	border-bottom-right-radius: 6px;
}


table td{
	padding: 0.5em 0.7em;
}

table td a{
	height: min-content;
    display: block;
    max-height: 100px;
}

table td img{
	width: 100%;
    height: 100%;
    max-height: 100px;
	height: 100px;
}

table td:first-child{
	padding-right: 3em;

}

table tr:nth-child(even) td{
	background-color: #2486d355;
}

table tr:nth-child(odd) td{
	background-color: #2486d3dd;
}

table tr:nth-child(odd) td a{
}