/*The body of the page, is what you can see, the background.*/
body{
    margin-left: 0px;
    background-color: #008080;
    color: #ffffff;
    font-family: 'cascadia-code','courier sans','Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    text-decoration: none;
}
/*This is the header of the page, not about what to do about this page.*/
.header{
    background-color: #0d4375;
    display: flex;
    flex-direction: row;
    align-items: center;
    text-align: center;
    width:100%;
    height:50px;
}
/*Basically the content of the page, the important things. It's going to be a hell make this thing work's*/
.content{
    background-color: rgb(0,225,0);
    display: flex;
    height:100%;
    width:100%;
}
/*You can see the sub-div in order, left to right.*/
.right-content-box{
background-color: rgb(0,0,225);
width: 400px;
height: 200px;
}
.left-lateral-bar{
    background-color: rgb(0,225,225);
    position: fixed;
    left: 0;
    top: 0;
    width: 200px;
    height: 100%;
}
.left-image-box{
    background-color: rgb(255,255,0);
    width: 200px;
    height: 200px;
}
/*Just in case i wanted to do something about this. Who knows, maybe put a setting section so you can change anything or move to another page*/
.footer{
    background-color: rgb(225,0,0);
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #ffffff;
    text-align: center;
    padding: 10px;
  }