body{
 background: #2E3F99 url("/art/lanubg42.gif"); /*Replace with your own background*/
	background-size: cover;
	background-attachment: fixed;
  background-position:center;
}
 
#all{
width: 625px;
height: 545px;
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
 
#left{
float: left;
width: 385px;
height: 545px;
}
 
#right{
float: right;
width: 230px;
height: 545px;
}
 
#leftbox{
background-color: #1D2A69;
border-radius: 10px;
width: 365px;
height: 525px;
padding: 10px;
}
 
#leftcontent{
width: 365px;
height: 525px;
background-color: #2E3F99;
border-radius: 10px;
box-shadow: 0px 0px 5px #2E3F99;
}
 
#contentbox{
width: 345px;
height: 385px;
padding: 10px;
}
 
#content{
width: 312px;
height: 472px;
border-radius: 10px;
border: 2px solid #6379CA;
color: #C3D0F6;
font-size: 14px;
text-align: justify;
padding: 15px;
overflow: scroll;
overflow-x: hidden;
}
 
#content h1{ 
margin: 0px;
border-bottom: 2px dotted #FFF9D2;
color: #FFF9D2;
text-align: right;
font-weight: normal;
font-size: 26px;
}
 
#righttop{
width: 230px;
height: 200px;
border: 0px solid #ffbfce;
border-radius: 0px;
margin-top: -33px;
margin-bottom: 10px;
background-color: transparent;
padding: 0px;
}
 
#righttopimg{
width: 230px;
height: 200px;
background-color: transparent;
border-radius: 0px;
background-image: url('/art/lanusmol.png'); /*198x160*/
filter: drop-shadow(1px 1px 33px #6379CA);
background-size: 100% 100%;
}
 
#rightmiddle{
width: 198px;
height: 90px;
border: 6px solid #1D2A69;
border-radius: 10px;
background-color: #2E3F99;
padding: 10px;
margin-bottom: 10px;
font-size: 16px;
letter-spacing: 1px;
}
 
#nav{
padding-top: 2px;
}
 
#nav a:hover{
color: #000;
}
 
.link1{
background-color: #1D2A69;
padding: 1px 1px 1px 1px;
display: inline-block;
margin-bottom: 2px;
width: 95px;
text-align: center;
color: #FFF9D2;
float: left;
}
 
.link2{
background-color: #1D2A69;
padding: 1px 1px 1px 1px;
display: inline-block;
margin-bottom: 2px;
width: 95px;
text-align: center;
color: #FFF9D2;
float: right;
}
 
#rightbottom{
width: 198px;
height: 178px;
border: 6px solid #1D2A69;
border-radius: 10px;
background-color: #2E3F99;
padding: 10px;
color: #C3D0F6;
font-size: 14px;
text-align: justify;
overflow: scroll;
overflow-x: hidden;
}

#rightbottom h1{ 
margin: 0px;
border-bottom: 2px dotted #FFF9D2;
color: #FFF9D2;
text-align: right;
font-weight: normal;
font-size: 18px;
}

a{
color: #FFF9D2;
text-decoration: underline;
}
 
a:hover{
color: #000;
}
 
::-webkit-scrollbar{
width: 5px; 
}

::-webkit-scrollbar-track-piece{
background-color: #0C2305;
}
 
::-webkit-scrollbar-track{
background-color: transparent;
border-radius: 7px;
}
 
::-webkit-scrollbar-thumb{
background-color: #0C2305;  
border-radius: 10px;
}
 
#credit{
font-size: 13px;
position: fixed;
bottom: 0;
right: 0;
}
 
#credit a{
color: #e7f0f0;
}
 
#credit a:hover{
color: #e7f0f0;
}

.collapsible {
  background-color: #1D2A69;
  color: white;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  border: none;
  text-align: center;
  outline: none;
  font-size: 15px;
}

.active, .collapsible:hover {
  background-color: #2E3F99;
}

.content {
  padding: 0 18px;
  display: none;
  overflow: hidden;
  background-color: #1D2A69;
}