h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.6em;
    }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1em;
    max-width: 700px;
    margin-left:auto;
    margin-right:auto;
}

a:link {
  color: black;
}

a:visited {
  color: darkgrey;
}

a:hover {
  color: hotpink;
}

a:active {
  color: black;
}


#title{
    color: black;
    font-size: 20px;
    background-color: "#f2f2f2";
    background-image:  none !important;
    padding: 2px;
    margin: none;
    background-color: "#f2f2f2";
    border-style: none !important;
    outline-style: none !important;

    box-shadow:  none !important;
}

#network{
    display: grid;
}

#mynetwork{
    background-color: #f2f2f2;
    width: 100%;
    height: 700px;
}

#progressNote{
    padding: 20px;
    text-align: center;
    /*font-size: 75%;*/
    background-color: #5ADAB2;
    z-index: 100;
}

#progressBar{
    margin-top: 100px;
    background-color: #000000;
    width: 0%;
    height: 10px;
    z-index: 101;
}

#progressNote, #mynetwork, #progressBar{
    grid-area: 1 / 1;
}