@font-face {                  
font-family: 'unixel';
src: url(https://humantooth.neocities.org/fonts/unixel-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'Illusion';
src: url(https://litterbug.neocities.org/fonts/IllusionSerif-Regular.woff2) format('woff2');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'SectorMono';
src: url(https://humantooth.neocities.org/fonts/SectorMono-Normal.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

@font-face {                  
font-family: 'Handwriting';
src: url(https://litterbug.neocities.org/diaryproject/Handwriting_3-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
} 

h1 {
  background-color: pink;
  color: black;
  font-family: Papyrus, fantasy; 
  font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px;
}

h2 {
  background-color: pink;
  color: black;                 
  font-family: Handwriting;
  font-weight: normal;
  font-style: normal;
  font-size: 20px; font-variant: normal; line-height: 26.4px; 
}
  
h3 {
  background-color: pink;
  color: black;
  font-family: serif; 
  font-size: 24px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; 
}

h4 {
  background-color: pink;
  color: black;
  font-family: sans-serif; 
  font-size: 18px; font-style: normal; font-variant: normal; font-weight: 700; line-height: 26.4px; 
}

body {
  padding: 0;
  margin: 0;
}

p {
  background-color: pink;
  color: black;
  font-family: unixel;
  font-size: 14px; font-style: normal; font-variant: normal; font-weight: 400; line-height: 20px;
}

a:link {
  color: deeppink;
  background-color: transparent;
  text-decoration: underline;
}

a:visited {
  color: darkblue;
  background-color: transparent;
  text-decoration: underline;
}

a:hover {
  color: peachpuff;
  background-color: transparent;
  text-decoration: underline;
}

img {
  max-width:100%;
}

/*END OF BASE STYLES*/

#container{
    background-color:#212228;
    background-image: linear-gradient(#292a30 .1em, transparent .1em), 
    linear-gradient(90deg, #292a30 .1em, transparent .1em);
    background-size: 4em 4em;
    height: 100vh;
  }
  
  
  #card{
    width: 100px;
    height: 100px;
    background-color: #AFDA9F;
    border-radius: 5px;
    cursor: pointer;
    position: fixed;
  }