.left, .right, .main {border-style: none}
/**{border-style: dotted}*/

body{background-size: cover; background-color: rgba(0, 128, 0, 0.3); }
#a{height: 80px; width: 200px;}
h1{text-align:center}
h2{text-align:center}
h3{font-size: 100%; text-indent: 2em; margin-top: -1em; margin-bottom: 0}

ul {list-style-type: none;  margin: 0;  padding: 0;  width: 100%;}
li a {display: block;  color: #000;  padding: 8px 16px;  text-decoration: none;}
li a:hover {background-color: rgba(0, 128, 0, 0.3);  color: white;  text-shadow: 2px 2px rgba(0, 128, 0, 0.8);}

*{box-sizing: border-box}
.left{float: left; width: 20%; position: relative;   scroll-behavior: smooth;  padding-top: 0%;}
.main{float: left; width: 60%; position: relative;  overflow: hidden;  padding-top: 100%;}
.right{float: left; width: 20%}

@media screen and (max-width: 600px) {.left, .main, .right {width: 100%;}}
@media screen and (max-width: 600px) {.right {display: none;}}
@media screen and (max-width: 600px) {h1 {font-size: 16px;}}
@media screen and (max-width: 800px) {.left {font-size: 12px;}}

.respiframe {position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; border: none; box-sizing: border-box;}

.accordion {position: relative; width: 80%;}
[id*="open-accordion"], [id*="close-accordion"] {background: rgba(0, 128, 0, 0.3); line-height:40px; height: 40px; display: block; margin: 0 auto; position: relative; width: 99%;}
[id*="close-accordion"] {display: none;}
.accordion a {color: black; font-size: 1em; font-weight: normal; padding-left: 2%; text-decoration: none;  text-shadow: none;}
[id*="open-accordion"]:after, [id*="close-accordion"]:after {  border-left: 10px solid transparent; border-right: 10px solid transparent;
  border-top: 10px solid rgba(255, 255, 255, 0.6);  position: absolute; right: 5px;  top: 15px;  z-index: 999;  transform: rotate(-90deg);}
.target-fix {  display: block;  top: 0;  left: 0;  position: fixed;}
.accordion-content { background:rgba(0, 128, 0, 0.0); height: 0; margin: -1px auto 0; padding: 0 2.5%;  position: relative;  overflow: hidden;  width: 90%;  transition: all 0.5s ease;}
.accordion span:target ~ .accordion-content {  display: block;  height: auto;  padding-bottom: 25px;  padding-top: 10px;}
.accordion span:target ~ [id*="close-accordion"] {  display: block;}
.accordion span:target ~ [id*="open-accordion"] {  display: none;}
.accordion span:target ~ [id*="close-accordion"]:after {  border-top: 10px solid #333;}