@charset "utf-8";
/* CSS Document */

.body {
	background-color: #000000;
}

.top_cont{
	background-color: #000000;
	width: 99%;
	margin-top: 20px;
}
.top-box {
    background-color: #000000;
	display: flex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0rem;
	align-items: center;
	justify-content: center;

}

.name-t{
	text-align: center;
	text-decoration: none;
	font-size: 4.8rem;
	font-family: "Chango", serif;
    font-weight: 400;
    font-style: normal;
	text-decoration: none;
	color: #ADFF2F;
}

.name-t:visited{
	color: #ADFF2F;	
}
.name-t:hover{
	color: #ADFF2F;
}

.logo {
	width: 150px;
	height: 150px;
}

.product{
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
	color: #FF9600;
    text-align: center;
    font-size: 3.3rem;
	letter-spacing: 2px;
	word-spacing: 15px;
	font-family: "Bowlby One SC", sans-serif;
  	font-optical-sizing: auto;
  	font-weight: 500;
  	font-style: normal;
}  

.menu{
	width: 100%; 
    margin-left: auto; 
    margin-right: 0; 
	color: #ffffff;
	text-align:right;
	vertical-align:text-bottom;
	margin-top: 1.8rem;
}

.btn_menu{
	letter-spacing: 0.12rem;
	font-size: 1.3rem;
	text-decoration: none;
	font-family: "Verdana", serif;
  	font-weight: 800;
  	font-style: normal;
	text-decoration: none;
}
.btn_menu:link{
	color: #ffffff;
}
.btn_menu:visited{
	color: #ffffff;	
}
.btn_menu:hover{
	color: #ADFF2F;
}

.login-cont{
	align-content: center;
	align-items: center;
	justify-items: center;
	display:flex;
	flex-direction: column;
	width: 99vw;
	margin-top: 0.1rem;
	margin-left: auto;
	margin-right: auto;
	
}

.login-title{
	width: 99vw;
	text-align: center;
	text-decoration: none;
	font-size: 2.8rem;
	/*font-family: "Verdana", serif;
    font-weight: 600;*/
	font-family: "Bungee Shade", sans-serif;
  	font-weight: 400;
  	font-style: normal;
    color: #fbff00;
	line-height: 2rem;
	margin-top: 1.8rem;
}

.login-access{
	width: 99vw;
	text-align: center;
	text-decoration: none;
	font-size: 0.85rem;
	font-family: "Verdana", serif;
    font-weight: 600;
    color: #FFFFFF;
	line-height: 2rem;
	margin-top: 0rem;
	margin-bottom: 3rem;
}

.form-group{
	text-align: left;
	display:flex;
	flex-direction: column;
	width: 800px;
	margin-left: 30%;
}

.form-titles{
	font-size: 1.2rem;
	font-family: "Verdana", serif;
    font-weight: 600;
    color: #FFFFFF;
	margin-top: 7px;
}

.form-titles2{
	font-size: 1rem;
	font-family: "Verdana", serif;
    font-weight: 400;
    color: #FFFFFF;
	margin-top: 7px;
}

.alert-error{
	text-align: left;
	font-size: 1rem;
	font-family: "Verdana", serif;
    font-weight: 600;
    color: #ff5100;
	margin-bottom: 20px;	
}

.opt-form{
	align-content: left;
	align-items: left;
	display:flex;
	flex-direction: column;
	width: 99vw;
	margin-top: 0.8rem;
	margin-left: auto;
	margin-right: auto;
}

.forgot-cont{
	margin-top: 15px;
}

.subscribe-cont{
	margin-top: 15px;
}

.forgot-link{
	font-size: 1rem;
	font-family: "Verdana", serif;
    font-weight: 400;
    color: #ffd000;
	margin-top: 30px;
}

.forgot-link:visited{
	color: #ffd000;
}

.forgot-link:hover{
	color: #ff4800;
}

.subscribe-link{
	font-size: 1rem;
	font-family: "Verdana", serif;
    font-weight: 400;
    color: #00ffc8;
	margin-top: 30px;
}

.subscribe-link:visited{
	color: #00ffc8;
}

.subscribe-link:hover{
	color: #ff4800;
}

.btn_login{
	font-size: 1.2rem;
	font-family: "Verdana", serif;
    font-weight: 600;
    color: #000000;
	background-color: #fffeeb;
	margin-left: 35%;
	margin-top: 15px;
}

.input-conf{
	font-size: 1rem;
	font-family: "Verdana", serif;
    font-weight: 400;
    color: #000000;
	width: 30vw;	
}

.space{
	margin-bottom: 8rem;
}

.footer_p{
	background-color: #1C1C1C;
	align-content: center;
	text-align: center;
	text-decoration: none;
	font-family: "Verdana", sans-serif;
	font-size: 0.8rem;
  	font-weight: 100;
  	font-style: normal;
	color: #FFFFFF;
}

    @media (max-width: 380px){
		.menu{
			align-items: center;
			width: 100%; 
 			color: #ffffff;
			text-align:right;
			vertical-align:text-bottom;
		}
		.btn_menu{
			letter-spacing: 0.12rem;
			font-size: .8rem;
		}
		.btn_login{
			letter-spacing: 0.12rem;
			font-size: .8rem;
			text-decoration: none;
		}
		.top_cont{
			background-color: #000000;
			width: 100%;
			margin-top: 25px;
		}
		.top-box {
    		background-color: #000000;
			display: flex;
			margin-left: auto;
			margin-right: auto;
			margin-top: .5rem;
			justify-content: center;
			align-items: center;
    		text-align: center;
		}
		.logo {
			width: 47px;
			height: 47px;
		}
		.name-t{
			font-size: 1.9rem;
		}
		.product{
			width: 100%;
			justify-content: center;
  			margin-left: auto;
    		margin-right: auto;
    		text-align: center;
			color: #FF9600;
    		text-align: center;
    		font-size: 1.5rem;
			letter-spacing: 1px;
			word-spacing: 5px;
		}
		.login-title{
			width: 99vw;
			font-size: 1.85rem;
			/*font-family: "Verdana", serif;
			font-weight: 600;*/
			line-height: 2rem;
			margin-top: 1rem;
		}

		.login-access{
			width: 99vw;
			font-size: 0.75rem;
			line-height: 2rem;
			margin-bottom: 1.5rem;
		}
		.form-group{
			text-align: left;
			display:flex;
			flex-direction: column;
			width: 97vw;
			margin-left: 0.5px;
		}

		.form-titles{
			font-size: 1.05rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #FFFFFF;
			margin-top: 7px;
		}

		.form-titles2{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #FFFFFF;
			margin-top: 7px;
		}

		.alert-error{
			text-align: left;
			font-size: 1rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #ff5100;
			margin-bottom: 20px;	
		}

		.opt-form{
			align-content: left;
			align-items: left;
			display:flex;
			flex-direction: column;
			width: 99vw;
			margin-top: 0.8rem;
			margin-left: auto;
			margin-right: auto;
		}

		.forgot-cont{
			margin-top: 15px;
		}

		.subscribe-cont{
			margin-top: 15px;
		}

		.forgot-link{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #ffd000;
			margin-top: 30px;
		}

		.subscribe-link{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #00ffc8;
			margin-top: 30px;
		}

		.btn_login{
			font-size: 1.2rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #000000;
			background-color: #fffeeb;
			margin-left: 35%;
			margin-top: 15px;
		}

		.input-conf{
			font-size: 1rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #000000;
			width: 357px;	
		}
	}

    @media (min-width: 381px) and (max-width: 569px) {
		.menu{
			align-items: center;
			width: 100%; 
 			color: #ffffff;
			text-align:right;
			vertical-align:text-bottom;
		}
		.btn_menu{
			letter-spacing: 0.12rem;
			font-size: .8rem;
		}
		.btn_login{
			letter-spacing: 0.12rem;
			font-size: .8rem;
			text-decoration: none;
		}
		.top_cont{
			background-color: #000000;
			width: 100%;
			margin-top: 25px;
		}
		.top-box {
			justify-content: center;
    		background-color: #000000;
			display: flex;
			margin-left: auto;
			margin-right: auto;
			margin-top: .5rem;
			text-align: center;
		}
		.logo {
			width: 50px;
			height: 50px;
		}
		.name-t{
			font-size: 2rem;
		}
		.product{
			justify-content: center;
  			margin-left: auto;
    		margin-right: auto;
    		text-align: center;
			color: #FF9600;
    		text-align: center;
    		font-size: 1.6rem;
			letter-spacing: 1px;
			word-spacing: 5px;
		}
		.login-title{
			width: 99vw;
			font-size: 1.85rem;
			/*font-family: "Verdana", serif;
			font-weight: 600;*/
			line-height: 2rem;
			margin-top: 1rem;
		}

		.login-access{
			width: 99vw;
			font-size: 0.75rem;
			line-height: 2rem;
			margin-bottom: 1.5rem;
		}
		.form-group{
			text-align: left;
			display:flex;
			flex-direction: column;
			width: 98vw;
			margin-left: 0.5px;
		}

		.form-titles{
			font-size: 1.05rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #FFFFFF;
			margin-top: 7px;
			margin-left: 1%;
		}

		.form-titles2{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #FFFFFF;
			margin-top: 7px;
			margin-left: 1%;
		}

		.alert-error{
			text-align: left;
			font-size: 1rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #ff5100;
			margin-bottom: 20px;	
		}

		.opt-form{
			align-content: left;
			align-items: left;
			display:flex;
			flex-direction: column;
			width: 99vw;
			margin-top: 0.8rem;
			margin-left: auto;
			margin-right: auto;
		}

		.forgot-cont{
			margin-top: 15px;
		}

		.subscribe-cont{
			margin-top: 15px;
		}

		.forgot-link{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #ffd000;
			margin-top: 30px;
		}

		.subscribe-link{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #00ffc8;
			margin-top: 30px;
		}

		.btn_login{
			font-size: 1.2rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #000000;
			background-color: #fffeeb;
			margin-left: 35%;
			margin-top: 15px;
		}

		.input-conf{
			font-size: 1rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #000000;
			width: 357px;	
		}
    }

    @media (min-width: 570px) and (max-width: 767px) {
		.menu{
			align-items: center;
			width: 100%; 
 			color: #ffffff;
			text-align:right;
			vertical-align:text-bottom;
		}
		.btn_menu{
			letter-spacing: 0.12rem;
			font-size: 1rem;
		}
		.btn_login{
			letter-spacing: 0.12rem;
			font-size: 1rem;
			text-decoration: none;
		}
		.top_cont{
			background-color: #000000;
			width: 100%;
			margin-top: 25px;
		}
		.top-box {
    		background-color: #000000;
			display: flex;
			margin-left: auto;
			margin-right: auto;
			margin-top: .5rem;
			justify-content: center;
			align-items: center;
    		text-align: center;
		}
		.logo {
			width: 90px;
			height: 90px;
		}
		.name-t{
			font-size: 2.8rem;
		}
		.product{
			justify-content: center;
  			margin-left: auto;
    		margin-right: auto;
    		text-align: center;
			color: #FF9600;
    		text-align: center;
    		font-size: 2rem;
			letter-spacing: 1px;
			word-spacing: 5px;
		}
		.login-title{
			width: 99vw;
			font-size: 2rem;
			/*font-family: "Verdana", serif;
			font-weight: 600;*/
			line-height: 2rem;
			margin-top: 1rem;
		}

		.login-access{
			width: 99vw;
			font-size: 0.8rem;
			line-height: 2rem;
			margin-bottom: 1.5rem;
		}
		.form-group{
			text-align: left;
			display:flex;
			flex-direction: column;
			width: 98vw;
			margin-left: 0.5px;
		}

		.form-titles{
			font-size: 1.05rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #FFFFFF;
			margin-top: 7px;
			margin-left: 8%;
		}

		.form-titles2{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #FFFFFF;
			margin-top: 7px;
			margin-left: 8%;
		}

		.alert-error{
			text-align: left;
			font-size: 1rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #ff5100;
			margin-bottom: 20px;	
		}

		.opt-form{
			align-content: left;
			align-items: left;
			display:flex;
			flex-direction: column;
			width: 99vw;
			margin-top: 0.8rem;
			margin-left: auto;
			margin-right: auto;
		}

		.forgot-cont{
			margin-top: 15px;
		}

		.subscribe-cont{
			margin-top: 15px;
		}

		.forgot-link{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #ffd000;
			margin-top: 30px;
		}

		.subscribe-link{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #00ffc8;
			margin-top: 30px;
		}

		.btn_login{
			font-size: 1.2rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #000000;
			background-color: #fffeeb;
			margin-left: 35%;
			margin-top: 15px;
		}

		.input-conf{
			font-size: 1rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #000000;
			width: 357px;	
		}
    }

    @media (min-width: 768px) and (max-width: 1010px) {
		.menu{
			align-items: center;
			width: 100%; 
 			color: #ffffff;
			text-align:right;
			vertical-align:text-bottom;
		}
		.btn_menu{
			letter-spacing: 0.12rem;
			font-size: 1rem;
		}
		.btn_login{
			letter-spacing: 0.12rem;
			font-size: 1.1rem;
			text-decoration: none;
		}
		.top_cont{
			background-color: #000000;
			width: 100%;
			margin-top: 25px;
		}
		.top-box {
    		background-color: #000000;
			display: flex;
			margin-left: auto;
			margin-right: auto;
			margin-top: .5rem;
			justify-content: center;
			align-items: center;
    		text-align: center;
		}
		.logo {
			width: 110px;
			height: 110px;
		}
		.name-t{
			font-size: 4rem;
		}
		.product{
			justify-content: center;
  			margin-left: auto;
    		margin-right: auto;
    		text-align: center;
			color: #FF9600;
    		text-align: center;
    		font-size: 3rem;
			letter-spacing: 1px;
			word-spacing: 5px;
		}
		.login-title{
			width: 99vw;
			font-size: 2.3rem;
			/*font-family: "Verdana", serif;
			font-weight: 600;*/
			line-height: 2rem;
			margin-top: 1rem;
		}

		.login-access{
			width: 99vw;
			font-size: 0.9rem;
			line-height: 2rem;
			margin-bottom: 1.5rem;
		}
		.form-group{
			text-align: left;
			display:flex;
			flex-direction: column;
			width: 98vw;
			margin-left: 0.5px;
		}

		.form-titles{
			font-size: 1.05rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #FFFFFF;
			margin-top: 7px;
			margin-left: 15%;
		}

		.form-titles2{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #FFFFFF;
			margin-top: 7px;
			margin-left: 15%;
		}

		.alert-error{
			text-align: left;
			font-size: 1rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #ff5100;
			margin-bottom: 20px;	
		}

		.opt-form{
			align-content: left;
			align-items: left;
			display:flex;
			flex-direction: column;
			width: 99vw;
			margin-top: 0.8rem;
			margin-left: auto;
			margin-right: auto;
		}

		.forgot-cont{
			margin-top: 15px;
		}

		.subscribe-cont{
			margin-top: 15px;
		}

		.forgot-link{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #ffd000;
			margin-top: 30px;
		}

		.subscribe-link{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #00ffc8;
			margin-top: 30px;
		}

		.btn_login{
			font-size: 1.2rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #000000;
			background-color: #fffeeb;
			margin-left: 35%;
			margin-top: 15px;
		}

		.input-conf{
			font-size: 1rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #000000;
			width: 420px;	
		}
    }
 
	    @media (min-width: 1011px) and (max-width: 1410px) {
		.menu{
			align-items: center;
			width: 100%; 
 			color: #ffffff;
			text-align:right;
			vertical-align:text-bottom;
		}
		.btn_menu{
			letter-spacing: 0.12rem;
			font-size: 1rem;
		}
		.btn_login{
			letter-spacing: 0.12rem;
			font-size: 1.1rem;
			text-decoration: none;
		}
		.top_cont{
			background-color: #000000;
			width: 100%;
			margin-top: 25px;
		}
		.top-box {
    		background-color: #000000;
			display: flex;
			margin-left: auto;
			margin-right: auto;
			margin-top: .5rem;
			justify-content: center;
			align-items: center;
    		text-align: center;
		}
		.logo {
			width: 118px;
			height: 118px;
		}
		.name-t{
			font-size: 4.5rem;
		}
		.product{
			justify-content: center;
  			margin-left: auto;
    		margin-right: auto;
    		text-align: center;
			color: #FF9600;
    		text-align: center;
    		font-size: 3rem;
			letter-spacing: 1px;
			word-spacing: 5px;
		}
		.login-title{
			width: 99vw;
			font-size: 2.3rem;
			/*font-family: "Verdana", serif;
			font-weight: 600;*/
			line-height: 2rem;
			margin-top: 1rem;
		}

		.login-access{
			width: 99vw;
			font-size: 0.9rem;
			line-height: 2rem;
			margin-bottom: 1.5rem;
		}
		.form-group{
			text-align: left;
			display:flex;
			flex-direction: column;
			width: 98vw;
			margin-left: 0.5px;
		}

		.form-titles{
			font-size: 1.05rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #FFFFFF;
			margin-top: 7px;
			margin-left: 15%;
		}

		.form-titles2{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #FFFFFF;
			margin-top: 7px;
			margin-left: 15%;
		}

		.alert-error{
			text-align: left;
			font-size: 1rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #ff5100;
			margin-bottom: 20px;	
		}

		.opt-form{
			align-content: left;
			align-items: left;
			display:flex;
			flex-direction: column;
			width: 99vw;
			margin-top: 0.8rem;
			margin-left: auto;
			margin-right: auto;
		}

		.forgot-cont{
			margin-top: 15px;
		}

		.subscribe-cont{
			margin-top: 15px;
		}

		.forgot-link{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #ffd000;
			margin-top: 30px;
		}

		.subscribe-link{
			font-size: 0.89rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #00ffc8;
			margin-top: 30px;
		}

		.btn_login{
			font-size: 1.2rem;
			font-family: "Verdana", serif;
			font-weight: 600;
			color: #000000;
			background-color: #fffeeb;
			margin-left: 35%;
			margin-top: 15px;
		}

		.input-conf{
			font-size: 1rem;
			font-family: "Verdana", serif;
			font-weight: 400;
			color: #000000;
			width: 500px;	
		}
    }