.mainbox1 {
    border-radius: 4px;
    height: 90%; 
    margin: 5px; 
}
.tabmain1 { 
    border-radius: 4px;
    padding-left: 5px; 
    padding-top: 2px;
    height: 5%; 
}
.contentmain1 {
    height: 90%; 
    margin: 5px; 
    padding-left:5px;
    padding-top: 2px; 
    overflow-y: scroll;
    
}

.contentmain1::-webkit-scrollbar {
  width: 17px;
  background-color: rgb(219, 219, 226);
  box-shadow: inset 0px 0px 5px rgb(155, 153, 153);
  
}

.contentmain1::-webkit-scrollbar-thumb {
  background-color: rgb(192, 192, 235);
  border-style: outset;
  
}

::-webkit-scrollbar-button:single-button {
  background-color: rgb(178, 178, 245); 
  border-style:outset;
  
}
.icons3 {
    height: 150px;
    margin:15px; 
    float: center;
}

.maininfo {
    margin:30px; 
    margin-left: 10px; 
}


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: 30%; 
    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: 65%;
    margin: 5px; 
    border-radius: 4px;
    margin-top: 15px;
  
}
.sidetabtop {
    border-radius: 4px;
    padding-left: 5px; 
    padding-top: 2px;
    height: 7%; 
}

.sidecontenttop {
    height: 85%; 
    margin: 5px; 
    padding:5px;
     
}

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

}


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

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

.buttons{
    margin: 15px;
    background-color: rgb(0, 85, 234);
    box-shadow: 0px 4px 6px inset rgb(132, 124, 255);
    color:white; 
    border-radius: 7px; 
    height:60px; 
    width: 150px;
    text-align: center;
    display:flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
   
}

.buttoning {
    display:flex;
    align-items: center;
    justify-content: center;
}

.gallery {
    width:80%;
}

.gallery2 {
    text-align: center;
}