html {
    margin: 0px;
    background: #181818;
}

body {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background: url("/include/gordian-knot-watermark.png") no-repeat;
    background-position: 50% 20px;
    background-size: cover;
    height: 100vh;
}

.top {
    opacity: 0.8;
    background: linear-gradient(270deg, rgba(10,10,10,1) 5%, rgba(20,20,50,1) 95%);
    height: 155px;
    border-bottom: 1px solid #444;
}

.topinner {
    padding: 20px;
    width: 720px;
    margin-left: auto;
    margin-right: auto;
}

.topleft:before {
    content: ' ';
    background: url("/include/gordian-knot-logo-small.png") no-repeat;
    display: block;
    position: absolute;
    width: 128px;
    height: 128px;
    animation: animate 5s linear infinite;
}

.topleft {
    float: left;
}

.topleft a:link {
    text-decoration: none;
}

.topleft h1 {
    margin-left: 140px;
}

.topright {
    float: right;
    align: right;
}

.topright ul {
    margin-top: 39px;
    margin-bottom: 65px;
}

.menu li {
    display: inline;
    decoration: none;
}

.menu li a {
    display: inline;
    text-decoration: none;
    color: #eee;
    padding-left: 10px;

}

h1 {
    color: #bbb;
    font: bold 37px Michroma;
    -webkit-animation: glowing-text 4s ease-in-out infinite alternate;
    -moz-animation: glowing-text 4s ease-in-out infinite alternate;
    animation: glowing-text 4s ease-in-out infinite alternate;
}

@font-face {
    font-family: Michroma;
    src: url("/include/Michroma.ttf") format("opentype");
}

@-webkit-keyframes glowing-text {
    0% {
        text-shadow: 0 0 10px #fff, 0 0 20px #fff, 0 0 30px #2e00e6, 0 0 40px #6300e6, 0 0 50px #6300c3, 0 0 60px #6300e6, 0 0 70px #6300cf;
    }
  
    100% {
        text-shadow: 0 0 25px #fff, 0 0 30px #334da6, 0 0 40px #334da6, 0 0 50px #334da6, 0 0 60px #334da6, 0 0 70px #334da6, 0 0 80px #334da6;
    }
}

@keyframes animate {

    0% {
	transform: scale(1);
	opacity: 0.8;
    }

    50% {
	transform: scale(1.03);
	opacity: 1.0;
    }
    
    100% {
	transform: scale(1);
	opacity: 0.8;
    }

}

.content {
    margin-left: 20px;
    margin-right: 20px;
    font: 12px Lora;
}

.section {
    width: 700px;
    margin-left: auto;
    margin-right: auto;
    color: #ccc;
}

.footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 30px;
  color: #ccc;
  background: linear-gradient(270deg, rgba(10,10,10,1) 5%, rgba(20,20,50,1) 95%);
  opacity: 0.8;
  border-top: 1px solid #444;
  font: 12px Michroma;
}

.footer p {    
    padding: 0px;
    margin: 5px;
    margin-left: auto;
    margin-right: auto;
    position: center;
    width: 800px;
    text-align: right;
}

.footer a:link {
    color: #ccc;
}