.koobiya {width:200px; height:250px; background-color:#333; margin:10px 30px 10px 0; border:1px solid gray; display:inline-block;background-repeat:no-repeat;background-size:cover;position:relative}
.koobiya:hover {border:1px solid silver; box-shadow:0px 0px 200px white; cursor: pointer} 
.koteret { background-color: black; color: white; font-size: 29px; opacity: 0.9; font-weight: bold; text-align: center; padding: 10px; display: none; position: absolute; bottom:0; left:0;right:0;}
.koobiya:hover .koteret {display: inline-block}
.html {font-family:Arial; background-color:black; direction:rtl;}
.slogan {color:gray;font-size:20px;text-align:center;margin-bottom:20px}
.yuvalflix {color:red;font-size:60px;text-align:center;font-family:Arial Narrow;font-weight:bold}
.yuvalflix img {height:100px}
.lemata {background-image:url(../images/cinema.jpg); background-position:center bottom; background-repeat: no-repeat; background-size:cover; height:500px; color:white;}
.lemata>div { padding-top:450px; text-align:center; font-weight:bold;font-size:20px}
#main {display: none}
#flash {
    background-color: black;
    z-index: 9999;

    position: fixed;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.flash-logo {
    width: min(85vw, 900px);
    height: auto;
    display: block;
}

.flash-loader {
    width: 280px;
    height: 140px;
    display: block;
}

.passwordBox {
	color:white;
	text-align:center;
	margin:50px auto;
	width:600px;	
}

.passwordBox>div {color:white;text-align:center;width:500px;border-radius:10px;border:1px solid #444;background-color:#222;padding:40px;}
.title {font-weight:bold;font-size:24px}
.passwordBox input {font-size:60px;padding:0px 10px;border-radius:10px;margin-top:20px;width:300px;line-height:100%}
.red {color:#ff7777;margin-top:20px;display:none}