body {background-color: #fffcf2;
background-image: url("bg.png");}

#banner {
    height:auto;
    width:70%;
    margin-left: auto;
    margin-right: auto;
    background-image: linear-gradient(to right, red,orange,yellow,green,blue,indigo,violet);
    background-color: black;}

    #banner>h2{color:white;}

#container {
    display: flex;
    justify-content: center; 
    align-items: flex-start;
    gap: 1px;
    padding: 20px;
    text-align: center;}

#heyo {
    background-color:aliceblue;
    min-height: 90vh;
    max-height: 145vh;
    width:74%;
    overflow: auto;
    margin-top: 20px;
    margin-left:0px;
    margin-right: 0px;}

#l-sidebar {
    background-color:bisque;
    margin-bottom: 20px;
    width:200px;
    min-height: 95vh;
    max-height: 150vh;
    overflow: scroll;}

#l-sidebar li {padding-top:10px;}
    
#heyo ul,#heyo ol,#heyo dl {list-style-position: inside;}

#r-sidebar {
    background-color:bisque;
    margin-bottom: 20px;
    width:200px;
    min-height: 95vh;
    max-height: 150vh;
    overflow: scroll;}

#hey-listen {position:fixed;}

#hosted {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-top: 10px;}

.smol-line {
  background-color:white;
  margin: 10px;
  height:2px;
  width:100px;
  margin-left:auto;
  margin-right:auto;}