styles.css

body {
    margin:0; 
    background-image: url('assets/home/background.png');
    background-size: cover;
    background-attachment: fixed;  
}
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -30%);
}
p, #customers{ 
  font-family: Arial, Helvetica, sans-serif;
    font-size: 1.vw;  
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    color: white;
}
p1{ 
  font-family: Arial, Helvetica, sans-serif;
    font-size: 1.vw;  
    text-align: center;
    font-weight: bold;
    box-sizing: border-box;
    color: white;
    outline: white solid 2px;
}
.blog
{
  padding: 6vw ;
  padding-top: 5vw;
}
.sidebar{
    background-size: 100%;
    height:100vh ; width:20% ; float:left;
}
.home-container{
  background-size: contain;
  float: left ;
  width: 48vw ;
  height: 25vw;
  background-repeat: no-repeat;
  position: relative;
}
.hometext{
    padding: 3% ;
    padding-right: 1% ;
    padding-left: 50px
}
.mainbar{
  background-color: darkslategray;
  background-size: 100%;
  width:50% ; float:left;
  border-radius: 20px;
  padding-top: 100px;
  padding-left: 100px ;
  padding-right: 100px
}
@font-face {
    font-family: UBUNTU-LIGHT;
    src: url(fonts/UBUNTU-LIGHT.ttf);
}
@font-face {
    font-family: UBUNTU-MEDIUM;
    src: url(fonts/Ubuntu-Medium.ttf);
}
#customers {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
#customers td, .customers th {
  border: 3px solid #ddd;
  padding: 5px;
  color: white;
  padding: 5pz;
  padding-left: 
}
#customers tr:nth-child(even){}
#customers tr:hover {background-color: gray;}
#customers th {
  padding-top: 10px;
  padding-bottom: 12px;
  background-color: darkcyan;
  color: white;
}
.item-container{
    background-image: url('assets/chart/icons/container.png');
    background-repeat: no-repeat;
    background-position: center;
    padding: 10px ;
}
.titlewide{
    padding-top: 100px ;
    padding-bottom: vw ;
    height: 256px ; width: 512px;
}