/*@import url('https://fonts.googleapis.com/css?family=Comfortaa');
@import url('https://fonts.googleapis.com/css?family=Courgette');
*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:400,700&display=swap');
body {
  background-image: url('../static/assets/samskrita_bharati.jpeg') !important;
  font-family: 'Courgette', cursive;
  background:#ccc
}

.box {
	width:100%;
	height:100%;
	background:#FFF;
  padding: 5%;
	margin:40px auto;
}
.effect8
{
    position:relative;
    -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
            box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.effect8:before, .effect8:after
{
    content:"";
    position:absolute;
    z-index:-1;
    -webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
    -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
    box-shadow:0 0 20px rgba(0,0,0,0.8);
    top:10px;
    bottom:10px;
    left:0;
    right:0;
    -moz-border-radius:100px / 10px;
    border-radius:100px / 10px;
}
.effect8:after
{
    right:10px;
    left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);
}
label{
  font-weight: bold;
}
.infoHallTicket,.infoLogin{
  border: 2px solid #67b6f5;
  background-color: #2196F3;
  color: white;
  border-radius: 50px;
}
.infoHallTicket:hover,.infoLogin:hover{
  cursor: pointer;
  background-color: #084a80;
}
.orSpan{
  font-weight:800;
}
.infoHallClick,.infoLoginClick{
  font-family: 'Roboto', sans-serif;
  font-size: 20px;
}
.infoHall,.infoLoginLabel{
  font-family: 'Roboto', sans-serif;
  font-size: 30px;
  letter-spacing: 8px;
}
.infoLoginLabel{
  margin-left: 15%;
}
@media screen and (max-width: 1200px) {
  .infoHall,.infoLoginLabel{
    margin-left:5%;
    font-size: 30px;
    letter-spacing: 5px;
}


.infoHall{
  letter-spacing: 12px;
}
}


@media screen and (max-width: 380px) {
.infoHall{
  letter-spacing: 8px;
}
.infoLoginLabel{
  letter-spacing: 3px;
}
}
@media screen and (max-width: 300px) {
  .infoHall{
    letter-spacing: 2px;
  }
  .infoLoginClick{
    font-size: 16px;
  }
  .infoLoginLabel{
    font-size: 25px;
    letter-spacing: 1px;
  }
  }