body {
    background-color: rgba(6, 10, 76, 1);
    background-image: linear-gradient(180deg, rgba(89, 94, 252, 1) 0%, rgba(41, 53, 86, 1) 100%),  url();
    background-size: auto;
    background-position: center center;
    background-repeat: no-repeat;
    color: #D7D7D7;
    font-family: font-family: "Source Sans Pro", "Arial", sans-serif;
}

.errbody {
	background-color: rgba(220, 15, 19, 1);
	background-image: linear-gradient(180deg, rgba(220, 15, 19, 1) 0%, rgba(95, 13, 13, 1) 100%);
	text-align: center;
	font-family: 'DejaVu Sans Mono', 'Palatino Linotype', serif;
	font-size: 36pt;
}
.erra {
	text-align: center;
	font-family: 'DejaVu Sans Mono', 'Palatino Linotype', serif;
	font-size: 36pt;
	color: #E0E0E0;	
}
.errb {
	text-align: center;
	font-family: 'DejaVu Sans Mono', 'Palatino Linotype', serif;
	font-size: 28pt;
	color: #9C9C9C;	
}
.errc {
	text-align: center;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 25%;
  border: outset #000066 10px;
  border-radius: 30px;
}

hr {
	height: 3px;
    background: #009900;
    margin: 20px 0;
    box-shadow: 0px 0px 3px 3px #009900;
}
.hra {
	height: 1px;
    background: #009900;
    margin: 20px 0;
    box-shadow: 0px 0px 1px 1px #009900;
}
.hrb {
	height: 1px;
    background: #009900;
    margin: 20px 0;
    box-shadow: 0px 0px 2px 2px #009900;
}
.hrc {
	height: 5px;
	background: blue;
	margin: 20px 0;
	box-shadow: 0px 0px 4px 2px #000099;
}
.hr11 {
  border: 3px solid #660033;
  border-radius: 3px;
}
.hr12 {
  border: 3px solid #FF6F00;
  border-radius: 3px;
}
.hr13 {
  border: 3px solid #1B5E20;
  border-radius: 3px;
}
.hr14 {
  border: 3px solid #004D40;
  border-radius: 3px;
}
.hr15 {
  border: 3px solid #311B92;
  border-radius: 3px;
}
.hr16 {
  border: 3px solid #0033CC;
  border-radius: 3px;
}

/* sekcja nagłówków <h> */
.h1 {
	text-align: center;
	color: #E3F2FD;
    font-family: 'comic sans ms', sans-serif;
	font-size: 24pt;
}
.h2 {
	text-align: center;
	color: #E0E0E0;
	font-family: 'comic sans ms', sans-serif;
	font-size: 14pt;
}
.h3 {
	text-align: center;
	color: #E0E0E0;
}
.h4 {
	text-align: center;
	color: #E0E0E0;
}
.h5 {
	text-align: center;
	color: #E0E0E0;
}
.h6 {
	text-align: center;
	color: #E0E0E0;
}

/* sekcja <p> */
p {
	text-align: center;
	color: #E0E0E0;
}
.pa {
	text-align: center;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 16pt;
	color: #FFFFFF;
}
.pb {
	text-align: center;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12pt;
	color: #FFFFFF;
}
.pc {
	text-align: center;
	font-size: 12pt;
	font-family: Georgia, serif;
	color: #C7C7C7;
}
.pd {

}
.pe {
	font-family: OCR A Std, monospace;
	font-size: 12pt;
	font-weight: bold;
	color: #D7D7D7;
	text-align: center;
}

/* sekcja <a> */
a {
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	color: #33CCCC;
	font-family: "Lucida Console", "Courier New", monospace;
}
.a1 {
	text-align: center;
	font-family: 'trebuchet ms', geneva, sans-serif;
	color: #FFFFFF;
}
.a2 {
	text-align: center;
	font-family: 'trebuchet ms', geneva, sans-serif;
	color: #FFFFFF;
}
.a3 {
	text-align: center;
	font-family: 'trebuchet ms', geneva, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	color: #CC0033;
}
.a4 {
	text-align: center;
	font-family: 'trebuchet ms', geneva, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	color: #FFCC00;
}
.a5 {
	text-align: center;
	font-family: 'trebuchet ms', geneva, sans-serif;
	font-weight: bold;
	font-size: 14pt;
	text-align: center;
	color: #238E23;
}
.a6 {
	text-align: center;
	font-family: 'trebuchet ms', geneva, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	color: #CC0033;
}
.a7 {
	text-align: center;
	font-family: 'trebuchet ms', geneva, sans-serif;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
	color: #FFCC00;
}

/* sekcja <div> */
div {
	text-align: center;
	color: #E0E0E0;
}
.diva {

}

/* sekcja przycisków */
.button_small_1 {
	width: 80px;
	height: 30px;
	text-align: center;
    cursor: pointer;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	color: #939393;
    background: #1F1F1F;
    border: outset #5A5A5A 3px;
	border-radius: 20px;
}
.button_small_1:hover {
	width: 80px;
	height: 30px;
	text-align: center;
    cursor: pointer;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	color: #939393;
    background: #363636;
    border: outset #5A5A5A 3px;
	border-radius: 20px;
}
.button_small_1:active {
	width: 80px;
	height: 30px;
	text-align: center;
    cursor: pointer;
	font-family: 'Trebuchet MS', sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #939393;
    background: #464646;
    border: outset #5A5A5A 3px;
	border-radius: 20px;
}

.button_1 {
    width: 250px;
	height: 40px;
    cursor: pointer;
	font-family: 'comic sans ms', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #B2B2B2;
    background: #01579B;
    border: outset #D7D7D7 3px;
	border-radius: 10px;
}
.button_1:hover {
    width: 250px;
	height: 40px;
	cursor: pointer;
	font-family: 'comic sans ms', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #F1F1F1;
    background: #CFB53B;
    border: outset #F9F9F9 3px;
	border-radius: 10px;
}
.button_1:active {
    width: 250px;
	height: 40px;
	cursor: pointer;
	font-family: 'comic sans ms', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #F1F1F1;
    background: #CFB53B;
    border: outset #F9F9F9 3px;
	border-radius: 10px;
}

.button_2 {
    width: 250px;
	height: 40px;
    cursor: pointer;
	font-family: 'comic sans ms', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #1F1F1F;
    background: #607D8B;
    border: outset #D7D7D7 3px;
	border-radius: 10px;
}
.button_2:hover {
    width: 250px;
	height: 40px;
	cursor: pointer;
	font-family: 'comic sans ms', sans-serif;
	font-size: 18px;
	text-align: center;
	color: #F1F1F1;
    background: #607D8B;
    border: outset #F9F9F9 3px;
	border-radius: 10px;
}
.button_2:active {
    width: 250px;
	height: 40px;
	cursor: pointer;
	font-family: 'comic sans ms', sans-serif;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #F1F1F1;
    background: #607D8B;
    border: outset #F9F9F9 3px;
	border-radius: 10px;
}

.button_3 {
    height: 30px;
    width: 200px;
	cursor: pointer;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12px;
	text-align: center;
	color: #F1F1F1;
    background: #004D40;
    border: outset #33691E 3px;
}
.button_3:hover {
    height: 30px;
    width: 200px;
	cursor: pointer;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12px;
	text-align: center;
	color: #F1F1F1;
    background: #00695C;
    border: outset #33691E 3px;
}
.button_3:active {
    height: 30px;
    width: 200px;
	cursor: pointer;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #F1F1F1;
    background: #00695C;
    border: outset #33691E 3px;
}

.button_4 {
    width: 300px;
	height: 50px;
	cursor: pointer;
	font-family: OCR A Std, monospace;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #C7C7C7;
    background: #004D40;
    border: outset #2F4F2F 3px;
	border-radius: 10px;
}
.button_4:hover {
    width: 300px;
	height: 50px;
	cursor: pointer;
	font-family: OCR A Std, monospace;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #C7C7C7;
    background: #00695C;
    border: outset #2F4F2F 3px;
	border-radius: 10px;
}
.button_4:active {
    width: 300px;
	height: 50px;
    cursor: pointer;
	font-family: OCR A Std, monospace;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #F1F1F1;
    background: #00695C;
    border: outset #2F4F2F 3px;
	border-radius: 10px;
}

.button_5 {
    height: 25px;
    width: 150px;
	cursor: pointer;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12px;
	text-align: center;
	color: #F1F1F1;
    background: #004D40;
    border: outset #000066 3px;
}
.button_5:hover {
    height: 25px;
    width: 150px;
	cursor: pointer;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12px;
	text-align: center;
	color: #F1F1F1;
    background: #00695C;
    border: outset #000066 3px;
}
.button_5:active {
    height: 25px;
    width: 150px;
	cursor: pointer;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	color: #F1F1F1;
    background: #00695C;
    border: outset #000066 3px;
}

.button_6 {
    height: 35px;
    width: 250px;
	cursor: pointer;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 14px;
	text-align: center;
	color: #C7C7C7;
    background: #1B5E20;
    border: outset #33691E 3px;
}
.button_6:hover {
    height: 35px;
    width: 250px;
	cursor: pointer;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 14px;
	text-align: center;
	color: #C7C7C7;
    background: #388E3C;
    border: outset #33691E 3px;
}
.button_6:active {
    height: 35px;
    width: 250px;
	cursor: pointer;
	font-family: Verdana,Geneva,sans-serif; 
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	color: #F1F1F1;
    background: #388E3C;
    border: outset #33691E 3px;
}

.button_7 {
    height: 25px;
    width: 100px;
	cursor: pointer;
	font-family: 'comic sans ms', sans-serif;
	font-size: 10px;
	text-align: center;
	color: #4C4C4C;
    background: #E0E0E0;
    border: outset #1F1F1F 3px;
	border-radius: 10px;
}
.button_7:hover {
    height: 25px;
    width: 100px;
	cursor: pointer;
	font-family: 'comic sans ms', sans-serif;
	font-size: 10px;
	text-align: center;
	color: #E0E0E0;
    background: #4C4C4C;
    border: outset #1F1F1F 3px;
	border-radius: 10px;
}
.button_7:active {
    height: 25px;
    width: 100px;
	cursor: pointer;
	font-family: 'comic sans ms', sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	color: #E0E0E0;
    background: #A7A7A7;
    border: outset #1F1F1F 3px;
	border-radius: 10px;
}

.button_8 {
    height: 60px;
    width: 250px;
	cursor: pointer;
	font-family: OCR A Std, monospace;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #C7C7C7;
    background: #1B5E20;
    border: outset #33691E 3px;
	border-radius: 15px;
}
.button_8:hover {
    height: 60px;
    width: 250px;
	cursor: pointer;
	font-family: OCR A Std, monospace;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #C7C7C7;
    background: #388E3C;
    border: outset #33691E 3px;
	border-radius: 15px;
}
.button_8:active {
    height: 60px;
    width: 250px;
	cursor: pointer;
	font-family: OCR A Std, monospace;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	color: #F1F1F1;
    background: #388E3C;
    border: outset #33691E 3px;
	border-radius: 15px;
}