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

body {
	/*margin: 0 auto;*/
	font-family: "neue-haas-unica", sans-serif;
	animation: fadeColors 28s infinite;
    height: 100vh;
    margin: 0;
}

.color1 {
	background-color: #32bdee;
	width: 1%;
	height: 100vh;
	float: left;
	margin: 0 auto;
	

}

.color3 {
	background-color: #83c441;
	width: 1%;
	height: 100vh;
	float: right;
	margin: 0;

}


.color2 {
	background-color: #e22661;
	width: 98%;
	height: 100vh;
	float: left;
	margin: 0 auto;
	
}

.sag-logo {

  display: block;
  margin-top: 15%;
  margin-left: auto;
  margin-right: auto;
  max-width: 50vh;	
  /*display: flex;*/
  justify-content: center;
  align-items: center;
	

}

@keyframes fadeColors {
    0% { background-color: #32bdee; }
    25% { background-color: #e22661; }
    50% { background-color: #83c441; }
    75% { background-color: #f48921; }
	100% { background-color: #32bdee; }
}


/* Set background color to white for secondary pages */
.work-page,
.about-page,
.contact-page {
    background-color: #FFFFFF;
    height: 100vh;
    margin: 0;
    padding: 0;
}