html {
  scroll-behavior: smooth;
}

body{
	font-family: 'Inter', sans-serif;
	margin:0px;
	padding:0px;
	overflow-x:hidden;
	position:relative;
}

body:before{
	content: '';
    position: absolute;
    background: url(../../app/images/bodyleft.png) no-repeat;
    width: 424px;
    height: 100%;
    background-position: left center;
    left: 0;
	top:0px;
	background-size: contain;
}

body:after{
	content: '';
    position: absolute;
    background: url(../../app/images/bodyright.png) no-repeat;
    width: 400px;
    height: 100%;
    background-position: right center;
    right: 0;
	top:0px;
	background-size: contain;
}

.patternbody .header{
	background:#1e7bca;
}

.app-body {
    font-family: 'Inter', sans-serif;
}

.app-content{
	max-width:570px;
	padding:50px 30px;
}

.app-content h2{
    text-align: center;
    text-transform: uppercase;
    margin: 0 0 20px 0;
	font-size: 25px;
	line-height: 36px;
	color: #4c4c4d;
	font-weight: 700;
}

.reghashtag .searchsec{
	border:1px solid #265974;
	border-radius:0px;
	margin: 0px;
}

form.reghashtag {
    margin-bottom: 20px;
}

.reghashtag input[type="text"]{
	line-height: 47px;
    padding: 0 10px;
	background: #e7eef3;
	color: #797979;
	font-size:15px;
	font-weight:500;
}

.reghashtag input[type="submit"]{
	font-size: 14px;
	font-weight:500;
	max-width:170px;
	border-radius: 0px;
}

.app-content h3{
	color:#4c4c4d;
	font-size: 25px;
    letter-spacing: 1px;
    line-height: 33px;
    font-weight: 700;
}

.app-content h3 label{
	margin:0px;
}

.popscore{
	margin:10px 0 20px 0;
	text-align:center;
}

.alltimescore {
    width: 100%;
    max-width: 410px;
    margin: auto;
    line-height: 60px;
    border: 1px solid #0e4a6b;
    text-align: center;
	background:#5eb9ff;
}

.popscore span{
	background:transparent;
	min-width:inherit;
	font-size: 19px;
    line-height: 37px;
    color: #ffffff;
    font-weight: 700;
}

.popscore label{
	background:transparent;
	min-width:inherit;
	font-size:19px;
	color:#000000;
}

.powered{
	margin-top:14px;
	color:#7d7d7d;
	font-weight:bold;
	font-size:14px;
	text-transform: uppercase;
}

.powered a{
	color:#7d7d7d;
}

.popscore ul.spelling-list li {
	border: 1px solid rgb( 94, 185, 255 );
	background-color: rgb( 214, 237, 255 );
	font-size:13px;
	font-weight:bold;
	padding:0 0 0 10px;
	width: 32%;
	justify-content: space-between;
    line-height: 36px;
    border-radius: 0px;
	margin:0px;
	color: #1f7ccb;
}

.popscore ul.spelling-list li:nth-child(2){
	margin:0 2%;
}

.popscore ul.spelling-list li span{
	padding:0px;
	margin-left:0px;
	border-radius: 0px;
    font-size: 13px;
    min-width: 50px;
	background: #5eb9ff;
}

.popscore ul.hashlist li{
	border: 1px solid rgb( 94, 185, 255 );
    background-color: rgb( 214, 237, 255 );
    font-size: 13px;
    font-weight: bold;
    padding:0px;
    width: 22%;
    justify-content: space-between;
    line-height: 36px;
    border-radius: 0px;
    margin: 0px;
    color: #1f7ccb;
	text-align: center;
	margin:0 1.5% 15px;
}

.recregistered{
	text-align:center;
	margin: 0px;
}

.recregistered ul{
	width:100%;
	max-width:300px;
	display:inline-block;
}

.recregistered.popscore ul.hashlist li{
	width:45%;
	display: inline-block;
    margin: 0 2.5% 15px;
	float:left;
}

.hashapp-content{
	max-width:1010px;
	text-align:center;
}

.hashapp-content form.reghashtag {
    margin-bottom: 20px;
    max-width: 500px;
    display: inline-block;
}

.btnsect{
	display:flex;
	justify-content:center;
}

.btnsect .btn{
	width:100%;
	max-width:134px;
	line-height:46px;
	padding:0px;
	border-radius:0px;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#fff;
}

.btnblue{
	background:#1f7ccb !important;
}

.btnlightblue{
	background:#5eb9ff !important;
}

.btnsect .btnlightblue{
	margin:0 15px;
}

.hashapp-content p{
	font-size: 14px;
	letter-spacing: 1px;
	line-height: 19px;
	color: #999999;
	font-weight: 300;
	text-transform:uppercase;
}

.stakinglaunch{
	text-align:center;
}

.stakinglaunch label{
	font-size: 19px;
	letter-spacing: 1px;
	color: #393939;
	font-weight: 400;
	width: 100%;
    display: inline-block;
    text-transform: uppercase;
    margin: 0px;
}

.stakinglaunch span{
	color:#207ccb;
	font-size:24px;
	font-weight:bold;
}

a.jcomm {
    width: 100%;
    display: inline-block;
    max-width: 270px;
    height: 44px;
    background-color: #d6edff;
    border: 0.88px solid #5eb9ff;
    margin-top: 20px;
	font-size: 11px;
	color: #207ccd;
	font-weight: 700;
	text-transform:uppercase;
	display: inline-flex;
    justify-content: center;
    align-items: center;
}

a.jcomm img{
	margin-left:5px;
}

.partnersect {
    width: 100%;
    display: flex;
	justify-content:space-between;
	margin: 30px 0;
}

.partnersect div img {
    width: auto;
    max-width: 100%;
}

/* .partnersect div{
	width:16.5%;
} */

.partnersect div label{
	width:100%;
	font-size: 11px;
	letter-spacing: 1px;
	line-height: 23px;
	color: #1f7ccb;
    font-weight: 700;
    text-transform: uppercase;
}

.walletregistgered{
	display:flex;
	justify-content:center;
}

.walletregistgered div{
	width:100%;
	max-width: 270px;
	line-height: 44px;
	background-color: #1f7ccb;
	font-size: 16px;
	color: #ffffff;
	font-weight: 700;
	text-transform:uppercase;
	margin:0 10px;
}

.walletregistgered div label {
    margin: 0 5px 0 0;
}

@media screen and (max-width:590px){
	body:before, body:after{
		display:none;
	}
	.app-body{
		background: #1e7bca;
	}
	.app-content {
		margin: 0 5% 20px;
		padding:30px 15px;
		text-align: center;
	}
	.app-content h2{
		font-size:18px;
		line-height:20px;
		margin:10px 0 20px 0;
	}
	form.reghashtag{
		display: inline-block;
		width: 100%;
		max-width: 420px;
	}
	.hashapp-content form.reghashtag{
		max-width: 420px;
	}
	.reghashtag input[type="text"]{
		line-height: 40px;
		font-size:13px;
	}
	.reghashtag input[type="submit"]{
		font-size:10px;
		padding: 0;
		max-width: 130px;
	}
	.alltimescore{
		line-height: 18px;
		padding: 15px 0;
		display: inline-block;
	}
	.powered{
		margin-top:10px;
		font-size:13px;
	}
	.popscore span, .popscore label{
		font-size:14px;
	}
	.app-content h3{
		font-size: 16px;
		line-height: 21px;
	}
	.popscore ul.popularlist{
		display: flex;
		text-align:center;
		width: 100%;
		justify-content:space-between;
	}
	.popscore ul.popularlist.spelling-list li{
		display: flex;
		width: 32%;
		margin:0 0 0px 0;
		padding:0 0 0 5px;
		text-align:left;
		font-size: 11px;
		font-weight: 600;
	} 
	.popscore ul.spelling-list li span{
		font-size: 11px;
		min-width: 40%;
	}
	.popscore ul.hashlist li{
		line-height:35px;
	}
	
	.partnersect{
		flex-wrap:wrap;
	}
	.partnersect div {
		flex: 0 0 33%;
	}
	
	.walletregistgered{
		flex-wrap:wrap;
	}
	.walletregistgered div{
		margin:5px 0;
		font-size:14px;
	}
	.hashapp-content p{
		font-size:13px;
		line-height:18px;
	}
	.stakinglaunch label{
		font-size:17px;
	}
	.stakinglaunch span{
		font-size:20px;
	}
	.app-content h3 br{
		display:none;
	}
	.btnsect .btnlightblue{
		margin:0 8px;
		font-size: 11px;
	}
	.btnsect .btn{
		font-size: 11px;
		line-height: 40px;
	}
	.partnersect div label{
		font-size:10px;
		line-height:18px;
		margin:0 0 5px 0;
	}
	
	
}


@media screen and (max-width:375px){
	.partnersect div{
		flex: 0 0 50%;
		margin:0 0 10px 0;
	}
}

@media screen and (min-width:320px) and (max-width:350px){
	.reghashtag input[type="text"]{
		font-size:12px;
	}
	.popscore ul.popularlist.spelling-list li{
		font-size: 10px;
		line-height:32px;
		padding:0 0 0 3px;
	}
	.popscore ul.hashlist li {
		line-height: 32px;
		font-size: 12px;
	}
	.popscore span, .popscore label {
		font-size: 12px;
	}
	.app-content h3 {
		font-size: 15px;
	}
	.btnsect .btnlightblue{
		margin:0 5px;
	}
	.btnsect .btn{
		line-height:34px;
	}
}