html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}

body {
background-image:url('./resume_background.webp');
     background-repeat:repeat-y;
     background-position:center top;
     background-color: #BEBEBE;
}

.topper1 {
    margin-left: auto;
    margin-right: auto;
    font-family: "Arial";
    text-align: center;
  width: 800px;
}



table {
    margin-left: auto;
    margin-right: auto;
    font-family: "Arial";
    width: 800px;
    font-size: 14px;
    padding:4px;
    border-top: 5px solid #000;
}

.leftside1 {
    font-family: "Arial Narrow";
    text-align: right;
    background-color: #E9E9E9;
    font-weight: 600;
    vertical-align: top;
    padding:7px;
}

.rightside1 {
    background-color: #F8F8F8;
    vertical-align: top;
    padding:7px;
}

.header1 {
    text-decoration: underline;
    font-weight: 600;
}
.link1 {
    text-decoration: underline;
    font-weight: 500;
}

.name1 {
    font-weight: 700;
    font-size: 18px;
}

.grid-top1 {
  display: grid;
  grid-template-columns: auto 90px auto auto;

}

.grid-bot1 {
  display: grid;
  grid-template-columns: 450px 300px 50px;
  font-family: "Arial";
  width: 800px;
  margin-left: auto;
  margin-right: auto;
  border-top: 5px solid #000;
  vertical-align: center;
  text-align: center; 
}

.grid-item1 {
background-color: #EFEFEF;
}

 @media only screen and (max-width: 800px) {
body {
background-image:none;
     background-repeat:repeat-y;
     background-position:center top;
     background-color: #C5C5C5;
}
}

 @media only print {
body {
background-image:none;     background-color: #FFF;
}

}