/*create by Clean Style*/
/* ================================= MAIN =================================*/
html, body {height:100%;}
body { background:#FFFBF7; margin:0; padding:0; font-size:18px; font-family: "Archivo Black", sans-serif; color:#212529; min-height:100%; height:auto!important; height:100%; position:relative; line-height: 30px;}
img {border:none; outline:none;}
.clear { clear:both; font-size:0; line-height:0;}

/*font-family: "Archivo Black", sans-serif;
font-weight: 400;
font-style: normal;*/

h1 {color:#ea3363; font-weight: 400; font-style: normal; text-transform: uppercase;}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

#container {margin:0 auto; padding:0; position: relative; overflow:hidden;}
/* ================================= header =================================*/


/* ================================= content =================================*/
.titleBox {position: relative; z-index: 200; margin-top: 200px;}
.titleBox .box {background: rgba(33, 37, 41, 0.8); padding: 50px; border-radius: 25px;}

.yt_container {height: 100%; position: relative; z-index: 100;}

.login {padding: 0 30px; border-radius: 5px; background: #1e91cf; color :#ffffff; display: inline-block; text-decoration: none; line-height: 50px;}

/* ================================= footer =================================*/
.footer {}
.footer a {transition: color .3s;}
.footer a:hover {color:#ea3363;}