@charset "utf-8";
@import url(http://fonts.googleapis.com/css?family=Asar);
@import url(http://fonts.googleapis.com/css?family=Poppins:300,500,600);
body {margin: 0; padding: 0}
body {background: rgba(250,210,249,1);
background: -moz-linear-gradient(-45deg, rgba(250,210,249,1) 0%, rgba(173,219,240,1) 100%);
background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(250,210,249,1)), color-stop(100%, rgba(173,219,240,1)));
background: -webkit-linear-gradient(-45deg, rgba(250,210,249,1) 0%, rgba(173,219,240,1) 100%);
background: -o-linear-gradient(-45deg, rgba(250,210,249,1) 0%, rgba(173,219,240,1) 100%);
background: -ms-linear-gradient(-45deg, rgba(250,210,249,1) 0%, rgba(173,219,240,1) 100%);
background: linear-gradient(135deg, rgba(250,210,249,1) 0%, rgba(173,219,240,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fad2f9', endColorstr='#addbf0', GradientType=1 );}
#spinka {width:1200px; margin-left: auto; margin-right: auto; display: bloack; padding: 20px; background-color: white; border-left: 2px solid #C43EBB; border-right: 2px solid #1CA1D9; min-height: 100vh;}
#header,#content,#footer,#intro-text {width: 100%;}
#header,#footer {font-family: Poppins; font-weight: 300; line-height: 100%; font-family: Poppins;}
#header {padding-bottom: 20px;}
#header h1 {font-family: Asar; font-size: 49px; line-height: 40px; text-align: center; margin: 0; padding: 0; float: left; display: block; width: 30%; color: hotpink;}
#header #star {font-size: 42px; color: steelblue; padding: 10px; margin: 0; display: block; text-transform:uppercase;}
#header #description {margin: 0; padding: 0; font-size: 18px; font-weight: 300; padding-bottom: 20px;}
#intro-text,#outro-text {text-align: center; font-size: 26px; font-family: Poppins; font-weight:600; color: steelgrey;}
#middle-text {text-align: center; font-size: 45px; font-family: Poppins; color: steelgrey;}
#middle-text strong {color: hotpink;}
#outro-text {font-size: 36px !important; padding-bottom: 20px;}
#star {font-family: Poppins; font-weight:500; color: deeppink;}
#content video {width: 100%; height: auto; margin-bottom: 20px; border: 2px solid hotpink; padding: 2px;}
#episode {width: 31.3%; height: auto; float: left; margin: 1%;}
#episode img {width: 100%; height:auto; border: 2px solid black;}
#episode img:hover {border: 2px solid hotpink;}
a:hover {color: black !important;}
a:link {color: hotpink;}
a:visited {color: black;}
#clear {clear: both;}
#footer {text-align: justify;}
#batonik {width: 100%; text-align: center; padding-top: 0px; font-size: 38px; font-family: Poppins; clear: right;}
#batonik button {width: 100%; background-color: royalblue; color: white;}
#batonik button span {text-decoration: underline;}