a {
    color: inherit;
    text-decoration: inherit; 
  }

@font-face {
  font-family: "Heebo";
  src: url("Heebo-Thin.ttf") format("truetype");
  font-weight: 100;
}
@font-face {
  font-family: "Heebo";
  src: url("Heebo-Bold.ttf") format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "Heebo";
  src: url("Heebo-Regular.ttf") format("truetype");
  font-weight: 400;
}
html {
  width: 98vw;
  height: 100vh;
  /*overflow: hidden;*/
}
body {
  text-align: center;
  font-family: Heebo, sans-serif;
  background-color: #f0f0f0;
  width: 95%;
  min-height: 100%;
  margin: auto;
  color: #333333;
}
h1 {
  line-height: 100%;
  font-size: 30px;
  font-weight: 700;
  color: #333333;
  text-align: center;
  margin: 2rem 0;
  
}
h2 {
  line-height: 100%;
  font-size: 2vw;
  font-weight: 700;
  color: #333333;
  text-align: center;
}
h3 {
  color: #333333;
}
  
#loc {
  width: 72vw;
  margin: auto;
  text-align: center;
}

.about {
  display:none;
  overflow: hidden;
  height: 0;
  width:0;
}

.submitbtn
    {    
        visibility: hidden;
    }

input[type="file"] {
  border: 2px dashed red;
  width: 300px;
  height: 150px;
  background-color: white;
}

#dataout {
  border: 1px solid #333333;
  background-color: #e0e0e0;
  width: 100%;
  height: 300px;
  text-align: left;
  overflow: scroll;
}
#info {
  
  text-align: right;
}