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

.holder-cont1 {position: fixed; top: 45px; text-align: right; line-height: 2em; width: 251px; font-family: quasimoda, sans-serif; font-size: 16px; font-style: normal; font-weight: 200; color: rgba(0,0,0,1.00);}
.holder-cont {position: fixed; top: -23px; text-align: right; width: 251px; font-family: quasimoda, sans-serif; font-size: 26px; font-style: normal; font-weight: 100; color: rgba(255,255,255,1.00); cursor: default;}
.holder {
	position: fixed;
	top: 0px;
	background: rgba(0,0,0,1.00);
	width: 271px;
	height: 50px;
}

.holder-cont3 {position: fixed; top: 535px; text-align: right; line-height: 2em; width: 251px; font-family: quasimoda, sans-serif; font-size: 16px; font-style: normal; font-weight: 200; color: rgba(0,0,0,1.00);}
.holder-cont2 {position: fixed; top: 467px; text-align: right; width: 251px; font-family: quasimoda, sans-serif; font-size: 26px; font-style: normal; font-weight: 100; color: rgba(255,255,255,1.00); cursor: default;}
.holder1 {
	position: fixed;
	top: 490px;
	background: rgba(0,0,0,1.00);
	width: 271px;
	height: 50px;
}

.holder3 {
	position: fixed;
	top: 750px;
	text-align: right;
	line-height: 2em;
	width: 251px;
	font-family: quasimoda, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: 200;
	color: rgba(0,0,0,1.00);
}

.holder4-cont1 {position: fixed; top: 674px; text-align: right; line-height: 2em; width: 251px; font-family: quasimoda, sans-serif; font-size: 16px; font-style: normal; font-weight: 200; color: rgba(0,0,0,1.00);}
.holder4-cont {position: fixed; top: 619px; text-align: right; width: 251px; font-family: quasimoda, sans-serif; font-size: 19px; font-style: normal; font-weight: 100; color: rgba(255,255,255,1.00); cursor: default;}
.holder4 {
	position: fixed;
	top: 630px;
	background: rgba(0,0,0,1.00);
	width: 271px;
	height: 50px;
}

.generative_graphic_design-title::before {
	content: "Generative Graphic Design";
}

.coded_textiles-hyperlink::before {
	content: "Coded Textiles";
}

s {
	cursor: default;
}

a {
	cursor: pointer;
}

.graphic_design-title::before {
	content: "Graphic Design";
}

.anomaly-hyperlink::before {
	content: "Anomaly";
}

.bauhaus-hyperlink::before {
	content: "Bauhaus 100";
}

.design_for_advocacy-hyperlink::before {
	content: "Design for Advocacy";
}

.fly_little_bumblebee-hyperlink::before {
	content: "Fly Little Bumblebee";
}

.graphic_book-hyperlink::before {
	content: "Graphic Book";
}

.shape_christmas-hyperlink::before {
	content: "It's a Shape Christmas";
}

.living_and_dying_well-hyperlink::before {
	content: "Living & Dying Well";
}

.movie_posters-hyperlink::before {
	content: "Movie Posters";
}

.nebulae-hyperlink::before {
	content: "Nebulae";
}

.personal_branding-hyperlink::before {
	content: "Personal Branding Project";
}

.absolut-hyperlink::before {
	content: "The Absolut Project";
}

.typographic_posters-hyperlink::before {
	content: "Typographic Posters";
}

.logos-hyperlink::before {
	content: "Logos";
}

.generative_art-title::before {
	content: "Generative Design";
}

.static-hyperlink::before {
	content: "Static";
}

.animated-hyperlink::before {
	content: "Animated";
}

.home-hyperlink::before {
	content: "Home";
}