/* CSS is how you can add style to your website, such as colors, fonts, and positioning of your
   HTML content. To learn how to do something, just try searching Google for questions like
   "how to change link color." */



.p1 {
 font-family: "Times New Roman", Times, serif;
 text-align: center;
  
}


.list {
  display: block;
  width: 20%; 
  height: 750px;
  border-color:white;
  border-width:1px;
  border-style:solid;
  float:left;
  
}

.list1 {
  display: block;
  width: 30%; 
  height: 750px;
  border-color:white;
  border-width:1px;
  border-style:solid;
  margin-left: 40px;
  float:left;

}

.list2 {
  display: block;
  width: 20%; 
  height: 750px;
  border-color:white;
  border-width:1px;
  border-style:solid;
  margin-left: 40px;
  float:left;
}

.list3 {
  display: block;
  width: 20%; 
  height: 750px;
  border-color:white;
  border-width:1px;
  border-style:solid;
  margin-left: 10px;
  float:left;
}

.list4 {
  display: block;
  width: 30%; 
  height: 750px;
  border-color:white;
  border-width:1px;
  border-style:solid;
  float:left;
}


.para {
  display: block;
  width: 50%; 
  height: 1500px;
  border-color:white;
  border-width:1px;
  border-style:solid;
  margin-left: auto;
  margin-right: auto;
}

.para2 {
  display: block;
  width: 50%; 
  height: 750px;
  border-color:white;
  border-width:1px;
  border-style:solid;
  margin-left: auto;
  margin-right: auto;
}

.para3 {
  display: block;
  width: 50%; 
  height: 1000px;
  border-color:white;
  border-width:1px;
  border-style:solid;
  margin-left: auto;
  margin-right: auto;

}

.painting {
  
  margin: 20px; 
  position: static;
  width: 20%;
}

.float_center {
	float: right;
  left: -50%;
	position: relative;
}

.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

.border {
 border-style: solid;
 border-color: white;
 border-width: 5px;
 margin: 20px; 
}

.photography {
  display: block;
  float:right; 
  width: 30%; 
  
}

body {
  background-color: black;
  color: white;
  font-family: Verdana;
}


/* links */ 

a {
 text-decoration: none; 
 color: teal;
}

a:hover {
  color: fuchsia;
}