/*voor schermen groter dan 800px*/

table {margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
max-width: 700px;
border: solid #084887;
border-collapse: collapse}

th,td {border: solid #084887;
padding: 10px; 
background-color:#909CC2 ;}

th,td:nth-child(5) {background-color: #0f508f;}

th{color: #F58A07}

img {max-width: 800px;
max-height: 800px;
border: solid #F58A07 2px;
border-radius: 1%;}

header {text-align: left;
font-size: larger;}

span {padding: 20px;}

header p {text-align: right;
font-size: 20px;}

footer {background-color: #084887;
padding: 3rem;
text-align: center;
border-top: solid #F58A07 5px;
font-size: 20px;}

article {text-align: center;
max-width: 800px;
margin: 10px auto;}

article h2 {text-align: left;}

ol {padding: 1rem;
margin-bottom: 20px;
margin-left: 5px;
margin-top: 20px;
}

li {display: inline;}

li a {border: solid 5px #084887;
background-color: #084887 ;
padding: 1rem;
color: #F58A07;
border-radius: 5%;
box-shadow: 5px 5px 15px rgba(0,0,0,0.5);}

li a:focus {border: solid 5px #F58A07;}

li a:hover {color: #084887;
background-color: #F58A07;
border: solid 5px #F58A07;
text-decoration: none;}