body {
	background-color:#f3f3f3; /* ustawiamy kolor tła naszej strony */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	font-family: Arial, Helvetica, sans-serif; /* ustawiamy czcionkę z której korzystamy */
	background-image: url("cubepsc2.jpg");
    background-repeat: no-repeat;
    background-attachment: fixed;
    /*background: linear-gradient(316deg, #0d3d9f, #0988ae, #03444f, #020a13);
    background-size: 150% 150%;
    -webkit-animation: AnimationName 90s ease infinite;
    -moz-animation: AnimationName 90s ease infinite;
    -o-animation: AnimationName 90s ease infinite;
    animation: AnimationName 90s ease infinite; */
	
}


@-webkit-keyframes AnimationName {
    0%{background-position:13% 0%}
    50%{background-position:88% 100%}
    100%{background-position:13% 0%}
}
@-moz-keyframes AnimationName {
    0%{background-position:13% 0%}
    50%{background-position:100% 88%}
    100%{background-position:13% 0%}
}
@-o-keyframes AnimationName {
    0%{background-position:13% 0%}
    50%{background-position:100% 88%}
    100%{background-position:13% 0%}
}
@keyframes AnimationName { 
    0%{background-position:13% 0%}
    50%{background-position:88% 100%}
    100%{background-position:13% 0%}
}

#formularz {
        width:260px; /* ustawiamy szerokość formularza */
        margin:0 auto; /* jeżeli nasz formularz ma ustawioną szerokość wyśrodkowujemy go */
        background-color:#fff; /* dodajemy kolor tła naszemu formularzowi */
        border:2px solid #ccc; /* dodajemy obramowanie o szerokości 2px */
        border-radius:10px; /* zaokrąglamy tło naszego formularza */
		padding:20px; /* dodajemy margines wewnątrz naszego formularza */
        margin-top:20px; /* dodajemy margines górny naszego formularza */
		zoom: 1.6; /* zoom strony */
		-moz-transform: scale(1.6);  /* zoom strony */
		-moz-transform-origin: 0 0; /* zoom strony */
		z-index: 2;
		position: absolute;
		left: 25%;
		rght: 5%;
}

#formularz label {
    display:block;/* ustawiamy by label rozpoczynał się od nowej linii*/
    margin-bottom:5px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionkę */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:12px; /* ustawiamy wielkość czcionki */
    color:#555555; /* ustawiamy kolor czcionki */
}

#formularz input[type='checkbox']{
	width:20px; 
	height:20px; 
    margin-bottom:0px;/* dodajemy margines dolny */
    font-weight:bold; /* pogrubiamy czcionkę */
    text-transform: uppercase; /* zamieniamy wszystkie litery na duże */
    font-size:12px; /* ustawiamy wielkość czcionki */
    color:#555555; /* ustawiamy kolor czcionki */
}

#formularz input,
#formularz textarea{
	width:260px; /* ustawiamy szerokość formularza */
	padding:5px; /* dodajemy margines wewnątrz naszego pola */
	border-radius:3px; /* dodajemy zaokraglone rogi */
	border:1px solid #ccc; /* dodajemy obramowanie */
	margin-bottom:20px; /* dodajemy margines dolny */
}

#formularz select,
#formularz option {
	padding:5px; /* dodajemy margines wewnątrz naszego pola */
	border-radius:3px; /* dodajemy zaokraglone rogi */
	border:1px solid #ccc; /* dodajemy obramowanie */
	margin-bottom:25px; /* dodajemy margines dolny */
	width:260px; /* ustalamy szerokość */
}

#formularz input#submit {
	cursor:pointer; /* zmieniamy kursor */
	margin-bottom:0px;/* resetujemy margines dolny */
}

#formularz p.copy {
	color:#555555; /* ustawiamy kolor czcionki */
	margin-bottom:0px; /* resetujemy margines dolny */
	font-size:12px; /* ustawiamy rozmiar czcionki */
	text-align: center; /* wyśrodkowywujemy tekst */
}

#formularz p.copy a {
	color:#555555;/* ustawiamy kolor czcionki */ 
	text-decoration: none; /* usuwamy podkreślenie linku */
	font-weight:bold; /* pogrubiamy czcionkę */
	margin-bottom:0px;/* resetujemy margines dolny */
} 

#particles-js {
	z-index: 1;
	position: absolute; 
	width: 99%;
	height: 150%;
    top: 0;
}