body{
background-image: url(00.png); 
background-repeat: no-repeat; 
background-attachment: fixed; 
background-size: 100% 100%;
}

/* holder of div so they can be next to eachother */
.container{
    display: flex;
    gap: 0px;
    margin: auto; 
    overflow: auto;
    width: 1200px; 
}
/* css for base */
.base{
   margin: auto; 
   border: 2px solid ;
   width: 60%;
   margin-left: 1%;
   margin-top: 1px;
   background-color: ivory;
   padding-left: 2%;
   
}

.base2{
   margin: auto; 
   border: 2px solid ;
   width: 60%;
   margin-left: 1%;
   margin-top: 1px;
   margin-right: 1%;
   background-color: ivory;
   padding-left: 2%;
   
}

/* css for navigation bar */
.nav{
  margin: auto;
  float: left;
  border: 2px solid ;
  width: 10%;
  margin-top: 1px;
  text-align: center;
  margin-right: 1%;

  background-color: ivory;
  padding: 0px 10px ;
   
}

.intrest{
  margin: auto;
  float: right;
  border: 2px solid ;
  width: 10%;
  margin-top: 1px;
  text-align: center;
  margin-left: 1%;

  background-color: ivory;
  padding: 0px 10px ;

}
/*controls the spacing for lists*/
li span {
  position: relative;
  left: -10px;
}

.img {
  display: block;
  margin: auto;
  width: 100%;
  height: 10%;
}

.box{
	
	width:1150px;
	height:700px;
	border:1px solid black;
	background-color:ivory;
	display: flex;
	margin: auto;
	margin-top:50px;
}
.left{
	border:5px dotted purple;
}
.right{
	overflow:auto;
	width:940px;
	padding-left:10px;
}
.yap{
overflow:auto;
height:200px;
}
li.star {
	padding-left:20px;
  list-style-type: none;
}
	li::before{ 
	content: "☆" ;
	}