:root {
    /* Main color scheme */
    --color-primary: #ffffffff;
    --color-secondary: #ff0000ff;
    --color-accent: #ff0000ff;
    
    /* Background colors */
    --bg-primary: #000000ff;
    --bg-secondary: #000000ff;
    
    /* Text colors */
    --text-primary: #ffffffff;
    --text-secondary: #8a8a8aff;
    --text-accent: #ff0000ff;

    /* Header colours */
    --header-primary:#ffffffff;
    --header-secondary: #ff0000ff;
    --header-tertiary: #ff0000ff;
    --header-other: #000000ff;
    
    /* Link colors */
    --link-color: #b5b5b5ff;
    --link-hover: #ff0000ff;
    
    /* Border colors */
    --border-primary: #ff0000ff;
    --border-secondary: #ff0000ff;
    --border-image: #ff0000ff;
    
    /* Special purpose colors */
    --code-color: #ff0000ff;
    --header-bg: #ff0000ff;
    --header-text: #000000ff;
    
    /* Font families */
    --font-headers: courier, courier;
    --font-body: courier, courier, courier, courier;

div.gallery {
  margin: 0px;
  border: 1px solid #ccc;
  float: left;
}


div.desc {
  padding: 5px;
  text-align: center;
}


.column {
  float: left;
}

.left {
  width: 60%;

}

.innerleft {
  width: 25%;
}

.innerright {
  width: 75%;
}

.right {
  width: 40%;
}

.row:after {
  content: "";
  display: table;
  clear: both;

}


audio {
    width: 90%;
    height: 25px;
}














































