* {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
}

[hidden] {
  display: none !important;
}

html,
body {
  height: 100%;
  background-color: rgb(223, 226, 207);
  cursor: url(/images/eek.png), auto;
}

html {
  height: 100%;
}

body {
  min-height: 100%;
  max-width: 70%;
}

::selection {
  background: yellow;
}

.image {
  padding: 10px;
  border: 2px;
  border-style: solid;
  width: 200px;
  height: 200px;
}

a:hover {
  cursor: url(images/ah.png), auto;
}

img:hover {
  cursor: url(images/grape.png), auto;
}

a {
  text-decoration: none;
  color: black;
  transition: all 500ms;
}

#about:hover {
  background-color: #eb8984;
}

#values:hover {
  background-color: #f0ae5d;
}

#influences:hover {
  background-color: #ebdd83;
}

#user-manual:hover {
  background-color: #cbecc5;
}

#now:hover {
  background-color: #9aafe4;
}

a:hover{
  font-size: xx-large;
  text-transform: uppercase;
  font-size-adjust: 20px;
  background-color: yellow;
}

.now::after{
  content:'now ✿';
}
.now:hover::after{
  content:'go back?';

}

.about::after{
  content:'about ✿';
}
.about:hover::after{
  content:'go back?';

}

.values::after{
  content:'core values ✿';
}
.values:hover::after{
  content:'go back?';

}

.colophon::after{
  content:'colophon ✿';
}
.colophon:hover::after{
  content:'go back?';

}

.user-manual::after{
  content:'user manual ✿';
}
.user-manual:hover::after{
  content:'go back?';

}