@charset "UTF-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Fredoka+One&display=swap');

body{
	font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 20px;
	line-height: 1.5;
	
	background-color: #C0FFDB;
	color: #33A9FF;
	margin: 80px auto 48px auto;
	width: 1120px;
}

header{
	display: flex;
	align-items: center;
	justify-content: space-between;
	
}
footer{
	color: #C2E6FF;
	align-items: center;
	justify-content: center;
	margin: auto;
}

h1, nav{
	font-family: "Fredoka One";
	font-size: 25px;
	font-weight: 600;
	
}
h2{
	text-align: center;
}

nav a{
	margin: 0 40px 0 0;  /*fix this so the margin is only in navigation*/
}
a{
	color:#A1D8FF;
	text-decoration: none;
	transition: color 0.6s;
	
}

a:hover, a.selected{
	color: #5EB4F1;
	
}

.about
{
	align-items: center;
}

.aboutText
{
	align-content: center;
}

.video{
	
	align-content: center;
	
}

div.cv{
	display: grid;
	grid-template-columns: 45% 55%;
	
}

.cv div.education{
	font-size: 16px;
	grid-column-start: 1;
	
}
.cv div.experience{
	font-size: 16px;
	grid-column-start: 2;
}

/*CONTACT FORM*/

div.contactForm{
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	
}
input[type=text],textarea {
	width: 100%;

  	border: 2px solid #33A9FF;
	background-color: #C0FFDB;
 	color: #33A9FF;
}




/*MOBILE*/

@media (max-width:600px){
	
}