body {
            margin: 0;
        }
        .bodyNoScrol{
            overflow: hidden;
        }
        a {
            text-decoration: none;
            color: inherit;
        }
        .kartaimg{
            position: absolute;
            width: 210px;
            height: 295px;
            border-top-left-radius: 25px;
            border-top-right-radius: 25px;
            top: 5px;
        }
        .kartytxt{
            position: absolute;
            top: 295px;
            color: rgb(255, 255, 255);
            text-align: center;
            font-size: 293.75%;
            margin: 0;
        }
        .contain{
            position: relative;
            display: flex;
            justify-content: center;
            gap: 40px;
            top: 80px;
        }
        .karty{
            position: relative;
            height: 350px;
            width: 220px;
            background-color: #242F40;
            border-radius: 30px;
            display: flex;
            justify-content: center;
            transition: transform 0.3s ease, box-shadow 0.3s ease;
            
        }
        .karty:hover {
            transform: translateY(-30px);
            box-shadow: 0 10px 30px rgba(252, 252, 251, 0.486);
        }
        P{
            color: white;
            text-align: center;
            font-size: 150%;
            width: 80%;
            margin: auto;
        }
        .unselectable {
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        h1{
            font-family:georgia;
            position: absolute;
            color: white;
            margin: auto;
            top: 15.625rem;
            font-size: 1250%;
            text-align: center;
            width: 100%;
        }
        h2{
            width: 100%;
            position: absolute;
            color: white;
            text-align: center;
            font-size: 70px;
            bottom: 775px;
        }
        .flexer{
            display: flex;
        }
        body{
            background-color: black;
        }
        .Mimg{
            width: 450px;
            height: 900px;
            margin: 0px;
            padding: 0px; 
        }
        .panel{
            background-color: #242F40;
            width: 90%;
            height: 800px;
            justify-self: center;
            border-radius: 90px;
            display: flex;
            margin: 0;
            gap: 20px;
            padding: 30px;
            overflow: hidden;
        }
        .back
        {
            position: relative;
            color: white;
            font-size: 50px;
            top: 20PX;
            left: 50px;
        }
        .postava{
            top: 20px;
            position: relative;
            height: 240px;
            border-radius: 240px;
            border: 3px;
        }
        .karta_postava{
            position: relative;
            height: 800px;
            width: 25%;
            background-color: #343F50;
            border-radius: 60px;
            display: flex;
            justify-content: center;
            box-shadow: rgba(0, 0, 0, 0.548) 0px 3px 8px;
        }
        .karta_fake{
            position: relative;
            height: 800px;
            width: 300px;
            border-radius: 300px;
            background-color:#242F40;
            border-radius: 30px;            
        }
        .film{
            border: #242F40;
        }
        .herec{
            border: #242F40;
        }
        .lego{
            position: absolute;
            top: 150px;
            right: -30px;
            z-index: 99999999;
        }
        @media screen and (max-width: 700px) {
        .Mimg {
        display: none;
            };
        }