@charset "utf-8";
@import url("../webfonts/Oswald_VariableFont_wght/stylesheet.css");

body{
    height: 100%;
    background-image: url(../images/matt-ragland-02z1I7gv4ao-unsplash.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.container-fluid{
    margin-top: 50px;
    font-family: "Oswald VariableFont wght";
}
#main-label{
    text-transform: uppercase;


}
.container {
    background: white;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.671026)), to(rgba(255, 255, 255, 0.108561)));
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.671026) 0%, rgba(255, 255, 255, 0.108561) 100%);
    border: 2px solid rgba(255, 255, 255, 0.3);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-transform: perspective(1000px);
    transform: perspective(1000px);
    overflow: hidden;
    margin-top: 30px;
    height: auto;
    padding: 20px;
    border-radius: 20px;
    margin-bottom: 40px;
	
}

.alert-danger {
  background-color:rgba(0,14,46,1.00);
  color: #FFFFFF;
 
  font-size: 20px;
  -webkit-box-shadow: 0px 0px #EA5455;
  box-shadow: 0px 0px #EA5455;
border: 0px;
}

label {
    color: rgba(0,0,0,1.00)!important;
    font-size: 20px;
}


input{
	border: 1px solid rgba(0,0,0,1.00)!important;
  color: rgba(0,0,0,1.00)!important;
  font-family: 'Poppins', sans-serif!important;
}


.pointdiv{
	margin-top: 20px;
	padding: 0px 40px 0px 40px;
	display: none;
}
.rowpoint{
	background-color: rgba(240, 240, 240, 0.918);
	min-height: 50%;
	border-radius: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
  border: 2px solid  
	  rgba(0,14,46,1.00);
}

.paragraph{
	
	font-size: 20px;
	text-align: center;
}
.numberss{
	
	font-size: 20px;
	text-align: center;
	color: #E80F37;
}
.allertcol{
	margin-top: 20px;
	display: none;
}
h1, h3, h4, h5, h6{
    color: rgba(0,0,0,1.00)!important;
    text-transform: capitalize;
}
.danger{
    font-size: 20px;
    position: fixed;
    top: 0px;
    width: 100%;
    height: 0;
    box-sizing: border-box;
    color: rgba(222,6,46,1.00);
    text-align: center;
    background-color: rgba(0,14,46,1.00);
    box-sizing: border-box;
    transition: height .2s;
    z-index: 2;
    font-family: "Oswald VariableFont wght";
}

#dangerspan:before{
  display:block;
  margin-top:15px; 
  
}

.dangerbox{  
  height:50px;
}

.divdanger:before{
  z-index: 2;
  Content:"Please Put Your Point Between 0 and 20";
  
}
#parsa {
    color: rgba(251,251,251,1.00);
    font-family: "Oswald VariableFont wght";
    text-align: center;
}