* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-size: 75%;
}


body {
  font-family: 'Space Mono', monospace;
  background-color: rgb(50, 50, 50);
  width: 100%;
  text-align: center;
  margin-bottom: 1%;
  font-size: 3em;
}

header {
  width: 12%;
}

.nav {
  position: fixed;
  height: 100%;
  width: 12%;
  top: 0px;
  background-color: black;
}

.nav ul {
  margin: 10px;
}

.nav li {
  list-style-type: none;
  background-color: black;
  color: white;
  height: 45px;
  margin-left: -10px;
  border-left: 4px solid white;
  text-align: left;
  padding-left: 10%;
}

.nav .current {
  border-left: 4px solid red;
}

.nav .current:hover{
  border-left: 8px solid red;
}

.nav div {
  padding: 5% 0;
  font-size: 1.7em;
}

.nav a {
  text-decoration-line: none;
  color:inherit;
  font-size: 1em;
}

.nav li:hover {
  border-left: 8px solid white;
  font-weight: bold;
}

.footer {
  bottom: 1%;
  width: 12%;
  position: fixed;
  background-color: black;
  color: white;
  font-size: 0.5em;
}

.footer a {
  font-size: 1em;
  color: white;
}

.counterBox {
  position: fixed;
  width: 12%;
  bottom: 6%;
}

.counterBox ul {
  width: 100%;
  color:white; 
  font-size: 1em;
  border: 3px solid red;
  font-weight: strong;
  list-style-type: none;
}

h1 {
  width: 40%;
  font-family: 'ZCOOL QingKe HuangYou', cursive;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 12.5%;
  text-align: left;
  font-size: 1.5em;
  color: red;
}

h2 {
  text-decoration: underline solid red;
}

.body {
  background-color: rgb(255,255,245);
  width: 87%;
  margin: 0 0 0 12.5%;
  border-radius: 5px;
  padding: 0 10px;
}

.aboutMe {
  text-align: left;
}

.aboutMe h3 {
  text-decoration: underline solid red;
}

.body li a{
  color: blue;
}

.subheading {
  font-size: 1em;
  text-decoration: underline solid red;
}

.usefull_links {
  list-style-type: none; 
  color: black;
  font-size: 1.2em; 
}

img {
  width: 300px;
  height: 168px;
}

.gallery li {
  display: inline-block; 
}

.rotateimg90 {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

/*
font-family: 'ZCOOL QingKe HuangYou', cursive;
font-family: 'Space Mono', monospace;