.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: gainsboro;
  color: grey;
  text-align: right;
}

.footer-text-left {
  font-size:25px;
  padding-left:40px;
  float: right;
}

.topnav {
    background-color: cyan;
    overflow: hidden;
    border-radius: 5px;
    position: sticky;
    top: 0;
}

.topnav a { 
    color: #000000;
    font-size: 30px;
    font-family: 'Courier New', Courier, monospace;
    float: left;
    padding: 10px 20px 10px 20px;
}

.topnav a.right { 
    color: #000000;
    font-size: 30px;
    font-family: 'Courier New', Courier, monospace;
    float: right;
    padding: 10px 20px 10px 20px;
}


.topnav a.active {
    background-color: #6bff77;
}

.topnav a:hover {
    background-color: lightcoral;
}

body { 
    color: #000000;
    font-family: monospace;
}

h1 {
    font-size: 60px;
    text-align: center;
    border-style: solid;
    border-color: darkcyan;
    border-radius: 5px;
    background-color: darkcyan;
    font-family: 'Courier New', Courier, monospace;
    margin-bottom: 5px;
}

.collapsible {
    font-size: 20px;
    background-color: skyblue;
    padding: 18px;
    width: 100%;
    text-align: left;
    cursor: pointer;
    font-family: 'Courier New', Courier, monospace;
    border-radius: 5px;
}

.collapsible:hover, .collapsible:active {
    background-color: lightgreen;
}

.collapsible:after {
  content: '\02795'; 
  float: right;
  margin-left: 5px;
}

.collapsible.active:after {
  content: "\2796"; 
  float: right;
}

.content a {
    border-radius: 5px;
    width: 98.65%;
    background-color: lightcyan;
    color: #000000;
    font-size: 20px;
    font-family: 'Courier New', Courier, monospace;
    float: left;
    padding: 10px;
}

.content a:hover {
    background-color: lightcoral;
}