@import url('_fonts/robot_font.css');
body{
    background-color: #81d4fa;
    font-family: 'Roboto', sans-serif;
}
#intro{
    color: black;
    text-align: center;
}
#intro > h1{
    font-size: 50px;
}
#intro > p{
    font-size: 1.2em;
}

th, td {
    border: 1px solid black;
	text-align: center;
	padding: 10px 10px;
    width: 900px;
    
}
#main_table{
    border-collapse: collapse;
	display: flex;
	align-items: center;
	justify-content: center;
    width: 90%;
	max-width: 900px;
	margin: auto;
	padding: 10px 10px;
}
tr{
    background-color: #faa781;
}
tr.toprow{
    background-color: #f26e25;
}

@media screen and (max-width: 1050px) {
    table, th, td, tr {
	width: 80%;
	}
}
#home_link{
    width: 100%;
}

#home_link > a{
	font-weight: bold; 
	align-items: center; 
	background: #ffa343; 
	width: fit-content; 
	color: black;
    display: flex;
    text-decoration: none;
    margin: 0 auto;
}

#home_link > a > *{
	padding: 5px;
	margin: 0px;
}