style.css

 @import url('https://dsans.davidstudios.uk/css2.css'); /* Font importer */

body {
  background-color: #151618;
  color: whitesmoke;
  font-family: 'DSans Regular', sans-serif; /* Use DSans in the website, obviously */
}

input {
      font-family: 'DSans Regular', sans-serif;
   border-radius:12px;background-color:#111;color:white
}

samp { 
  font-family: "Segoe UI", monospace, sans-serif;
  background-color: #444;
  opacity: .75;
  border-radius: 5px;
  color: white;
}

.typetester {
 font-family: "DSans Regular", sans-serif;
 background-color: #222;
 border-radius: 10px;
 color: white
}

h1 {
  margin: 0;
  color: whitesmoke;
  font-size: 250%;
  font-family: 'DSans Bold', sans-serif;
}

.title {
  cursor: pointer;
  border-radius: 8px;
  color: white;
  font-size: 6rem;
  font-family: 'DSans Regular', sans-serif;
}

span {
  transition: ease all 0.35s;
}

span:hover {
  transition: ease all 0.35s;
  font-size: 6.5rem;
}

.shadow {
  background-color: #F5C400;
  box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.525);
  -webkit-box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.525);
}

button {
  color: white;
  border-radius: 5px;
  font-family: 'DSans Bold', sans-serif;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 70px;
  padding-left: 70px;
  outline: none;
  border: none;
  background-color: #F5C400;
  transition: ease all 0.35s;
}

button:hover {
  color: #F5C400;
  cursor: pointer;
  transition: ease all 0.5s;
  background-color: #151618;
  box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.525);
  -webkit-box-shadow: 0px 0px 8px 2px rgba(255, 255, 255, 0.525);
}

a {
  color: #00ff73;
  cursor: pointer;
 font-family: 'DSans Bold', sans-serif;
 transition: ease all 0.25s;
}

a:hover {
  color: #2883eb;
  cursor: pointer;
  transition: ease all 0.25s;
}


nav {
  display: flex;
  height: 55px;
  width: 100%;
  background: #0f0f10;
  align-items: center;
  justify-content: space-between;
  padding: 0 50px 0 100px;
  flex-wrap: wrap;
  animation: pageShow .7s ease-in-out;
}