/* You can either copy the below and paste it between style tags on your HTML page, OR you can copy this to a file and name it .css and link it from your HTML page. */
:root {
  --bg-color:#d7f8e5;
}
body {
  background-color:#a7efb8;
  margin: 8
}
#angelcore {
max-width:800px;
margin: 0 auto;
padding:10px;
/* Header Upcoming!!! choo-choo!!! */
}
#container a {
margin-top:0px
}
#upper-apex {
  margin-top:-2px;
  max-width:776px;
  color:#9DBB00;
  font-weight:bold;
  display: block;
  unicode-bidi: isolate;
}
#newsflash {
  width:772px;
  height:150px;
  border:double 4px white;
  border-radius:50px 50px 0px 0px;
  background-image:url('https://i.imgur.com/lZZP1Md.png');
  background-size:100%;
}
#newsflash h3 {
  font-size:40px;
  text-align:right;
  margin-top:80px
}
#newsflash p {
   font-size:15px;
   text-align:right;
   margin-top:-45px
}
#newsflash h5 {
   font-size:10px;
   text-align:left;
   margin-top:-13px
}
#scrollernews {
  height:30px;
  width:772px;
  background-color:#EEEEEE;
  border:double 4px white;
  border-radius:0px 0px 10px 10px;
  display:inline-block;
  overflow:hidden;
}
#scrollernews p {
margin-top:5px;
}

/* text sect Upcoming!!! Yayyy!!! */

#stomach {
  max-width:776px;
  color:#FFFFFF;
  display: block;
  unicode-bidi: isolate;
  margin-top: 2px;
  display:flex;
} 

/* sidebar */

#sword {
  background-color:#999999;
  width:168px;
  padding:3px;
  order:1;
  height:380px;
  margin-right:3px;
  border:double 4px white;
  border-radius:20px 0px 0px 20px;
}
#header{
padding-top:2px;
padding-left:5px;
padding-bottom:2px;
border:outset silver;
}
#altheader{
padding-top:2px;
padding-left:5px;
padding-bottom:2px;
color:#AAAA00;
border:outset silver;
}
#spheader{
padding-top:2px;
padding-left:5px;
padding-bottom:2px;  
border:outset silver;
border-radius:12px 0px 0px 0px;
}
#spbheader{
padding-top:2px;
padding-left:5px;
padding-bottom:2px;  
border:outset silver;
border-radius:0px 0px 0px 12px;
}
#adbox{
max-width:165px;
max-height:45px;
}
.linker{
width:162px;
margin-top:3px;
margin-left:3px;
margin-right:3px;
text-align:right;
padding-top:2px;
padding-right:10px;
background-image:url('https://i.imgur.com/lZZP1Md.png');
background-size:90%;
color:#AAAA00;
border:double 4px white;
}

/* Middle */

#human {
  background-color:#AAAAAA;
  width:573px;
  padding:10px;
  order:2;
  height:366px;
  border:double 4px white;
  border-radius:0px 20px 0px 0px;
}
#ribs{
width:548px;
height:30px;
margin-left:10px;
font-size:23px;
border-radius:0px 20px 0px 0px;
background-color:white;
color:#AAAA00;
}
#torso{
display:flex;
margin:10px;
}
/* REPLACE BELOW VAR. W// MAX WIDTH AND MAX HEIGHT!! remove bg image */
#heart{
width:120px;
height:120px;
order: 1;
margin-right:15px;
border:double 4px;
background-image:url('https://i.imgur.com/lZZP1Md.png');
}
#lungs{
width:394px;
height:117px;
padding:4px;
order: 2;
border: dotted 2px;
overflow-y:scroll;
overflow-x:hidden;
}
#abdomen{
display:flex;
margin:10px;
}
#legs{
width:548px;
height:25px;
margin-left:10px;
margin-top:-2px;
color:#AAAA00;
background-image:url('https://i.imgur.com/lZZP1Md.png');
}
#appendix{
width:200px;
height:140px;
order: 1;
margin-right:15px;
border:dotted 2px;
}
#stone{
width:323px;
height:140px;
order: 2;
padding-left:3px;
color:#AAAA00;
border:dotted yellow 2px;
background-color:white;
overflow-y:scroll;
overflow-x:hidden;
}






