:root {
  --border-color: #cf9a34;
  --element-bg-color: rgba(255, 246, 224 ,0.75);
}


html {
    background-color:white;
    background-image:url(./bg.png);
    background-size:400px;
    background-position:bottom right;
    background-repeat:repeat;
    background-attachment:fixed;
}
body,html {
    height:100%;
    width:100%;
    margin:0px;
    padding:0px;
    border:0px;
}


h1 {
    font-variant:small-caps;
    background:rgba(255,255,255,1);
    display:block;
    width:60%;
    margin:200px auto 0px auto;
    border-radius:40px 40px 0px 0px;
}
p {
    margin:0px;
    padding-bottom:20px;
    padding-top:20px;
}

p#important {
	margin-top:-55px;
	padding-left:55px;
	padding-top:55px;
}
p#important::before {
  display: block;
  position: relative;
  left: -55px;
  top: 55px;
  content: "!";
  border-radius: 50%;
  border: 2px solid red;
  width: 40px;
  height: 40px;
  line-height: 42px;
  font-size:40px;
  text-align: center;
  color: red;
  font-weight: normal;
}

div.box {
    background: var(--element-bg-color);
    text-align:center;
    border-radius:40px;
    margin:40px auto 40px auto;
    padding:20px auto 20px auto;
    width:90%;
    font-style:italic;
    font-size:150%;
    border:10px var(--border-color) solid;
}

div.topmenue {
    background: var(--element-bg-color);
    text-align:right;
    padding:5px 0px 5px 0px;
    width:100%;
    font-style:italic;
    border-bottom:10px var(--border-color) solid;
}

div.box p {
    margin-left:10%;
    margin-right:10%;
    color:rgba(0,0,0,0.5);
    font-style:italic;
    font-size:80%;
}
div.box input {
    font-weight:bold;
    font-size:100%;
    width:80%;
    text-align:center;
}

th#header {
    font-weight:bold;
    font-size:200%;
    text-align:center;
}


table, td, th, tr {
    border-radius:40px 40px 0px 0px;
}
table {
    text-align:center;
    width:90%;
    margin: auto auto 0px auto;
    background: var(--element-bg-color);
    border:10px var(--border-color) solid;
    border-bottom:0px;
}

@media screen and (min-width: 600px) {
table, div.box {
    width: 540px;
}
}


table#tab1 {
    border:10px var(--border-color) solid;
}
th.name {
    font-size:200%;
    text-align:left;
}

table.fav {
    border-radius:40px 40px 40px 40px;
    border-bottom:3px var(--border-color) solid;
}
table.fav tr:first-child {
    font-size:200%;
}


div#divider {
    background: url(./div.png);
    background-size: auto 100%;
    background-position: center;
    height:50px;
    margin:auto;
    width:100%;
}

a {
    color:black;
    border-bottom: 1px dashed black;
    text-decoration:none;
}

a img {
    border:0px;
}