@font-face {
		font-family: 'LuckyGoldfish';
		font-style: normal;
		font-weight: normal;
		src: url('font/LuckyGoldfish.otf');
}

.header {
	margin: auto;
	padding:10px;

}
.header2 {
	margin: auto;
	padding:10px;
	height:15%;
}

.headerbttnL {
		font-family: 'LuckyGoldfish';
		font-size: 30px;
		background-color: transparent;
		color: white;
		border:none;
		padding-right: 15px;
		transition-duration: 0.69s;
		float: left;
		height: 1px;
	
}

.headerbttnLb {
		font-family: 'LuckyGoldfish';
		font-size: 30px;
		background-color: transparent;
		color: white;
		border:none;
		padding-right: 15px;
		transition-duration: 0.69s;
		float: left;
		height: 1px;
	
}

.headerbttnLb:hover {
	opacity: 0.90;
	color: #b5dcfa;
	background-color: transparent;
	cursor: not-allowed;
		
}

.headerbttnL:hover {
	color: #b5dcfa;
	background-color: transparent;
		
}

.headerbttnR {
		font-family: 'LuckyGoldfish';
		font-size: 30px;
		background-color: transparent;
		color: white;
		border:none;
		padding-right: 15px;
		transition-duration: 0.69s;
		float: right;
		height: 1px;
}

.headerbttnR:hover {
	opacity: 0.90;
	color: #b5dcfa;
	background-color: transparent;
	cursor: not-allowed;
		
}

.welcomearea {
		background-color: transparent;
		background-image: url('../public/images/bubbles.png');
		background-repeat: no-repeat;
		margin: auto;
		padding: 10px;
		width: 30%;
		height: 40%
}

.pagearea {
		background-color: transparent;
		margin: auto;
		padding: 10px;
		width: 30%;
		height: 25%;
}

.welcometext {
		margin: auto;
		padding: 10px;
		color:white;
		font-family: 'LuckyGoldfish';
		font-size: 100px;
		text-align: center;
}

.text1 {
		color:white;
		font-family: 'LuckyGoldfish';
		font-size: 35px;
		overflow-wrap: normal;
}

.text2 {
		color:white;
		font-family: 'LuckyGoldfish';
		font-size: 20px;
}
.text3 {
		color:white;
		font-family: 'LuckyGoldfish';
		font-size: 35px;
		overflow-wrap: normal;
		padding: 10px;
	
}
.text3b {
		color:white;
		font-family: 'LuckyGoldfish';
		font-size: 35px;
		overflow-wrap: normal;
		padding: 10px;
	
}
.tlText {
		padding: 10px;
		color:white;
		font-family: 'LuckyGoldfish';
		font-size: 65px;
		text-align: center;
}		

.NFTContainer {
	height:25%;
	width:50%;
	border:2.5px solid gold;
	font:16px/26px Calibri white;
	overflow:auto;
	background-color:#00367c;
	
}
.nftlist1 {
		padding: 2.5px;
		color:white;
		font-family: 'Arial Black';
		font-size: 12.5px;
		display:inline-block;
		margin: 5px;
}
.tknlist1 {
	padding: 2.5px;
	color:white;
	font-family: 'Arial Black';
	font-size: 12.5px;
	display:inline-block;
	margin: 5px;
	width: 150px;
	height: 150px;
	
}
.nftlist2 {
		padding: 2.5px;
		color:white;
		font-family: 'Arial Black';
		font-size: 12.5px;
		display:inline-block;
		margin: 5px;
		width: 15%;
}
.nftIMG2 {
		width:200px;
		height: 200px;
}
.transferbutton {
		font-family: 'LuckyGoldfish';
		font-size: 30px;
		background-color: transparent;
		color: black;
		border:2.5px solid black;
		padding-right: 15px;
		transition-duration: 0.69s;
		background: white;
		margin: 5px;
}
.transferbutton:hover {background-color: #b5dcfa}

.transferbutton:active {
  background-color: #b5dcfa;
  box-shadow: 0 2.3px #666;
  transform: translateY(3px);
}
.nftlist1:hover {
	transform: scale(1.05);
	cursor: pointer;
	color:white;
}
.tknlist1:hover {
	transform: scale(1.05);
	cursor: pointer;
	color:white;
}
.tkn1 {
	height: 25px;
	width:25px;

	
}
.text3b:hover {
	opacity: 0.90;
	color: #b5dcfa;
	background-color: grey;
	cursor: not-allowed;
	
}