body{
	margin:0px;
	overflow-x:hidden;
	color:#0E1737;
    font-family: 'Montserrat', sans-serif;
	
}
.logo:hover{
	animation-name:flip;
	animation-duration:3s;
	animation-fill-mode:forwards;
	
}

@keyframes flip{
	0%{
       transform: rotateY(0deg);
    }

    100%{
        transform: rotateY(360deg);
    }
	
}


a{
	text-decoration:none;
}
.page1{
	display: flex;
    align-items: center;
	background-color:#DBF4FF;
    font-family: 'Cuprum', sans-serif;
}
.page2{
	height:115vh;
	width:100vw;
	background-color:#98C3A2;
}
.page3{
	height:110vh;
	width:100vw;
	background-color:#0E1737;
	color:white;
}
.construction{
	height:2vw;
	width:100vw;
	text-align:center;
	background-color:#98C3E1;
	font-size:2vw;
	display:flex;
	justify-content:center;
}
.construction h1{
	font-size:1.3vw;
	padding:.2vw;
	width:70%;

}
/*.construction h2{
	width:30%;
}*/
.page3-blurb{
	display: flex;
    flex-wrap: wrap;
    height: 30vh;
    width: 60vw;
    margin-left: 20vw;
    padding-top: 30vh;
    align-items: center;
}
h1{
	font-size: 10vw;
    margin: 0px;
}
h2{
	font-size: 3vw;
    margin: 0px;
}
.contact-container{
	padding-top: 15vh;
    width: 40vw;
    display: flex;
    /* text-align: center; */
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    margin-left: 30vw;
}
.flex-item{
	width:50%;
}
.logo{
	width:3%;
	left:7%;
	position:relative;
	
}
.iL{
	widht:80vw;1
}
.blurbs{
	display: flex;
    width: 75vw;
    justify-content: space-between;
    margin-left: 12.5vw;
    margin-top: 5vw;
    text-align: center;

}
.blurbs p{
	text-align:left;
}
/*bigheader/"Fratcoin": Cuprum, Medium, 150 pt size (all caps)
subtitle 1 ("make frats great again"): Montserrat, Medium, 40 pt size
subtitle 2 (how it works/why us): Montserrat, Bold, 50 pt size (all caps)
body text: Montserrat, Regular, 24 pt size
navigation titles: Montserrat, Bold, 20 pt size (all caps)
*/
.buy-now{
	background-color: #337EB4;
	color:white;
    height: 5vh;
    width: 10vw;
    border-radius: 1vw;
    color: white;
    text-align: center;
    justify-content: center;
    display: flex;
    margin-top: 2%;
    align-items: center;
}
.blurb{
    opacity:0%;
    background-color: #FFFFFF;
    border-radius: 1vw;
    box-shadow: 2px 2px black;
    width: 12vw;
    overflow-wrap: break-word;
    animation-name: float-in;
    animation-fill-mode: forwards;
    animation-duration: 5s;
}
.blurbs h2{
	font-size:2vw;
	padding-top:2vw;
}
.page2 h1{
	text-align: center;
    font-size: 5vw;
    padding-top: 10vh;
}
.nav-container{
	width: 100vw;
    height: 15vh;
    background-color: white;
    display: flex;
    align-items: center;
}
.clink img{
	width:2vw;
	}
.blurb p{
	padding-left:1vw;
	padding-right:1vw;
}
.nav{
	width: 30%;
    height: 70%;
    display: flex;
    flex-direction: row;
    flex-wrap: no-wrap;
    justify-content: space-between;
    color: blue;
    align-items: center;
    margin-left: 35%;
}
.nav-item{
	text-decoration:none;
	color:black;
	font-size:1.5vw;
}
.important-links{
	width: 75vw;
    margin-left: 12.5vw;
    display: flex;
    padding-top: 7vw;
}

#contact{
		height:15vh !important;
	}
@keyframes float-in{
	0%{opacity:0%;}
	100%{opacity:100%;}
	
}

@media only screen and (max-device-width: 600px) {
	.logo{
		width:10% !important;
	}
	.blurbs{
		width: 90vw !important;
		margin-left:5vw !important;
	}
	.buy-now{
		height: 4vh;
		font-size: 2vh;
		width: 33vw;
		border-radius: 7vw;
		margin-top:5%;
	}
	.cc{
		height:10vh !important;
		width:40vw !important;
		margin-left: 30vw !important;
		font-size:3vw;
		padding-bottom:1.5vh;
		padding-top:1.5vh !important;
	}
	.clink img{
		width:6vw !important;
	}
	.cc h3{
		height:0 !important;
		width:40vw !important;
	}
	h1{
		font-size:20vw;
	}
	h2{
		font-size:5vw;
	}
	.nav{
		width:50% !important;
		margin-left:20% !important;
		
	}
	.nav-container{
		height:10vh;
	}
	.nav-item{
		font-size:3vw !important;
	}
	.page1{
		overflow-x:hidden;
		overflow-y:hidden;
		height:50vh;
	}
	.frathouse{
		height: 45vh !important;
		margin-bottom: 40%;
	}
	.page2{
		height:60vh !important;
	}
	.page3{
		height:50vh !important;
	}
	.page3-blurb h1{
		font-size:9vw !important;
	}
	.page3-blurb h2{
		font-size:3.7vw !important;
	}
	.important-links{
		justify-content: flex-start !important;
		padding-top:15vw !important;
	}
	.important-links h1{
		font-size:9vw !important;
	}
	.important-links h2{
		font-size:3.7vw !important;
	}
	.iL{
		width:80vw !important;
	}
	#tokenomics{
		height:70vh !important;
	}
	#tokenomics h1{
		font-size:9vw !important;
		padding-top:15vw !important;
	}
	#tokenomics .page3-blurb{
		padding-top:10% !important;
	}
	#howto{
		height:40vh !important;
	}
	#howto h1{
		padding-top:10vh !important;
	}
	#links{
		height:50vh !important;
	}
	.construction{
		height:3vh;
	}
	.construction h1{
		width:100%;
		font-size:1vh;
	}
	
	.plan-blurb{
		width:80vw !important;
		padding-bottom:8%;
	}
	.plan-blurb li{
		font-size:3.5vw !important;
	}
	.whyUs{
		width:80vw !important;
		margin-top:7vw;
	}
	.page3-blurb{
		padding-top: 15% !important;
		height:0 !important;
		width:80vw !important;
		margin-left:10vw !important;
		
	}
    }