html{
    margin:0;
    padding:0;
    border:0;
    outline:0;
    overflow:hidden;
    width:100%;
    height:100%;
}
body{
    margin:0;
    padding:10px;
    padding-right:15px;
    border:0;
    outline:0;
    overflow-x:hidden;
    overflow-y:hidden;
    width:100%;
    height:100%;
    text-align:center;
}
.container{
    display:flex;
    width:50%;
    margin-left:auto;
    margin-right:auto;
    margin-top:10%;
    margin-bottom:auto;
}
.holder{
    display:flex;
    flex-direction:column;
}
.holder:not(:last-child){
    margin-right:10px;
}
#holder1{
    width:50%;
    background-color:grey;
    margin-left:auto;
    margin-right:auto;
    margin-top:11%;
    margin-bottom:10px;;
}
#holder2{
    width:25%;
    background-color:lightgray;
}
#holder3{
    width:100%;
    background-color:lightgray;
}
#holder2{
    width:50%;
    background-color:lightgray;
}
#holder4{
    width:25%;
    background-color:lightgray;
}
.widget{
    display:flex;
}
.widget:not(:last-child){
    margin-bottom:10px;
}
.content{
    padding:5px;
    width:100%;
    
}
.content:not(:last-child){
    margin-right:10px;
}
.content:first-child{
    margin-left:10px;
}
table, th, td, tr{
    border:1px solid grey;
    border-collapse: collapse;
}
table{
    width:100%;
}
h1,h2,h3,h4,h5,h6{
    margin:0;
}
.decor:first-child{
    margin-left:auto;
}
.decor:last-child{
    margin-right:auto;
}
.decor:not(:last-child){
    margin-right:10px;
}
hr{
    padding:0;
    margin:5px;
}
img{
    padding:0;
    margin:0;
    margin-top:3px;
    border:0;
    outline:0;
}
.content > img:not(:last-child){
    margin-right:5px;
}
img:not(:last-child){
    margin-right:10px;
}
hr{
    border:1px solid black;
}
ul, ol, li{
    padding:0;
    margin:0;
    margin-left:10px;
}
p{
    padding:5px;
    margin:0;
}