@charset "UTF-8";
/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.

This prototype of 1200gs was produced by Ikumi Masuko for Shane Howell's ARV 228 Website Design II course.
*/
/* /////  CSS CITATIONS */
/*  This CSS file is released under the Creative Commons License - 
  - http://creativecommons.org/licenses/by-nc-sa/4.0/  /* 
/*  License Allows: adaptations and commercial use, but requires share-and-share alike and attribution to me  /*

/*  /////  IMAGE CITATIONS */
/*  Images are all cited below and not included in the CC4.0 above, which is limited to the CSS only /* 

/* All associated graphics copyright 2021, by me 
   - flower.png
   - character.png
   - character_left.png
*/
/*  /////  FONT CITATIONS */
/* All Google Fonts and Adobe Fonts are released under licenses which do not require them to be cited_This only uses adobe fonts  */
* {
  box-sizing: border-box;
}
body {
  color: rgba(60, 60, 60, 1.00);
  background-color: rgba(129, 129, 129, 1.00);
  height: auto;
  font-family: dotgothic16, sans-serif;
  font-weight: 400;
  font-style: normal;
}

img{z-index: +1}
#m1 {
  position: absolute;
  top: 128px;
  right: 300px;
}
#f1 {
  position: absolute;
  top: 396px;
  right: 600px;
}
#f2 {
  position: absolute;
  top: 476px;
  right: 900px;
}
#f3 {
  position: absolute;
  top: 805px;
  right: 90px;
}
#f4 {
  position: absolute;
  top: 902px;
}
#f5 {
  position: absolute;
  top: 805px;
  right: 1000px;
}
a {
  text-decoration: none;
  font-weight: bolder;
  color: rgba(35, 55, 80, 1.00);
}
img {
  animation: blink 1s linear infinite;
}
a:hover {
  text-decoration: none;
  color: rgba(253, 252, 252, 1.00)
}
a:visited {
  color: rgba(67, 67, 67, 1.00);
}
#about {
  margin-top: 80px;
  height: 60px;
  border: 10px solid rgba(238, 255, 151, 1);
  background-color: rgba(238, 255, 151, 0.70);
  padding-top: 3px;
  letter-spacing: 2px;
}
@keyframes blink {
  50% {
    opacity: 0.5;
  }
}
#overlay {
  margin-top: 150px;
  height: 60px;
  border: 10px solid rgba(238, 255, 151, 1);
  background-color: rgba(238, 255, 151, 0.70);
  padding-top: 3px;
  letter-spacing: 2px;
}
#illustrated {
  margin-top: 300px;
  height: 60px;
  border: 10px solid rgba(238, 255, 151, 1);
  background-color: rgba(238, 255, 151, 0.70);
  padding-top: 3px;
  letter-spacing: 2px;
}
#download {
  margin-top: 230px;
  height: 60px;
  border: 10px solid rgba(238, 255, 151, 1);
  background-color: rgba(238, 255, 151, 0.70);
  padding-top: 3px;
  letter-spacing: 2px;
}
header {
  margin: 80px 0 50px 0;
  height: 300px;
  background-color: rgba(243, 155, 255, 0.70);
  border: 10px solid rgba(243, 155, 255, 10);
}
h1 {
  transform: translateY(130%) rotate(-90deg);
  font-size: 60px;
  letter-spacing: 10px;
  position: relative;
  left: 10px;
}
h2 {
  font-size: 40px;
  letter-spacing: 3px;
  top: -60px;
}
h3 {
  font-size: 30px;
  letter-spacing: 5px;
  border: 10px solid rgba(182, 173, 245, 1);
  padding: 20px 40px;
  margin-top: 120px;
  background-color: rgba(182, 173, 245, 0.7);
}
nav {
  font-size: 20px;
  text-align: center;
}
p {
  background-color: rgba(247, 153, 137, 0.70);
  border: 10px solid rgba(247, 153, 137, 1);
  overflow: hidden;
  text-align: left;
  font-size: 18px;
  padding: 40px;
  margin-top: 40px;
}
footer {
  margin-top: 100px;
  margin-bottom: 10px;
  font-size: 16px;
  text-align: right;
  background-color: rgba(138, 247, 137, 0.7);
  border: 10px solid rgba(138, 247, 137, 1);
  padding: 3px 10px;
}
.container_15 {
	margin-top:20px;
	margin-bottom:20px;
  position: relative;
}