@charset "utf-8";

#work {
	font-family: "Comic Sans MS";
	color: #03F;
	background-color: #FFFFFF;
	border-style: hidden;
	border-color: #FFFBF0;
	position: absolute;
	left: 21px;
	top: 13px;
	width: 139px;
	height: 320px;
	text-align: center;
}

#copyright {
	font-family: "Comic Sans MS";
	background-color: #FFFFFF;
	position: absolute;
	left: 50px;
	top: 720px;
	color: #FFFFFF;
	border-style: none;
	text-align: center;
	font-size: 10px;
}

#revision {
	position: absolute;
	left: 10px;
	top: 5px;
	font-family: "Comic Sans MS";
	background-color: #00FFFF;
	color: black;
        border-style: double solid;
        border-width: medium;
	border-color: #000000;
        padding: 3px;
	text-align: center;
	font-size: 11px;
}

#lepenet_logo {
	position: absolute;
	left: 410px;
	top: 2px;
}

.count_test {
	font-family: "Comic Sans MS";
	background-color: #FFFF00;
	position: absolute;
	left: 230px;
	top: 5px;
	color: black;
        border-style: double solid;
        border-width: medium;
	border-color: #000000;
        padding: 3px;
	text-align: center;
	font-size: 20px;
}

#linux {
	position: absolute;
	left: 220px;
	top: 350px;
}

#nginx_logo {
	position: absolute;
	left: 200px;
	top: 525px;
}

#he_logo {
	position: absolute;
	left: 700px;
	top: 560px;
}

#postfix {
	position: absolute;
	left: 740px;
	top: 430px;
}

#dovecot {
	position: absolute;
	left: 940px;
	top: 450px;
}

#roundcube {
	position: absolute;
	left: 890px;
	top: 680px;
}

#mariadb {
	position: absolute;
	left: 700px;
	top: 710px;
}

#mail {
	position: absolute;
	left: 705px;
	top: 810px;
	font-family: "Times New Roman";
	position: absolute;
	color: #FFFFFF;
	font-size: 28px;
	font-style: italics;
}

#letsencrypt {
	position: absolute;
	left: 1000px;
	top: 580px;
}

#spamassassin {
	position: absolute;
	left: 980px;
	top: 660px;
}

#bullseye {
	position: absolute;
	left: 440px;
	top: 420px;
}

#nyx {
	position: absolute;
	left: 0px;
	top: 380px;
}

#tor_logo {
	position: absolute;
	left: 850px;
	top: 575px;
}

#guestbook {
	font-family: "Comic Sans MS";
	background-color: #FFFDBB;
	padding: 5px;
	position: absolute;
	left: 6px;
	top: 5px;
	color: #FFFFFF;
	width: 190px;
	height: 22px;
	border: thin solid #888;
	border-color: #000000;
	font-size: 18px;
	font-style: normal;
}

#progress {
	font-family: "Comic Sans MS";
	background-color: #FFFDBB;
	padding: 5px;
	position: absolute;
	left: 6px;
	top: 45px;
	color: #FFFFFF;
	width: 190px;
	height: 22px;
	border: thin solid #888;
	border-color: #000000;
	font-size: 18px;
	font-style: normal;
}

#responsive {
	font-family: "Comic Sans MS";
	background-color: #FFFDBB;
	padding: 5px;
	position: absolute;
	left: 6px;
	top: 85px;
	color: #FFFFFF;
	width: 190px;
	height: 22px;
	border: thin solid #999;
	border-color: #000000;
	font-size: 18px;
	font-style: normal;
}

#svg {
	font-family: "Comic Sans MS";
	background-color: #FFFDBB;
	padding: 5px;
	position: absolute;
	left: 6px;
	top: 125px;
	color: #FFFFFF;
	width: 190px;
	height: 22px;
	border: thin solid #999;
	border-color: #000000;
	font-size: 18px;
	font-style: normal;
}

#openpgp {
	font-family: "Comic Sans MS";
	background-color: #FFFDBB;
	padding: 5px;
	position: absolute;
	left: 6px;
	top: 165px;
	color: #FFFFFF;
	width: 190px;
	height: 22px;
	border: thin solid #999;
	border-color: #000000;
	font-size: 18px;
	font-style: normal;
}

#button_frame {
	font-family: "Comic Sans MS";
	padding: 3px;
	position: absolute;
	left: 10px;
	top: 100px;
	color: #FFFFFF;
	width: 208px;
	height: 250px;
	border: thin solid #999;
	border-color: #000000;
	font-size: 18px;
	font-style: normal;
	background-color: #C1FFCF;
}