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

.body {
	background-color: #000000;
}

.top_cont{
	background-color: #000000;
	width: 100vw;
	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_login{
	letter-spacing: 0.12rem;
	font-size: 1.3rem;
	text-decoration: none;
	font-family: "Bowlby One SC", sans-serif;
  	font-weight: 400;
  	font-style: normal;
	border-radius: 9999px;
	text-decoration: none;
}
.btn_login:link{
	color: #ffffff;
	background-color: #0000FF;	
}
.btn_login:visited{
	color: #ffffff;
	background-color: #0000FF;	
}
.btn_login:hover{
	color: #0000FF;
	background-color: #ffffff;	
}

.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;
}

.description-cont{
	align-items: center;
	align-content: center;
	display: grid;
	width: 1000px;
	height: auto;
	padding-top: 60px;
	justify-items: center;
    align-items: center;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(1, 1fr);
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	grid-column-gap: 1rem;
	align-items: center;
	vertical-align: top;
}

.plans{
	text-align:center;
	width: 20rem;
	height: 15rem;
}

.plans-title{
	border-spacing: 0;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	border-bottom-width: 0px;
	border-color: #00f7ff;
	border-top-width: 5px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-style: groove;
	text-align: center;
	text-decoration: none;
	font-size: 2.3rem;
	font-family: "Arial", serif;
    font-weight: 1000;
    color: #FFDF05;
	background-color: #00026b;
}

.plans-promo30{
	border-spacing: 0;
	height: auto;
	background-color: #ffffff;
	border-color: #00f7ff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top-width: 0px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-style: groove;
	padding-top: 24px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
	text-align: center;
	text-decoration: none;
	font-size: 1.6rem;
	font-family: "Arial", serif;
    font-weight: 600;
    color: #000000;
}

.plans-promo90{
	border-spacing: 0;
	height: auto;
	background-color: #ffffff;
	border-color: #00f7ff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top-width: 0px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-style: groove;
	padding-top: 24px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
	text-align: center;
	text-decoration: none;
	font-size: 1.6rem;
	font-family: "Arial", serif;
    font-weight: 600;
    color: #000000;
}

.plans-promo1Y{
	border-spacing: 0;
	height: 350px;
	background-color: #ffffff;
	border-color: #00f7ff;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	border-top-width: 0px;
	border-left-width: 5px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-style: groove;
	padding-top: 4px;
	padding-left: 20px;
	padding-right: 20px;
	vertical-align: top;
	text-align: center;
	text-decoration: none;
	font-size: 1.6rem;
	font-family: "Arial", serif;
    font-weight: 600;
    color: #000000;
}

.sgn{
	padding-right: 3px;
	font-size: 2.3rem;
	font-family: "Arial", serif;
    font-weight: 1000;
    color: #2600ff;
}

.discount{
	padding-top: 20px;
	padding-bottom: 100px;
	text-align: center;
	text-decoration: none;
	font-size: 1.9rem;
	font-family: "Arial", serif;
    font-weight: 1000;
    color: #ff0000;
}

.discount1Y{
	padding-top: 10px;
	padding-bottom:15px;
	text-align: center;
	text-decoration: none;
	font-size: 1.9rem;
	font-family: "Arial", serif;
    font-weight: 1000;
    color: #ff0000;
}

.price{
	padding-top: 0px;
	border-top: 2px solid #000000;
	text-align: center;
	text-decoration: none;
	font-size: 2.8rem;
	font-family: "Arial", serif;
    font-weight: 1000;
    color: #1100ff;
}

.subscribe{
	width: auto;
	align-items: center;
	padding-top: 240px;
	text-align:center;
}

.btn_subscribe{
	letter-spacing: 0.3rem;
	font-size: 2rem;
	text-decoration: none;
	font-family: "Staatliches", sans-serif;
  	font-weight: 800;
  	font-style: normal;
	border-radius: 10px;
}
.btn_subscribe:link{
	color: #30672E;
	background-color: #FFDF05;	
}
.btn_subscribe:visited{
	color: #30672E;
	background-color: #FFDF05;	
}
.btn_subscribe:hover{
	color: #FFDF05;
	background-color: #30672E;	
}

.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;
		}
		.description-cont{
			align-content: center;
			align-self: center;
			display: flex;
			flex-direction: column;
			width: 99vw;
			justify-items: center;
    		align-items: center;
			text-align: center;
		}

		.t90d{
			padding-top: 200px;
		}

		.t1Y{
			padding-top: 400px;
			padding-bottom: 300px;
		}

		.subscribe{
			padding-top: 635px;
		}
		.btn_subscribe{
			letter-spacing: 0.3rem;
			font-size: 1.9rem;
			border-radius: 10px;
		}
		.footer_p{
			margin-top: 0;
		}
	}

    @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: .75rem;
		}
		.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;
		}
		.description-cont{
			align-content: center;
			align-self: center;
			display: flex;
			flex-direction: column;
			width: 99vw;
			justify-items: center;
    		align-items: center;
			text-align: center;
		}

		.t90d{
			padding-top: 200px;
		}

		.t1Y{
			padding-top: 400px;
			padding-bottom: 300px;
		}

		.subscribe{
			padding-top: 635px;
		}
		.btn_subscribe{
			letter-spacing: 0.3rem;
			font-size: 1.9rem;
			border-radius: 10px;
		}
		.footer_p{
			margin-top: 0;
		}
    }

    @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;
		}
		.description-cont{
			align-content: center;
			align-self: center;
			display: flex;
			flex-direction: column;
			width: 99vw;
			justify-items: center;
    		align-items: center;
			text-align: center;
		}

		.t90d{
			padding-top: 200px;
		}

		.t1Y{
			padding-top: 400px;
			padding-bottom: 300px;
		}

		.subscribe{
			padding-top: 635px;
		}
		.btn_subscribe{
			letter-spacing: 0.3rem;
			font-size: 1.9rem;
			border-radius: 10px;
		}
		.footer_p{
			margin-top: 0;
		}
    }

    @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;
		}
		.description-cont{
			align-content: center;
			align-self: center;
			display: flex;
			flex-direction: column;
			width: 99vw;
			justify-items: center;
    		align-items: center;
			text-align: center;
		}

		.t90d{
			padding-top: 200px;
		}

		.t1Y{
			padding-top: 400px;
			padding-bottom: 300px;
		}

		.subscribe{
			padding-top: 635px;
		}
		.btn_subscribe{
			letter-spacing: 0.3rem;
			font-size: 1.9rem;
			border-radius: 10px;
		}
		.footer_p{
			margin-top: 0;
		}
    }
 
	    @media (min-width: 1011px) and (max-width: 1416px) {
		.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;
		}
		.description-cont{
			align-content: center;
			align-self: center;
			display: flex;
			flex-direction: column;
			width: 99vw;
			justify-items: center;
    		align-items: center;
			text-align: center;
		}

		.t90d{
			padding-top: 200px;
		}

		.t1Y{
			padding-top: 400px;
			padding-bottom: 300px;
		}

		.subscribe{
			padding-top: 635px;
		}
		.btn_subscribe{
			letter-spacing: 0.3rem;
			font-size: 1.9rem;
			border-radius: 10px;
		}
		.footer_p{
			margin-top: 0;
		}
    }