/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *


 */

 ul {
   list-style: none;
   padding: 0;
   margin: 0;
 }
 
 a {
   text-decoration: none;
 }
/* line 1, ../../app/assets/stylesheets/iterativejs.css.scss */
div#code {
  width: 500px;
  float: right;
  word-wrap: break-word;
}

/* line 7, ../../app/assets/stylesheets/iterativejs.css.scss */
canvas {
  position: fixed;
  top: 0;
  left: 0;
}
/* line 1, ../../app/assets/stylesheets/personal.css.scss */
body {
  font-family: 'Old Standard TT', Georgia, serif;
  color: #111;
  margin: 0;
}
/* line 6, ../../app/assets/stylesheets/personal.css.scss */
body a {
  color: #111;
}
/* line 10, ../../app/assets/stylesheets/personal.css.scss */
body div.title, body div.subtitle {
  font-size: 20px;
  border: 3px solid #111;
  display: inline;
  padding: 3px;
  position: fixed;
  top: 50%;
  left: 50%;
}
/* line 20, ../../app/assets/stylesheets/personal.css.scss */
body div.home {
  font-size: 20px;
  border: 3px solid #111;
  display: inline;
  padding: 3px;
  position: fixed;
  bottom: 5px;
  left: 5px;
}
/* line 30, ../../app/assets/stylesheets/personal.css.scss */
body div.explanation {
  display: none;
  position: fixed;
  right: 0;
  top: 0;
  bottom: 0;
  width: 500px;
  background: white;
  border-left: 3px solid #111;
  padding: 5px;
  text-align: justify;
  z-index: 100;
}
/* line 42, ../../app/assets/stylesheets/personal.css.scss */
body div.explanation div.explanation_title {
  width: 90%;
  float: left;
}
/* line 46, ../../app/assets/stylesheets/personal.css.scss */
body div.explanation div.close {
  width: 10%;
  float: right;
  text-align: right;
  cursor: pointer;
}
/* line 53, ../../app/assets/stylesheets/personal.css.scss */
body div.explanation a {
  color: #555;
}
/* line 57, ../../app/assets/stylesheets/personal.css.scss */
body div.explanation a:hover {
  color: #111;
}
/* line 62, ../../app/assets/stylesheets/personal.css.scss */
body div.explanation.center {
  left: 50%;
  margin-left: -208px;
  border-right: 3px solid #111;
  width: 400px;
}
/* line 69, ../../app/assets/stylesheets/personal.css.scss */
body div.category {
  display: block;
  height: 80px;
  background-color: #4477AA;
}
/* line 74, ../../app/assets/stylesheets/personal.css.scss */
body div.category div.category_title {
  line-height: 80px;
  padding-left: 9px;
  position: relative;
  float: left;
  height: 100%;
  background-color: #4477AA;
  padding-right: 9px;
}
/* line 85, ../../app/assets/stylesheets/personal.css.scss */
body div.category:nth-of-type(3) {
  background-color: #AA3333;
}
/* line 88, ../../app/assets/stylesheets/personal.css.scss */
body div.category:nth-of-type(3) div.category_title {
  background-color: #AA3333;
}
/* line 93, ../../app/assets/stylesheets/personal.css.scss */
body div.category:nth-of-type(4) {
  background-color: #339955;
}
/* line 96, ../../app/assets/stylesheets/personal.css.scss */
body div.category:nth-of-type(4) div.category_title {
  background-color: #339955;
}
/* line 101, ../../app/assets/stylesheets/personal.css.scss */
body div.project {
  font-size: 20px;
  border: 3px solid #111;
  display: inline;
  padding: 3px;
  margin: 19px;
  position: relative;
  float: left;
  background-color: #F1F1F1;
}
/* line 112, ../../app/assets/stylesheets/personal.css.scss */
body div.project:hover, body div.button:hover {
  background-color: #999999;
  cursor: pointer;
}
/* line 117, ../../app/assets/stylesheets/personal.css.scss */
body .navbar {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 50px;
}
/* line 124, ../../app/assets/stylesheets/personal.css.scss */
body .navbar ul {
  width: 100%;
}
/* line 127, ../../app/assets/stylesheets/personal.css.scss */
body .navbar ul li {
  float: left;
  width: 100%;
  clear: both;
  height: 50px;
}
/* line 133, ../../app/assets/stylesheets/personal.css.scss */
body .navbar ul li a {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
/* line 142, ../../app/assets/stylesheets/personal.css.scss */
body div#home {
  font-size: 85px;
}
/* line 145, ../../app/assets/stylesheets/personal.css.scss */
body div#home div.want {
  float: left;
  width: 30%;
  text-align: right;
}
/* line 151, ../../app/assets/stylesheets/personal.css.scss */
body div#home div.action {
  float: left;
  width: 70%;
  text-align: left;
}

/* line 159, ../../app/assets/stylesheets/personal.css.scss */
.clearer {
  clear: both;
}