@import url('https://fonts.googleapis.com/css2?family=Exo:ital,wght@0,100..900;1,100..900&display=swap');

html { background-color: #07194b; }

html, table, input { font-family: Exo, Arial, Helvetica, sans-serif; font-size: 14px; }
body { max-width: 1400px; margin-left: auto; margin-right: auto; margin-top: 20px; padding: 10px 20px;  line-height: 1.5; }

html, a { color: white; }

header, header div {  display: flex;}
header div div { margin: 10px 5px; padding: 5px 10px; }
header a {  text-decoration: none; }


header .menu {  width: 30%; }
header .credits {  width: 40%; display: flex; justify-content: center; }
header .partner {  width: 30%; display: flex; justify-content: right; }


header .links_out, header .links_in { background-color: white; color: black; border-radius: 10px;}
header .links_out a, header .links_in a { color: black; }


header { position: -webkit-sticky; position: sticky; top: 0; center; z-index: 1000; background-color: #07194b; }

table { width: 100%; }
table input { border: 0; width: 95%; color: white; background-color: #07194b; }
th { text-align: left; font-weight: bold; }

h1 { margin-top: 30px; }


table .domain { width: 10%; }
table .link { width: 30%; }
table .anchor { width: 20%; }
table .title { width: 40%; }

table .count { width: 5%; }
table .url { width: 95%; }


button.complete {  background-color: darkorange; color: white; font-weight: bold; font-size: 16px; padding: 7px 15px; cursor: pointer; border: 0; }
a.next {  background-color: darkorange; color: white; font-weight: bold; font-size: 16px; padding: 7px 15px; cursor: pointer; border: 0; text-decoration: none; }
button.back { background-color: white; border: 0; padding: 2px 5px; }

.notes { background-color: white; color: black; margin-bottom: 20px; margin-top: 100px; padding: 10px; width: 96%; }