body {
    width:100%;
    height:100%;
    margin:0;
}
video {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    transform: translateX(-50%) translateY(-50%);
    background-size: cover;
    transition: 1s opacity;
    
    
}
.obsah{

    background: linear-gradient(to bottom, #edecd8 15%, #ccffcc 100%);
    width: 600px;
    border-width: 5px;
    border-style: none;
    z-index: 3;
    opacity:0.8
}
h1{
    color:#FFF2D7
}
button{
   background-color:transparent;
   color:white;
   font-weight:bold
}
h1 {
    text-shadow: 0 0 7px #1ca0b4
}

    h1:hover {
        text-shadow: 0 0 15px #1ca0b4
    }

    .ahoj{

    }

.text {
    animation: 3s slidein-right
}

@keyframes slidein-right {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}
.odstavec {
    
}

    .odstavec p {
        font-size: 1em;
        margin: 0;
        display: block;
        text-align: center;
        -webkit-transition: font-size .5s ease;
        -moz-transition: font-size .5s ease;
        -o-transition: font-size .5s ease;
        transition: font-size .1s ease;
    }

        .odstavec p:hover {
            font-size: 1.5em;
            font-weight: 400;
            color: goldenrod
        }


#jmeno:hover { text-decoration:underline;text-decoration-color:red;
}