body {
    background-color: #ffffff;
    font-family: Gill Sans;
    color:#737373;
    margin:0%;
    text-align: center;
}

* {
  box-sizing: border-box;
}

.row::after {
  content: "";
  clear: both;
  display: inline-block;
}

[class*="div-"] {
  float: center;
  padding: 20px;
}

header {
    padding: 10px;
    text-align: left;
    width: 100%;
    color: #737373;
   font-size:17px;
   border: 1px dotted black;
}

.div-1 {width: 10%;}

.div-2 {
    width: 30%;
    border: 2px dashed #e8dfe7;
    color: blue;
}

.div-3 {
    width: 88%;
    text-align:justify;
    border: 1px dotted blueviolet;
}

.div-4 {width: 20%;}

.div-5 {
    width: 20%;
    border: 1px dotted #fa7fd3;
}
.div-6 {width: 60%;}

.div-7 {
    width: 13%;
    border: 50px;
    text-align:justify;
}

.div-8 {
    width: 100%;
    height: auto;
}

.div-9 {
    width: 90%;
    border:1px double #5ee5f7;
}

.div-10 {
    width:40%;
    border: 1px dotted; #c0c0c0;
    text-align: left;
}



a:link {
    color:#d63344;       
}
a:visited {
    color:#d63344;
}
a:hover{
    color:#b7acb7;
}
a:active{
    color:#b7acb7;
}

li {
    list-style-type: square;
}

.total {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap:5px;
}