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

#wrapper {
    width: 1551px;
    height: 2600px;
}

#static_contents {
	position: absolute;
	width: 1270px;
	height: 2600px;
	margin-top: 5px;
	margin-left: 281px;
}

.static-container {
	position: relative;
	top: -9px;
	left: 281px;
	height: 45px;
	width: 1270px;
	border-bottom: solid;
	border-bottom-width: 1px;
	cursor: default;
}

.static {
	font-family: quasimoda, sans-serif;
    font-size: 26px;
    font-style: normal;
	font-weight: 100;
    color: rgba(0,0,0,1.00);
	cursor: text;
}

.left-border {
	position: absolute;
	left: 0px;
	width: 75px;
	height: 250px;
	background-color: rgba(255, 255, 255, 0.75);
}

.right-border {
	position: absolute;
	right: 0px;
	width: 75px;
	height: 250px;
	background-color: rgba(255, 255, 255, 0.75);
}

.bottom-border {
	position: absolute;
	bottom: -35px;
	width: 250px;
	height: 35px;
	background-color: rgba(0, 0, 0, 1.00);
	display: flex;
    align-items: center;
	justify-content: flex-start;
	font-family: quasimoda, sans-serif;
    font-size: 14px;
    font-style: normal;
	font-weight: 200;
    color: rgba(255,255,255,1.00);
	transition: 400ms;
	border-top: 1px solid white;
}

.text {
	position: absolute;
	top: -8px;
}

.wall_of_rectangles {
	cursor: pointer;
}

.wall_of_rectangles-container:hover .wall_of_rectangles {
	opacity: 1.00;
	transition: 400ms;
}

.wall_of_rectangles-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.random_triangles {
	cursor: pointer;
}

.random_triangles-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.random_triangles-container:hover .random_triangles {
	opacity: 1.00;
	transition: 400ms;
}

.clrp {
	cursor: pointer;
}

.clrp-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.clrp-container:hover .clrp {
	opacity: 1.00;
	transition: 400ms;
}

.go {
	cursor: pointer;
}

.go-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.go-container:hover .go {
	opacity: 1.00;
	transition: 400ms;
}

.col {
	cursor: pointer;
}

.col-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.col-container:hover .col {
	opacity: 1.00;
	transition: 400ms;
}

.oc {
	cursor: pointer;
}

.oc-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.oc-container:hover .oc {
	opacity: 1.00;
	transition: 400ms;
}

.stp {
	cursor: pointer;
}

.stp-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.stp-container:hover .stp {
	opacity: 1.00;
	transition: 400ms;
}

.aqp {
	cursor: pointer;
}

.aqp-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.aqp-container:hover .aqp {
	opacity: 1.00;
	transition: 400ms;
}

.el2 {
	cursor: pointer;
}

.el2-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.el2-container:hover .el2 {
	opacity: 1.00;
	transition: 400ms;
}

.rwp {
	cursor: pointer;
}

.rwp-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.rwp-container:hover .rwp {
	opacity: 1.00;
	transition: 400ms;
}

.wc {
	cursor: pointer;
}

.wc-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.wc-container:hover .wc {
	opacity: 1.00;
	transition: 400ms;
}

.gtd {
	cursor: pointer;
}

.gtd-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.gtd-container:hover .gtd {
	opacity: 1.00;
	transition: 400ms;
}

.bws {
	cursor: pointer;
}

.bws-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.bws-container:hover .bws {
	opacity: 1.00;
	transition: 400ms;
}

.ss {
	cursor: pointer;
}

.ss-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.ss-container:hover .ss {
	opacity: 1.00;
	transition: 400ms;
}

.cl {
	cursor: pointer;
}

.cl-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.cl-container:hover .cl {
	opacity: 1.00;
	transition: 400ms;
}

.il {
	cursor: pointer;
}

.il-container:hover .bottom-border {
	bottom: 0px;
	transition: 400ms;
}

.il-container:hover .il {
	opacity: 1.00;
	transition: 400ms;
}

.wall_of_rectangles-container {
	position: absolute;
	top: 230px;
	left: 230px;
	width: 400px;
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
	z-index: 1;
}

.wall_of_rectangles {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.random_triangles-container {
	position: absolute;
	top: 230px;
	right: 230px;
	width: 400px;
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.random_triangles {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.clrp-container {
	position: absolute;
	top: 490px;
	left: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.clrp {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.go-container {
	position: absolute;
	top: 490px;
	right: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.go {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.col-container {
	position: absolute;
	top: 750px;
	left: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.col {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.oc-container {
	position: absolute;
	top: 750px;
	right: 230px;
	width: 400px;
	height: 250px;
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.oc {
	width: 400px;
	height: 250px;
	opacity: 0.75;
}

.stp-container {
	position: absolute;
	top: 1010px;
	left: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.stp {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.bws-container {
	position: absolute;
	top: 1010px;
	right: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.bws {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.aqp-container {
	position: absolute;
	top: 1270px;
	left: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.aqp {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.el2-container {
	position: absolute;
	top: 1270px;
	right: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.el2 {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.rwp-container {
	position: absolute;
	top: 1530px;
	left: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.rwp {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.wc-container {
	position: absolute;
	top: 1530px;
	right: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.wc {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.gtd-container {
	position: absolute;
	top: 1790px;
	left: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.gtd {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.ss-container {
	position: absolute;
	top: 1790px;
	right: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.ss {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.cl-container {
	position: absolute;
	top: 2050px;
	left: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.cl {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.il-container {
	position: absolute;
	top: 2050px;
	right: 230px;
	width: 400px;
	height: 250px;
	background-color: rgba(0,0,0,.05);
	display: flex;
    align-items: center;
	justify-content: center;
	overflow: hidden;
}

.il {
	width: 250px;
	height: 250px;
	opacity: 0.75;
}

.holder2 {
	position: absolute;
	bottom: 0px;
    width: 1280px;
    height: 70px;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,1.00);
}