/*
 * Want to change this website's styes? Learn more about CSS:
 * https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS
 */
 body {
font-family:arial;

color:white;
}
a:link {
 color:white;
 background-color:transparent;
 text-decoration:none
 
}
a:hover {
color:blue;
background-color:transparent;
 text-decoration:none
 
}
a:visited {
color:white;
background-color:transparent;
 text-decoration:none
 
}
.currentLink {
   color: #640200;
   background-color: #000000;
}

.split {
 height:100%;
 width:50%;
 position:fixed;
 z-index:1;
 top:0;
 overflow-x:hidden;
 padding-top: 20px;
}

.left {
 left:0;
 background-color:red;
  color: white;
  padding: 10px 15px 25px 15px;
  width: 25%;
  height: 330px;
  overflow: hidden;
  position: fixed;
  border: 0px solid #ccc;
  
}


#a {
  color: white;
  overflow: absolute;
  padding:20px 30px 20px 20px;
   

}
.leftbottom {
 left:0;
 bottom:0;
 background-color:black;
 color: white;
 padding:10px 35px 10px 20px;
 width: 25%;
	position: absolute;
 top: 350px;
 overflow: scroll;
  
}
#b {
  color: white;
  overflow: auto;
  padding:20px 35px 10px 20px;
  
}


.centered{
 position:absolute;
 top:40px;
 Left:50%;
 transform: translate(-50%,-50%)
 text-align:center;
}


.right{
 right:0;
 width: 75%;
 background-color:green;
 
}

.right1{
 right:0;
 width: 75%;
 background-color:dodgerblue;
 
}

.right2{
 right:0;
 width: 75%;
 background-color:tomato;
 
}

img {
    padding: 10 px;
    display: block;
    margin: 0 auto;
    max-height: 80%;
    max-width: 80%;
}
.c {
  width:100%;
  right:0;
  background-color:mediumorchid;
  color: white;
  position: fixed;
  bottom:0;
  height:35px;

}
#footer {
 position:scroll;
 width:100%;
 color: white;
 top: 740px;
 left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
  padding:10px;
}
#yellowtype {
font-family: 'Kosugi', sans-serif;
color:yellow;
text-align:center;
padding:10px;
 }
 #orangetype {
font-family: 'Kosugi', sans-serif;
color:bisque;
text-align:center;
padding:10px;

 }