#nav {
    top:0;
    position: fixed;
    display: block;
    height: 5vh;
    width: 100vw;
    background-color: white;
    padding-left: 5vw;
    padding-top: 1vh;
}

#nava {
    padding-right: 2vw;
    padding-top: 1.2vh;
    text-decoration: none;
    font-size: 2.3vh;
}

a {
    color: blue;
    font-family: "basic-sans", sans-serif;
    font-style: normal;
    font-weight: 400;
}

a:hover {
    color: red;
}


#container {
    margin: 10vh;
    float: none;
   
}

h1 {
    font-family: "tussilago", sans-serif;
    font-style: normal;
font-weight: 900;
    font-size: 4vh;
    color: blue;
    text-align: center;

}

h3 {
    font-family: "tussilago", sans-serif;
    font-style: normal;
font-weight: 900;
    font-size: 3vh;
    color: blue;
    text-align: center;

}

h2 {
    font-family: "basic-sans", sans-serif;
     font-style: normal;
    font-weight: 600;
    font-size: 3vh;
    color: blue;
    text-align: center;
}

.list {
    padding-left: 10vw;
    padding-right: 10vw;
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    max-width:600px;
}


img {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
}

iframe {
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    margin-bottom: 4vh;
    min-width: 350px;
}

#squiggle {
    height: 1.3vh;
    margin-top: 7vh;
    margin-bottom: 5vh;
}

#pic {
    width: 50vw;
    margin-bottom: 4vh;
    min-width: 350px;
}

p {
    font-family: "basic-sans";
     font-style: normal;
    font-weight: 400;
    font-size: 2vh;
    color: blue;
    margin: auto;
    max-width: 750px;
}

#list {
    padding-left: 10vw;
    padding-right: 10vw;
    margin: auto;
}

.answer {
    font-family: "basic-sans", sans-serif;
    font-style: italic;
    font-weight: 400;
    
}

.doc {
    font-size: 3vh;
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    text-align:center;
}

.quote{
  font-size:3vh;
  max-width:600px;
  font-style:italic;
}