:root {
  --theme-color: #82B4BF;
}

/* reset.css */
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  position: relative;
}

html { box-sizing: border-box; font-size: 62.5%; }
*, *:before, *:after { box-sizing: border-box; }
html, body { height: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
a         { color: #2F9EEF; text-decoration: none; }
a:hover   { color: #2F9EEF; text-decoration: underline; }
a:visited { color: #2F9EEF; text-decoration: none; }
p { text-align: justify; }
p:empty { display: none; }
em { font-style: italic; }
img { max-width: 100%; }
li ol,li ul { margin-bottom: 0; }
strong, b { font-weight: bold; }
sub { vertical-align: sub; }
sup { vertical-align: super; }
time { text-align: center; }
tt, code, kbd, samp { font-family: monospace; }
ul { list-style: disc; }
ul,ol { padding-left: 1.4em; }

small, sub, sup {
  font-size: 70%;
  line-height: 0;
  position: relative;
}

/* site specific elements */
body {
  background-color: var(--theme-color);
}

.page-border {
    position: relative;
    height: 100%;
    margin: 0;
    border: 12px solid var(--theme-color);
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-image: url("../img/silverstone.jpg");
}

.logo {
    height: 200px;
    left: 50%;
    margin-top: -100px;
    margin-left: -100px;
    position: absolute;
    top: 50%;
    width: 200px;
}