/* 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; } }