ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #261141;
}
ul li {
  float: left;
}

ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  font-family: "roboto", sans-serif;
font-weight: 300;
font-style: normal;
}

ul li a:hover {
  background-color: #111111;
}

#list { background-color: #f2ffe5;
    width: 600px;
      padding: 20px;
      margin-left: 20px;
font-family: "roboto", sans-serif;
font-weight: 300;
font-style: normal;
}

h1 
{font-family: "roboto", sans-serif;
font-weight: 700;
font-style: normal;
color: #05005c;}

h2
{font-family: "roboto", sans-serif;
font-weight: 500;
font-style: normal;
 margin-left: 20px;}

#introtext 
{width: 600px;
  margin-left: 20px;}

#mainimage {
position: absolute;
top: 80px;
right: 40px;
}


#container {
  column-count: 3; 
  column-gap: 20px;
margin-top: 200px;
margin-right: 20px;
margin-left: 20px;}

#container2 {
  column-count: 2; 
  column-gap: 20px;

margin-right: 20px;
margin-left: 20px;}



h3
{font-family: "roboto", sans-serif;
font-weight: 500;
font-style: normal;}

p
{font-family: "roboto", sans-serif;
font-weight: 300;
font-style: normal;
}

ol {font-family: "roboto", sans-serif;
font-weight: 300;
font-style: normal;
background-color: #e1fee6;
width: 600px;
}


#line {width: 600px;
margin-left: 20px;}

#line2 {width: 700px;
margin-left: 20px;}