.thumbnail{height: 80px;}
  body { background: #9ca578; background-image: url(../img/zenspring.gif); background-repeat: no-repeat; }
  #video {  margin-top: 1em; font-family: sans-serif; }
  #comments {  margin-top: 1em; font-family: sans-serif; margin-left: 30px;}
  #content { float: left; margin-left: 2em; padding: 1em; height: 100%; overflow: hidden; z-index: -1;}
  #transparency { background:#b6b859d9; height: 100%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
  .comment {
	  font-style: italic;
	  padding-left: 2em;
	  font-size: smaller;
	  margin-bottom: 1em;
  }
  .meta { font-size: smaller; }
  #copy { padding-bottom: 1em; padding-left: 1em; padding-right: 1em; }
  td { vertical-align: top; }
  h2{color: #fbffec;}
  h3 { margin-top: 0em; color: #fbffec; }
  input[type='text'],textarea { border: 1px solid #51553e; width: 400px;}
  textarea { height: 80px; width: 400px; }
  #photos { margin-left: auto; margin-right: auto; }
  .newestcomment { padding: 0.5em 0 0.5em 0.5em; background: #e9cc50; border: 1px solid #706327; margin-bottom: 0.5em; }
audio{
    height: 40px;
    width: 100%;
}

* {
    box-sizing: border-box;
  }
  
  .container {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 200px;
  }
  
  .list {
      padding-inline-start: 0px;
    flex: 0 80%;
    list-style-type:none;
  }
  .list__item {
    position: relative;
  }
  .list__item:hover label {
    color: #595959;
  }
  .list__item:hover .label::before {
    border: 5px solid #595959;
    margin-right: 30px;
  }
  
  .radio-btn {
    position: absolute;
    visibility: hidden;
  }
  .radio-btn:checked ~ .label {
    color:  #595959;
    font-weight: bolder;
  }
  .radio-btn:checked ~ .label::before {
    margin-right: 30px;
    border: 3px solid #595959
  }
  
  .label {
    display: flex;
    align-items: center;
    color:  #000000;
    font-size: 14px;
    cursor: pointer;
    transition: all 0.25s linear;
  }
  
  .label::before {
    display: block;
    content: '';
    border: 2px solid   #000000;
    border-radius: 50%;
    height: 10px;
    width: 10px;
    margin-right: 10px;
    transition: all .25s linear;
  }

  .row {
    display: flex;
  }
  
  .columnA {
    flex: 35%;
  }
.columnB{
  flex: 65%;
}
  .poster{
    background-color:rgba(0, 0, 0, 0.2);
    bottom: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background-color 0.15s ease 0s;}
    .poster div{
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: x-large;
      font-weight: bold;
      text-align: center;
      color: #fbffec;
    }

  .justified-gallery > a:hover .poster {
      background-color: rgba(0, 0, 0, 0.5);}

.well{
    min-height: 20px;
    margin-bottom: 10px;
    background-color: #f1f3f4b4;
    border-radius: 10px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 5%);
  }