html {
	background-color: #121212;
}

body {
	margin: 0 auto;
	width: 80%;
	background: url(img/bgt.png) no-repeat;
	background-position: top left;
}

p,
h1 {
	font-family: Tahoma, Verdana, sans-serif;
	color: #ddccbb;
	text-align: justify;
}

.introa {
    max-width: 96px;
    margin: 1% 3%;
    float: right;
}

a {
	text-decoration: none;
	transition: 0.3s;
	color: #7a5ada;
}

@media (orientation: landscape) and (min-width: 1921px) {
    body {
    padding: 0.1vh 4vh;
    background-size: 25vw;
    }
    p,
    h1  {
        font-size: 3.25vh;
    }
    pre {
        font-size: 2.25vh;
    }
    #footer img {
        width: 3em;
    }
}

@media (orientation: landscape) and (max-width: 1920px){
    body {
    padding: 0.1vh 4vh;
    background-size: 25vw;
    }
    p,
    h1 {
        font-size: 1.85vh;
    }
    pre {
        font-size: 1.75vh;
    }
    #footer img {
        width: 3em;
    }
}

@media (orientation: portrait) {
    body {
    padding: 3vh 4vh;
    background-size: 25vh;
    }
    p,
    h1 {
    font-size: 3.5vw;
    }
    pre {
    font-size: 2.5vw;
    }
    #footer img {
        width: 2.5em;
    }
}

#content {
	height: 74vh;
	margin: 7% 0 0 5%;
}

#aterm {
	border: #222 solid 0.25vh;
}

#tbar {
	background: #111;
}

#tdata {
	background: #181818;
	height: 68vh;
    margin: auto;
    text-align: left;
}

#tbar p {
	padding: 0.4%;
	margin: 0;
	text-align: left;
}

#tbar h1 {
	padding: 0.4%;
	margin: 0;
}

#tdata p {
	padding: 0.2% 0.4%;
	margin: 0.25% 2.5% 0.3em 0;
}

#footer {
    height: 6vh;
    padding: .75em 0 0 0;
    text-align: center;
}

#footer figure {
	display: inline-block;
	padding: 0;
	margin: auto 1%;
}

#footer img {
	width: 3em;
}

#footer figure img {
	-webkit-filter: sepia(100%);
	filter: sepia(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#footer figure:hover img {
	-webkit-filter: sepia(0);
	filter: sepia(0);
}

.blink {
	animation: blinker 1s linear infinite;
}

@keyframes blinker {
	50% { opacity: 0; }
}

.green {
	color: #88AA22;
}

.blue {
	color: #87CEEB;
}

.violet {
	color: #7a5ada;
	margin: 0 auto;
}

#c p {
	text-align: right;
	font-size: 1.5vh;
	margin-bottom: 0.75%;
}