/* CSS Document */
#be {
background:black;
width:250px;
}
#be table{
color:#660000 ;
}
#sz
{
color:#660000 ;
}
#cim {
background:#660000;
border-top-left-radius:20pt 20pt;
border-top-right-radius:20pt 20pt;
border-bottom-left-radius:20pt 20pt;
border-bottom-right-radius:20pt 20pt;
height:65px;
width:190px;
}
fieldset#be
{
border-color:red;
border-top-left-radius:25pt 25pt;
border-top-right-radius:25pt 25pt;
border-bottom-left-radius:25pt 25pt;
border-bottom-right-radius:25pt 25pt;
}
#zaszlo {
border-top-left-radius:25pt 25pt;
border-top-right-radius:25pt 25pt;
border-bottom-left-radius:25pt 25pt;
border-bottom-right-radius:25pt 25pt;
background-size: 400px 400px ;
margin: 0 auto;
height:75%;
width:85%;
box-shadow: 0 0 10px #660000,
0 0 40px #660000,
0 0 80px #660000;
margin-bottom: 2%;
}
#zaszlo h1
{
text-align:center;
font-weight:bold;
color:transparent;
margin:0;
padding-top: 380px;
width:100%;
}
#zaszlo h1 span
{
opacity:0;
display:inline-block;
animation:animate 5s linear forwards;
padding-left: 10px;
padding-right: 10px;
background-image:url("../php/kep.php?id=2");
background-size: 75px;
font-size: 90px;
-webkit-background-clip:text;
}
@keyframes animate
{
0%{
opacity:0;
transform:rotateY(90deg);
filter:blur(10px);
}
100%{
opacity:1;
transform:rotateY(0deg);
filter:blur(0);
}
}
#sejtbody{
position: absolute;
z-index: -1;
width: 100%;
height: 120%;
margin: 0;
}
@media only screen and (max-width: 750px) {
#zaszlo h1 span{
font-size: 50px;
}
h1{
font-size: 25px;
}
body{
font-size: 10px;
}
}
@media only screen and (max-width: 550px) {
#zaszlo h1 span{
font-size: 30px;
}
h1{
font-size: 10px;
}
#cim{
height: 20px;
}
}