:root 
{
--rand:14vw;
--cirkelgroot:140vw;
--cirkelmidden:85vw;
--cirkelklein:30vw;
--kleur_licht:#cf736a;
--kleur_midden:#825065;
--kleur_donker:#3e486a;
}

body {background:linear-gradient(0deg,var(--kleur_licht) 0%,var(--kleur_midden) 50%,var(--kleur_donker) 100%);font-family:"Helvetica";;color:#000;font-size:14pt;padding:0;height:100%;font-family:'Helvetica','Arial',sans-serif;}

a:link {text-decoration:none;color:#fff;}
a:visited {text-decoration:none;color:#fff;}
a:active {text-decoration:none;color:#fff;}
.knop {width:15em;padding:.7em;margin-bottom:2em;text-align:center;display:inline-block;}
.knop {background-color:#0075c9;color:#fff;width:15em;margin:1em auto;text-align:center;font-weight:600;border-radius:7px;padding:1ex;}

.cirkels_achtergrond {position:fixed;left:calc(50vw - ((var(--cirkelgroot) + (2 * var(--rand))) / 2));top:calc((-1 * var(--cirkelgroot) + (2 * var(--rand))) * (90/100));z-index:-10;}
.cirkel {position:absolute;display:block;background-color:rgba(0,0,0,0);border-radius:50%;border:var(--rand) solid rgba(255,255,255,.05);padding:0;margin:0;}

h1 {text-align:center;font-weight:normal;}
h2 {font-weight:normal;}
h3 {font-weight:normal;}

table {padding:1em;width:100%;color:#555;}
tr {text-align:left;}
td {text-align:right;}

@media screen and (min-width:1024px)
{
 .knop {margin:2em;}
}