html {
  background-image: url(windows_wallpaper.jpg);
  background-size: cover;
  font-family: tahoma;
}

.container {
    display: flex; 
    flex-direction: column;
    width: 750px;
    height: 900px;
    margin: auto; 
    /* keeps every div together*/
}

.heads {
    height: 20%; 
    /* header + marquee*/
}

.headimage {
    height:75%; 
    display: flex; 
    flex-direction:row;
    justify-content: end;
    
}

.marquee {
    height: 25%; 
}

.marq {
    height: 40px; /*marquee images*/
}

.body { 
    height: 73%; 
    display: flex; 
    flex-direction: row; 
   /* sidebar + main body*/
}

.sidebar{
    display:flex; 
    flex-direction: column;
    width: 20%; 
    padding-top:6px
}

.coloring1 {
    background-color: rgb(0, 85, 234);
    box-shadow: 0px 2px 3px inset rgb(132, 124, 255);
    color:white; 
    /*colors the boxes blue*/
    
}

.coloring2 {
    background-color: rgb(238, 238, 239);
    color:black; 
    /*inner gray box coloring; use for  */
}

.box1 {
    height: 50%;
    margin: 5px; 
    border-radius: 4px;
    margin-top: 15px;
}
.sidetabtop {
    border-radius: 4px;
    padding-left: 5px; 
    padding-top: 2px;
    height: 8%; 
}

.sidecontenttop {
    height: 82%; 
    margin: 5px; 
    padding:5px;
     
}
.box2 {
    height: 30%; 
    margin: 5px; 
    border-radius: 4px;
}
.sidetabbottom {
    height: 10%;
    border-radius: 4px;
    padding-left: 5px; 
    padding-top: 2px;
}

.sidecontentbottom {
    height: 73%; 
    margin: 5px; 
    padding:5px;
    
}

.main {
    display:flex; 
    flex-direction: column;
    width: 75%; 

}


.footer {
    color: rgb(255, 132, 0);  
    height: 7%; 
    margin:auto;
}

.icons1 {
    height: 18px;
    float:right; 
    margin-right: 5px;
    margin-top: 2px; 
   
}