* {
	box-sizing: border-box;
}

body{

	font-family: sans-serif;
	line-height: 1.5em;
	background:white;
	font-size: 1em;
}

h1{
	margin: 20px;
	font-size: 3em;
	font-style: bold;
}

.main{
	width: 80%;
	margin: 100px auto;
	padding: 50px;
}


ul{
	list-style: none;
}
 
ul li{
	color: #dadada;
}

a:link{
	color: #0000ff;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

/*Co-op Pattern 1 - Expanded from Kaiwen Liu*/
#scrolling-container {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
}

#vertical-container {
    display: flex;
    justify-content: center;
    align-content:center;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0; 
}

.vertical-lines {
	width: 45px;
    height: 1000px;
    background-color: #09B299 /*#bcd4d2*/;
    opacity: 0.5;
    margin-left: 20px;
    margin-right: 20px;
}

.vertical-lines:hover {
    width: 45px;
    height: 1000px;
    background-color: #bcd4d2;
    opacity: 0.5;
    margin-left: 20px;
    margin-right: 20px;
}

    
#horizontal-container {
    display: flex;
    justify-content: center;
    align-content:center;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0; 
}

.horizontal-lines {
	width: 100%;
    height: 35px;
    background-color: #FF00FF /*#ff000066*/;
    opacity: 0.5;
    margin-top: 40px;
    margin-bottom: 20px;
}

.horizontal-lines:hover {
    width: 100%;
    height: 35px;
    background-color: #ff000066;
    opacity: 0.5;
    margin-top: 40px;
    margin-bottom: 20px;
}


.horizontal-lines2 {
	width: 100%;
    height: 35px;
    background-color: #FFCE19 /*lightyellow*/;
    opacity: 0.5;
    margin-top: 40px;
    mix-blend-mode: multiply;
}
 
 .horizontal-lines2:hover {
    width: 100%;
    height: 35px;
    background-color: lightyellow;
    opacity: 0.5;
    margin-top: 40px;
    mix-blend-mode: multiply;
}