/*  phpBB3 Style Sheet
    --------------------------------------------------------------
	Style name:			Nosebleed
	Based on style:		prosilver (the default phpBB 3.2.x style)
	Original author:	Tom Beddard ( http://www.subblue.com/ )
	Modified by:		Anneliese Travis
    --------------------------------------------------------------
*/

@import url("normalize.css?v=3.2");
@import url("base.css?v=3.2");
@import url("utilities.css?v=3.2");
@import url("common.css?v=3.2");
@import url("links.css?v=3.2");
@import url("content.css?v=3.2");
@import url("buttons.css?v=3.2");
@import url("cp.css?v=3.2");
@import url("forms.css?v=3.2");
@import url("icons.css?v=3.2");
@import url("colours.css?v=3.2");
@import url("responsive.css?v=3.2");
@import url("nosebleed.css?v=3.2");

.topnav{
  list-style-type: none;
  padding:0px;
  width: 100%;
  overflow: auto;
  border-radius: 5px;
  vertical-align: middle;
  text-align: justify;
}

.topnav li:hover {
  background-color: #D3370E;
  opacity: 1;
}

.topnav li.icon{
  display:none;
  background-color: none;
}

.backing{
  width:100%;
  background-color: #7D6E6A;
  opacity: 0.8;
  border-radius: 5px;
}
.topnav li a {
  float:left;
  display: table-cell;
  color: #ffffff;
  font-family: blackchancery;
  text-decoration: none;
  text-align:center;
  font-size:2.6em;
  text-shadow:1px 1px 2px black;
  padding: 20px;
  padding-top: 10px;
  padding-bottom: 10px;
  overflow: hidden;
  vertical-align: middle;
}
.topnav li a:hover{
  background-color: #5E0000;
  opacity: 1;
}

.topnav li a:active{
  background-color: #5E0000;
  opacity: 1;
}
@media screen and (max-width: 750px) {

.topnav li{
display: none;
}

.topnav li.icon{
float: right;
display: inline-block;

}

.topnav.responsive li.icon {
position: relative;
background-color: none;

border-radius: 5px;
}

.topnav.responsive li{
  float: none;
  font-family: blackchancery;
  display: block;
}

.topnav.responsive li a{
  display: block;
    font-family: blackchancery;
  text-align: left;
  float: none;
}
.topnav{
  margin-top: 5px;
}
@font-face {
  font-family: 'thryn';
  src: url('fonts/thryn.ttf')  format('truetype');
  src: url('fonts/thryn.woff');
  src: url('fonts/thryn.woff2');
}

@font-face {
  font-family: 'blackchancery';
  src: url('fonts/BLKCHCRY.ttf')  format('truetype');
    src: url('fonts/BLKCHCRY.woff');
      src: url('fonts/BLKCHCRY.woff2');
}
.firstli {
  margin: 250px;
}
}