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

.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-content: center;
	display: grid;
	width: 1350px;
	justify-items: center;
    align-items: center;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(1, 1fr);
	margin-top: 2rem;
	margin-left: auto;
	margin-right: auto;
	grid-column-gap: 1rem;
	align-items: center;
	vertical-align: top;
}

.btc-usdt-futures-graphic{
	width: 750px;
	height: auto;
	text-align: right;
}

.btc-usdt-futures-book{
	width: 300px;
	height: auto;
	text-align: right;
}


.description_box{
	text-align: justify;
	text-decoration: none;
	font-size: 1.3rem;
	font-family: "Verdana", serif;
    font-weight: 600;
    color: #FFFFFF;
	width: 600px;
	line-height: 2rem;
	margin-top: 1.3rem;
}

.description_box2{
	text-align: justify;
	text-decoration: none;
	font-size: 1.3rem;
	font-family: "Verdana", serif;
    font-weight: 600;
    color: #FFFFFF;
	width: 900px;
	line-height: 2rem;
	margin-top: 1.3rem;
}

.subscribe{
	width: auto;
	align-items: center;
	margin-top: 1.9rem;
	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;
			display: grid;
			width: 95vw;
			justify-items: center;
    		align-items: center;
			text-align: center;
			grid-template-columns: repeat(1, 0fr);
			grid-template-rows: repeat(2, 0fr);
			margin-top: .2rem;
		}

		.btc-usdt-futures-graphic{
			width: 95vw;
			height: auto;
			text-align: center;
		}

		.btc-usdt-futures-book{
			width: 60vw;
			height: auto;
			text-align: right;
		}

		.description_box{
			font-size: 1rem;
			width: 95vw;
			line-height: 1.5rem;
			margin-top: .3rem;
		}

		.description_box2{
			font-size: 1rem;
			width: 95vw;
			line-height: 1.5rem;
			margin-top: .3rem;
		}
		.btn_subscribe{
			letter-spacing: 0.3rem;
			font-size: 1.6rem;
			border-radius: 10px;
		}
	}

    @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;
		}
		.description-cont{
			justify-content: center;
			display: grid;
			width: 97vw;
			justify-items: center;
    		align-items: center;
			text-align: center;
			grid-template-columns: repeat(1, 0fr);
			grid-template-rows: repeat(2, 0fr);
			margin-top: .2rem;
		}

		.btc-usdt-futures-graphic{
			width: 97vw;
			height: auto;
			text-align: center;
		}

		.btc-usdt-futures-book{
			width: 60vw;
			height: auto;
			text-align: right;
		}

		.description_box{
			font-size: 1rem;
			width: 97vw;
			line-height: 1.5rem;
			margin-top: .3rem;
		}

		.description_box2{
			font-size: 1rem;
			width: 97vw;
			line-height: 1.5rem;
			margin-top: .3rem;
		}
		.btn_subscribe{
			letter-spacing: 0.3rem;
			font-size: 1.75rem;
			border-radius: 10px;
		}
    }

    @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{
			justify-content: center;
			display: grid;
			width: 98vw;
			justify-items: center;
    		align-items: center;
			text-align: center;
			grid-template-columns: repeat(1, 0fr);
			grid-template-rows: repeat(2, 0fr);
			margin-top: .2rem;
		}

		.btc-usdt-futures-graphic{
			width: 95vw;
			height: auto;
			text-align: center;
		}

		.btc-usdt-futures-book{
			width: 60vw;
			height: auto;
			text-align: right;
		}

		.description_box{
			font-size: 1.2rem;
			width: 95vw;
			line-height: 2rem;
			margin-top: .3rem;
		}

		.description_box2{
			font-size: 1.2rem;
			width: 95vw;
			line-height: 2rem;
			margin-top: .3rem;
		}
		.btn_subscribe{
			letter-spacing: 0.3rem;
			font-size: 1.9rem;
			border-radius: 10px;
		}
    }

    @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{
			justify-content: center;
			display: grid;
			width: 97vw;
			justify-items: center;
    		align-items: center;
			text-align: center;
			grid-template-columns: repeat(1, 0fr);
			grid-template-rows: repeat(2, 0fr);
			margin-top: .2rem;
		}

		.btc-usdt-futures-graphic{
			width: 95vw;
			height: auto;
			text-align: center;
		}

		.btc-usdt-futures-book{
			width: 40vw;
			height: auto;
			text-align: right;
		}

		.description_box{
			font-size: 1.4rem;
			width: 95vw;
			line-height: 2rem;
			margin-top: .3rem;
		}

		.description_box2{
			font-size: 1.4rem;
			width: 95vw;
			line-height: 2rem;
			margin-top: .3rem;
		}
		.btn_subscribe{
			letter-spacing: 0.3rem;
			font-size: 1.9rem;
			border-radius: 10px;
		}
    }
 
	    @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;
		}
		.description-cont{
			justify-content: center;
			display: grid;
			width: 97vw;
			justify-items: center;
    		align-items: center;
			text-align: center;
			grid-template-columns: repeat(1, 0fr);
			grid-template-rows: repeat(2, 0fr);
			margin-top: .2rem;
		}

		.btc-usdt-futures-graphic{
			width: 95vw;
			height: auto;
			text-align: center;
		}

		.btc-usdt-futures-book{
			width: 40vw;
			height: auto;
			text-align: right;
		}

		.description_box{
			font-size: 1.4rem;
			width: 95vw;
			line-height: 2.6rem;
			margin-top: .3rem;
		}

		.description_box2{
			font-size: 1.4rem;
			width: 95vw;
			line-height: 2.6rem;
			margin-top: .3rem;
		}
		.btn_subscribe{
			letter-spacing: 0.3rem;
			font-size: 2rem;
			border-radius: 10px;
		}
    }