h1 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2.2em;
    }
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 2em;
}
a {
    color: "black;";
    text-decoration: underline;
}

a:link {
  color: black;
}

a:visited {
  color: darkgrey;
}

a:hover {
  color: hotpink;
}

a:active {
  color: black;
}

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

#network{
    display: grid;
}

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

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

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

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