body{
    background-color: #0F0F10;
    overflow-x: hidden;
}
html {
    scroll-behavior: smooth;
  }
button{
    text-decoration:none;
    border: none;
}
@media only screen and (orientation: landscape)
{
    h6
    {
        font-size: 1rem;
        margin: 1vh;
    }
    h5
    {
        font-size: 4vw;
        margin: 1vh;
    }
    h4
    {
        font-size: 2vh;
        margin: 1vh;
    }
.megaDiv
{
    width: 100vw;
    height: auto;
}
.topBar
{
    display: flex;
    align-content: center;
    width: 100%;
    height: 4vh;
    background-color: #292929;
    padding-bottom: 2rem;
}
.bigDivTop
{  
    display: block;
   height: 100vh;
    width: 100%; 
}
.bigDivTop2
{  
    display: flex;
   height: 100vh;
    width: 100%; 
}
.homeButton
{  
    transition: all .15s ease-in-out;
    filter: grayscale(50%);
    color: #FBE1FE;
    padding-left: 3%;
    padding-right: 5%;
    width: auto; 
}
.homeButton:hover{
    scale: 1.2;
    filter: grayscale(0);
    transition: all .15s ease-in-out;
}
.topHome
{
    display: flex;
    height: 100vh;
    width: 100%;
    padding-bottom: 1.5rem;
}
.fikLogoTop
{
    margin-left: 5vw;
    margin-top: 30vh;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-content: center;
    background-size: 100%;
    height: auto;
    width: 30vw;
    background-image: url(obr/logo.png);
}
.topBackgroundContainerLeft
{
    position: relative;
    display: flex;
    width: 40%;
    height: 96vh;
    background-color: #0F0F10;
}

.topBackgroundContainer
{
    position: relative;
    display: flex;
    width: 60%;
    height: 96vh;
    background-color: #0F0F10;
    display: block;
}
.topBackgroundDiv1
{
    border-radius: 1rem;
    transition: all .15s ease-in-out;
    aspect-ratio: 16/9;
    position: absolute;
    display: flex;
    width: 26vw;
    height: auto;
    background-image: url(obr/423b8e09-f135-40c0-8a77-e213cd085024.jfif);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin-top: 14vh;
    margin-left: -1vw;
}

.topBackgroundDiv2
{
    border-radius: 1rem;
    transition: all .15s ease-in-out;
    position: absolute;
    aspect-ratio: 16/9;
    width: 26vw;
    height: auto;
    display: flex;
    background-image: url(obr/ae177752-1b97-4bf3-b311-5906945f877e.jfif);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin-top: 14vh;
    margin-left: 27vw;
}

.topBackgroundDiv3
{
    border-radius: 1rem;
    transition: all .15s ease-in-out;
    position: absolute;
    display: flex;
    aspect-ratio: 16/9;
    width: 26vw;
    height: auto;
    background-image: url(obr/bad628af-0f3d-4da3-9846-fad0457691bd.jfif);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin-top: 47vh;
    margin-left: 5vw;
}

.topBackgroundDiv4
{
    border-radius: 1rem;
    transition: all .15s ease-in-out;
    position: absolute;
    display: flex;
    aspect-ratio: 16/9;
    width: 26vw;
    height: auto;
    background-image: url(obr/ae177752-1b97-4bf3-b311-5906945f877e.jfif);
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin-top: 47vh;
    margin-left: 33vw;
}

.topForegroundDiv
{
    border-radius: 1rem;
    transition: all .15s ease-in-out;
    position: absolute;
    display: flex;
    width: 35vw;
    height: 19.69vw;
    background-size: cover;
    background-repeat: no-repeat;
    display: block;
    margin-top: 25vh;
    margin-left: 11vw;
}
.biglive
{
   height: 100vh;
   width: 100vw;
}
.liveScreen
{
    aspect-ratio: 16/9;
    width: 50vw;
    height: auto;
    margin-top: 3vh;
    margin-left: 25%;
    background-color: #C7063E;
}
.divCudlikyBig
{ 
    height: 33vh;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-evenly;
}
.divCudliky
{
    display: flex;
    align-content: center;
    justify-content: center;
    height: 100%;
    width: 33vh;
    display: flex;
}
.divCudlikySloupce
{
    height: 100%;
    width: 33%;
    display: block;
}
.divCudlikyRadky
{
    height: 33%;
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: center;
}
.cudliky
{
   width: 100%;
   height: 100%;
   background-color: #C7063E;
  

}
.cudliky:active 
{
   background-color: #FBE1FE;
}

.sponzorDivBig
{
    background-color: #292929;
    height: auto;
    display: block;
    text-align: center;
    color: #C7063E;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width: 100%;
}
.sponzorDiv
{
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-evenly;
}
.sponzorDivText
{
    width: 100%;
    display: block;
    justify-content: center;
    height: auto;
}
section.vid 
{
    height: 5000px;
}
section.vid video
{
    height: 100%;
    width: 100%;
    object-fit: cover;
}
section.vid div.holder
{
    position: sticky;
    top: 0;
}
.cara
{
    width: 100%;
    height: 1vh;
    background-color: #C7063E;
}
.onasDIv
{
    background-color: #0F0F10;
    width: 100%;
    height: 41.5vh;
}

.onasDivText
{
    margin-top: 0;
    text-align: center;
    color: #C7063E;
    font-size: 3vh;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: #0F0F10;
    width: 100%;
    height: 25vh;
}
.onasDivTextDole
{
    background-color: #0F0F10;
    width: 100%;
    height: 20rem;
}
.onasDIvMy
{
    width: 100%;
    height: 100%;
    display: flex;
    align-content: space-evenly;
    
}
.My
{
    width: 25%;
    height: 100%;
    position: relative;
    display: flex;
}
.MyPodM
{
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    display: block;
    align-content: end;
    text-align: center;
    transition: ease-in-out 0.4s;
    opacity: 0;
}
.MyNadM
{
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    margin-top: 0%;
    transition: ease-in-out 0.4s;
    padding: 0;
    align-items: flex-end;
    display: flex;
    justify-content: center;
    filter: grayscale(100%);  
}
.MyNadM:hover
{
    filter: grayscale(0%); 
    transition: ease-in-out 0.4s; 
}
.onasDIv:has(.MyNadM:hover) .MyPodM
{
    margin-top: 20rem;
    opacity: 1;
    transition: ease-in-out 0.5s;
}
.MyPodV
{
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    display: block;
    align-content: end;
    text-align: center;
    transition: ease-in-out 0.4s;
    opacity: 0;
}
.MyNadV
{
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    margin-top: 0%;
    transition: ease-in-out 0.4s;
    padding: 0;
    align-items: flex-end;
    display: flex;
    justify-content: center;
    filter: grayscale(100%);
   
}
.MyNadV:hover
{
    filter: grayscale(0%); 
    transition: ease-in-out 0.4s; 
}
.obrazekMy{
    content-visibility: visible;
    display: none;
    visibility: hidden; 
}
.onasDIv:has(.MyNadV:hover) .MyPodV
{
    margin-top: 20rem;
    opacity: 1;
    transition: ease-in-out 0.5s;
}
.MyPodG
{
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    display: block;
    align-content: end;
    text-align: center;
    transition: ease-in-out 0.4s;
    opacity: 0;
}
.MyNadG
{
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    margin-top: 0%;
    transition: ease-in-out 0.4s;
    padding: 0;
    align-items: flex-end;
    display: flex;
    justify-content: center;
    filter: grayscale(100%);
   
}
.MyNadG:hover
{
    filter: grayscale(0%); 
    transition: ease-in-out 0.4s; 
}
.onasDIv:has(.MyNadG:hover) .MyPodG
{
    margin-top: 20rem;
    opacity: 1;
    transition: ease-in-out 0.5s;
}
.MyPodP
{
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    display: block;
    align-content: end;
    text-align: center;
    transition: ease-in-out 0.4s;
    opacity: 0;
}
.MyNadP
{
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
    margin-top: 0%;
    transition: ease-in-out 0.4s;
    padding: 0;
    align-items: flex-end;
    display: flex;
    justify-content: center;
    filter: grayscale(100%)
   
}
.MyNadP:hover
{
    filter: grayscale(0%); 
    transition: ease-in-out 0.4s; 
}
.onasDIv:has(.MyNadP:hover) .MyPodP
{
    margin-top: 20rem;
    opacity: 1;
    transition: ease-in-out 0.5s;
}
.modelFikDiv
{
height: auto;
width: 100%;
background-color: #C7063E;
display: flex;
}
.modelFikObr
{
    height: 50vh;
    width: 50vw;
background-image:url(obr/fikvzrcadle.png);
background-size: cover;
background-repeat: no-repeat;
margin: 5vw;
}
.modelFikObr2
{
    height: 50vh;
    width: 50vw;
background-image:url(obr/prezentace.png);
background-size: cover;
background-repeat: no-repeat;
margin: 5vw;
}
.modelFikText
{
    display: block;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 15vh;
    width: 35rem;
    margin: 4vh;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #FBE1FE;
}
.modelFikBtn
{
    justify-content: center;
display: flex;
justify-content: center;
height: 20%;
width: 100%;
}
.kodFikDiv
{
height: auto;
width: 100%;
background-color: #C7063E;
display: flex;
justify-content: end;
}
.kodFikObr
{
    height: 50vh;
    width: 50vw;
background-image:url(obr/python.webp);
background-size: cover;
background-repeat: no-repeat;
margin: 5vw;
}
.kodFikText
{
    text-align: center;
    justify-content: center;
    align-items: center;
    height: 15vh;
    width: 35rem;
    margin: 5vh;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #FBE1FE;
}
.kodFikBtn
{
display: flex;
justify-content: center;
vertical-align: bottom;
height: auto;
width: 100%;
}
.cudlikDownload
{
background-color: #0F0F10;
text-decoration: none;
color: #C7063E;
width: 15vw;
height: 10vh;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 4vh;
}
.cudlikDownload:active
{
background-color: #FBE1FE;
text-decoration: none;
color: #C7063E;
width: 15vw;
height: 10vh;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 4vh;
}
}
@media only screen and (orientation: portrait)
{
    h5
    {
        font-size: 4vh;
        margin: 1vh;  
    }
    h4
    {
        font-size: 0.7em;
        margin: 1vh;  
    }
.megaDiv
{
    width: 100vw;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}
.topBar
{
    display: flex;
    align-content: center;
    justify-content: space-evenly;
    width: 100%;
    height: 4vh;
    background-color: #292929;
    padding-bottom: 2vh;
}
.bigDivTop
{  
    display: block;
   height: auto;
    width: 100%; 
    
}
.bigDivTop2
{  
    display: block;
   height: auto;
    width: 100%; 
}
.fikLogoTop
{
    margin-left: auto;
    margin-right: auto;
    margin-top: 50%;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-content: center;
    background-size: 100%;
    height: auto;
    width: 100%;
    background-image: url(obr/logo.png);
}
.topBackgroundContainer
{
    display: block;
    width: 100%;
    height: auto;
    background-color: #0F0F10;
    display: block;
}
.topForegroundDiv
{
    border-radius: 1rem;
    transition: all .15s ease-in-out;
    display: block;
    width: 100vw;
    height: 58vw;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}
.topBackgroundContainerLeft
{
    position: relative;
    display: flex;
    width: 100%;
    height: 96vh;
    background-color: #0F0F10;
}
section.vid 
{
    height: 0px;
}
section.vid video
{
    height: 0%;
    width: 0%;
    object-fit: cover;
}
section.vid div.holder
{
    position: sticky;
    top: 0;
}
.liveScreen
{
    aspect-ratio: 16/9;
    width: 50vw;
    height: auto;
    margin-top: 3vh;
    margin-left: 25%;
    background-image: url(obr/FLIPSIGN.png);
    background-repeat: no-repeat;
    background-size: cover;
   

}
.divCudlikyBig
{
content-visibility: visible;
display: none;
visibility: hidden;
height: 100px;
width: 100px;
}
.onasDIvMy{
    width: 100%;
    height: 100%;
    align-content: space-evenly;
    display: block;
}
.my2{
    display: flex;
  margin: 1vw;
  height: auto;
}
.onasDIv
{
    background-color: #0F0F10;
    width: 100vw;
    height: auto;
    display: flex;
    text-align: center;
}
.onasDivText
{
    text-align: center;
    color: #C7063E;
    font-size: 5vw;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: #0F0F10;
    width: 100vw;
    height: auto;
}
.My
{
   display: block;
   text-align: center;
   justify-content: center;
   margin: 3vw;
}
.MyNadG{
    content-visibility: visible;
display: none;
visibility: hidden;
}
.MyNadM{
    content-visibility: visible;
display: none;
visibility: hidden;
}
.MyNadV{
    content-visibility: visible;
display: none;
visibility: hidden;
}
.MyNadP{
    content-visibility: visible;
display: none;
visibility: hidden;
}
h1{
    size: 1vw;
}
.sponzorDivBig
{
    margin-top: 1vh;
    background-color: #0F0F10;
    height: auto;
    display: block;
    text-align: center;
    color: #C7063E;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    width: 100%;
}
.sponzorDiv
{
    width: 100%;
    display: flex;
    align-content: center;
    justify-content: space-evenly;
}
.sponzorDivText
{
    width: 100%;
    display: block;
    justify-content: center;
    height: auto;
    position: relative;
}
.brdiv{
    content-visibility: visible;
    display: none;
    visibility: hidden;
}
.kodFikDiv
{
    padding: 1vh;
height: auto;
width: 100%;
background-color: #C7063E;
display: block;
justify-content: end;
align-items: center;
justify-content: center;
text-align: center;
}
.kodFikObr
{
    height: 90vw;
    width: 90vw;
background-image:url(obr/python.webp);
background-size: cover;
background-repeat: no-repeat;
margin: 5vw; 
}
.kodFikText
{
    display: block;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    margin: 3vh;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #FBE1FE;
    margin-left: 0;
}
.kodFikBtn
{
display: flex;
justify-content: center;
vertical-align: bottom;
height: 10vh;
width: 100%;
}
.modelFikDiv
{
    padding: 1vh;
height: auto;
width: 100%;
background-color: #C7063E;
display: block;
justify-content: end;
align-items: center;
justify-content: center;
text-align: center;
}
.modelFikObr
{
    height: 90vw;
    width: 90vw;
background-image:url(./obr/fikvzrcadle.png);
background-size: cover;
background-repeat: no-repeat;
margin: 5vw; 
}
.modelFikObr2
{
    height: 90vw;
    width: 90vw;
background-image:url(./obr/prezentace.png);
background-size: cover;
background-repeat: no-repeat;
margin: 5vw; 
}
.modelFikText
{
    display: block;
    text-align: center;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100%;
    margin: 3vh;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    color: #FBE1FE;
    margin-left: 0;
}
.modelFikBtn
{
display: flex;
justify-content: center;
vertical-align: bottom;
height: 10vh;
width: 100%;
}
.cudlikDownload
{
background-color: #0F0F10;
text-decoration: none;
color: #C7063E;
width: 50%;
height: 10vh;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 3vh;
}
.cudlikDownload:active
{
background-color: #FBE1FE;
text-decoration: none;
color: #C7063E;
width: 50%;
height: 10vh;
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: 3vh;
}


}