Your IP : 216.73.216.76

Current Path : /home/kamilrogam/poligon/projekty/xmas-reindeer/css/
Upload File :
Current File : /home/kamilrogam/poligon/projekty/xmas-reindeer/css/template.css

* {
	padding: 0;
	margin: 0;
	outline: none;
}

body {
	font-family: 'Didact Gothic', sans-serif;
	font-size: 20px;
	line-height: 25px;
	color: #00293c;
	width: 100%;
	background: #fff;
	position: relative;
	word-wrap: break-word;
	text-align: justify;
	-webkit-font-smoothing: antialiased!important;
	font-smoothing: antialiased!important;
	-moz-osx-font-smoothing: grayscale!important;
	font-smooth: always!important;
}

img {
	border: none;
	max-width: 100%;
	height: auto;
}

.width {
	width: 1000px;
	margin: 0 auto;
	position: relative
}

.author {
	-webkit-transition: all 0.7s ease-out;
	-moz-transition: all 0.7s ease-out;
	-o-transition: all 0.7s ease-out;
	transition: all 0.7s ease-out;
}

.author {
	padding: 5px 5%;
	z-index: 9;
	position: fixed;
	bottom: 0;
	width: 90%;
	background: #eee;
	font-size: 13px;
	line-height: 15px;
	border-top: 1px solid #ccc;
	height: 33px;
}

.author p {
	margin: 0;
}

.author p: nth-child(1) {
	margin: 0 0 2.5px;
}

:after,
:before {
	display: block;
	content: '';
	position: absolute
}

.pa {
	position: absolute
}

.bg1 {
	background: #8c2801
}

.bg2 {
	background: #bd5e38
}

.bg3 {
	background: #3a1000
}

.bg4 {
	background: #000
}

.b {
	border: 2px solid #000
}

.br {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.renifer {
	width: 400px;
	height: 200px;
	top: 220px;
	left: 300px
}

.glowa {
	width: 150px;
	height: 200px;
	top: -25px;
	left: -65px;
	-webkit-transform: rotate(10deg);
	-moz-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	transform: rotate(10deg)
}

.rog {
	height: 200px;
	width: 13px
}

.rog.rog1 {
	top: -168px;
	left: -7px;
	-webkit-transform: rotate(-25deg);
	-moz-transform: rotate(-25deg);
	-ms-transform: rotate(-25deg);
	-o-transform: rotate(-25deg);
	transform: rotate(-25deg)
}

.rog.rog2 {
	top: -168px;
	left: 140px;
	-webkit-transform: rotate(25deg);
	-moz-transform: rotate(25deg);
	-ms-transform: rotate(25deg);
	-o-transform: rotate(25deg);
	transform: rotate(25deg)
}

.galaz {
	height: 59px;
	width: 8px
}

.g1,
.g3,
.g5 {
	-webkit-transform: rotate(28deg);
	-moz-transform: rotate(28deg);
	-ms-transform: rotate(28deg);
	-o-transform: rotate(28deg);
	transform: rotate(28deg)
}

.g2,
.g4 {
	-webkit-transform: rotate(-28deg);
	-moz-transform: rotate(-28deg);
	-ms-transform: rotate(-28deg);
	-o-transform: rotate(-28deg);
	transform: rotate(-28deg)
}

.galaz.g1 {
	top: 110px;
	left: 19px
}

.galaz.g2 {
	top: 80px;
	left: -19px
}

.galaz.g3 {
	top: 60px;
	left: 19px
}

.galaz.g4 {
	top: 24px;
	left: -19px
}

.galaz.g5 {
	left: 19px
}

.ucho {
	height: 26px;
	width: 42px;
	overflow: hidden;
	-webkit-border-radius: 0 62% 0 80%;
	-moz-border-radius: 0 62% 0 80%;
	border-radius: 0 62% 0 80%;
}

.ucho:before {
	width: 21px;
	height: 19px;
	background: #f78673;
	top: 8px;
	left: 24px;
	-webkit-border-radius: 0 50%;
	-moz-border-radius: 0 50%;
	border-radius: 0 50%;
}

.ucho.ucho1 {
	top: 9px;
	left: -11px
}

.ucho.ucho2 {
	top: 9px;
	left: 109px;
	-moz-transform: rotate(123deg);
	-ms-transform: rotate(123deg);
	-webkit-transform: rotate(123deg);
	transform: rotate(123deg)
}

.oko {
	background: #fff;
	width: 35px;
	height: 35px
}

.oko:after {
	background: #000;
	width: 10px;
	height: 10px;
	top: 15px;
	left: 13px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}

.oko.oko1 {
	top: 65px;
	left: 15px
}

.oko.oko2 {
	top: 64px;
	left: 88px
}

.pyszczek {
	top: 128px;
	left: 23px;
	width: 100px;
	height: 70px
}

.nos {
	top: -9px;
	left: 30px;
	width: 32px;
	height: 32px;
	background: #ad0101
}

.nos:before {
	background: #000;
	width: 2px;
	top: 33px;
	left: 15px;
	height: 21px
}

.buzia {
	border-bottom: 5px solid #000;
	-webkit-border-radius: 0 0% 50% 50%;
	-moz-border-radius: 0 0% 50% 50%;
	border-radius: 0 0% 50% 50%;
	width: 50px;
	height: 30px;
	top: 24px;
	left: 24px
}

.brzuch {
	top: 149px;
	left: 89px;
	height: 50px;
	width: 220px
}

.nogi {
	top: 150px
}

.nogi.n-p {
	left: 193px
}

.nogi.n-t {
	left: 0
}

.noga {
	width: 40px;
	height: 205px;
	-webkit-border-radius: 50% 0% 0% 50%;
	-moz-border-radius: 50% 0% 0% 50%;
	border-radius: 50% 0% 0% 50%;
}

.noga.noga1 {
	left: 55px;
	z-index: -1
}

.noga.noga2 {
	left: 80px
}

.kopytko {
	bottom: -35px;
	left: -25px;
	width: 66px;
	height: 37px;
	-webkit-border-radius: 92% 0 0;
	-moz-border-radius: 92% 0 0;
	border-radius: 92% 0 0;
	border: 1px solid #fff;
	z-index: -1
}

.kopytko:after {
	width: 23px;
	height: 3px;
	background: #8c2801;
	left: 39px;
	top: -1px
}

.ogon {
	top: 89px;
	left: 396px;
	width: 8px;
	height: 104px
}

.pedzelek {
	width: 5px;
	height: 30px;
	top: 100px
}

.pedzelek.pedzelek1 {
	-webkit-transform: rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-ms-transform: rotate(-20deg);
	-o-transform: rotate(-20deg);
	transform: rotate(-20deg);
	left: 6px
}

.pedzelek.pedzelek2 {
	left: 1px
}

.pedzelek.pedzelek3 {
	-webkit-transform: rotate(20deg);
	-moz-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	transform: rotate(20deg);
	left: -4px
}