@font-face {
  font-family: cuteDino;
  src: url(/scottandchloe/CuteDino.woff); /* url of the font */
}

 body, html {
  height: 100%;
}

body {
  background-color: black;
  color: white;
  font-family: CuteDino;
  background-image: url("/scottandchloe/snc.png");
  background-repeat: repeat-xy;
  background-position: center;
}

.main {
   max-width: 60%;
  margin:auto; 
}

.image35 {
  height: 35%;
  width: 35%;
}

.growonhover {
  transition: 0.5s;
}

.growonhover:hover {
  transition-timing-function: ease;
  transform: scale(125%);
}

/* link fuckery inbound. watch out! */

 /* normal link */
a:link {
  color: #cceeff;
}

/* hover */
a:visited {
  color: #dbccff;
}

/* visited */
a:hover {
  color: #ccffed;
}

/* mid-clicking */
a:active {
  color: #ffccd3;
} 

/* yes, I know I labelled "hover" and "visited" opposite in the comments. for some reason that's how they appear on the actual site. it's really ass-backward and nonsensical but what can you do */