@font-face {
  font-family: 'Cookiemonster';
  src: url('FontVault/cookiemonster.eot');
  src: url('FontVault/cookiemonster.eot') format('embedded-opentype'),
       url('FontVault/cookiemonster.woff2') format('woff2'),
       url('FontVault/cookiemonster.woff') format('woff'),
       url('FontVault/cookiemonster.ttf') format('truetype');

}
@font-face {
  font-family: 'pixel';
  src: url('FontVault/pixel/mono.eot');
  src: url('FontVault/pixel/mono.eot') format('embedded-opentype'),
       url('FontVault/pixel/mono.woff2') format('woff2'),
       url('FontVault/pixel/mono.woff') format('woff'),
       url('FontVault/pixel/mono.ttf') format('truetype');

}

@font-face {
  font-family: 'journal';
  src: url('FontVault/THE-JOURNAL.eot');
  src: url('FontVault/THE-JOURNAL.eot') format('embedded-opentype'),
       url('FontVault/THE-JOURNAL.woff2') format('woff2'),
       url('FontVault/THE-JOURNAL.woff') format('woff'),
       url('FontVault/THE-JOURNAL.ttf') format('truetype');

}


.hugetitle {
	font-size: 40px;
	font-family: 'Cookiemonster';
	text-align: center;
}

.comingsoon {
	font-size: 25px;
	font-family: 'pixel';
	text-align: center;
	color: #FF00FF;
}

.comingsoonc {
	font-size: 22px;
	font-family: 'pixel';
	text-align: center;
	color: #FF00FF;
}


.comingsoon2 {
	font-size: 20px;
	font-family: 'journal';
	text-align: center;
	color: #ffffff;
}

.comingsoon3 {
	font-size: 20px;
	font-family: 'pixel';
	text-align: center;
	color: #ffffff;
}

.comingsoon4 {
	font-size: 20px;
	font-family: 'pixel';
	text-align: left;
	margin-left:5%;
	color: #ffffff;
}



.cutebutton {
			color: #ffffff;
			background-color: #000000;
			font-size: 19px;
			border: 3px solid #ce67d5;
			border-radius: 200px;
			padding: 15px 50px;
				margin: 5px;

			cursor: pointer,
			font-size: 20px;
	font-family: 'pixel';
	text-align: center;
	color: #ffffff

		}
		button:hover {
			color: #c52dc8;
			background-color: #ffffff;
}

.cutebutton2 {
			color: #ffffff;
			background-color: #000000;
			font-size: 19px;
			border: 3px solid #ce67d5;
			border-radius: 200px;
			padding: 15px 50px;
			display: flex;
            justify-content: flex-start;
				margin-left: 5%;
				margin-bottom:2%;

			cursor: pointer,
			font-size: 20px;
	font-family: 'pixel';
	text-align: left;
	color: #ffffff

		}
		button:hover {
			color: #c52dc8;
			background-color: #ffffff;
}


.downloaderButton {
			color: #ffffff;
			background-color: #000000;
			font-size: 19px;
			border: 3px solid #ce67d5;
			width: 100%;
			cursor: pointer,
			font-size: 20px;
	font-family: 'pixel';
	text-align: center;
	color: #ffffff

}


.downloaderBtnContainer {
			width: auto;
			padding: 0px 10% 0px 10%;
}