title{
    font-family: "Courier New", monospace;
}

body{
    font-family: "Courier New", monospace;
}


h3 {
    font-family: "Bookman", serif;
    margin-left: 20px;
    margin-top: 40px;
}

h4 {
    font-family: "Courier New", monospace;
    margin-left: 20px;
    margin-top: 20px;
    font-weight: normal;
}

#header_title{
    font-size: 24px;
    margin-left: 20px;
    margin-top: 20px;
}

.subtitle {
    font-family: "Courier New", monospace;
    margin-left: 40px;
    font-size: 80%;
}

.list {
    line-height: 2.0;
    padding: 50px;
    margin: 20px;
}

.contents {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
}



#geolocationbutton {
    margin: 20px;
}

a {
    text-decoration: none;
}

.figure1 {
    width: 320px;
    padding: 20px;
    margin: 20px;
    border: 1px solid grey;
}

.figure2 {
    width: 750px;
    border: 1px solid grey;
    padding: 20px;
    margin: 20px;
}

.footindent {
    padding: 20px;
    margin: 20px;
}


.backbutton {
    font-size: 12px;
    margin: 4px 2px;
    padding: 2px 2px;
    font-family: "Courier New", monospace;
    border-radius:50%;
    cursor: pointer;
}

.closebutton {
    font-size: 12px;
    margin: 4px 2px;
    padding: 10px 10px;
    font-family: "Courier New", monospace;
    cursor: pointer;
    color: white;
    text-shadow: 2px 2px 3px black;
    border: none;
    width: 65px; 
    word-wrap: break-word;

    background-color :orange; /* For browsers that do not support gradients */
    background-image: conic-gradient(from 90deg, blue, purple ,red, orange, yellow, green, blue);
    border-radius: 10%;
}


.link {
    text-align: center;
    font-family: "Courier New", monospace;
}
/* unvisited link */
a:link {
    color: blue;
}
/* visited link */
a:visited {
    color: green;
}
/* mouse over link */
a:hover {
    color: red;
}
/* selected link */
a:active {
    color: yellow;
} 


table, th, td{
    border: 0px solid;
    font-family: "Lucida Console", "Courier New", monospace;
    margin: 20px;
}
table {
    margin-left: auto;
    margin-right: auto;
    width: 20%;
    background-color: lightgray;
    border-collapse: collapse;
    text-align: center;
}

th, td {
    padding: 10px;
}