/* line 5, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 21, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/language/susy/_box-sizing.scss */
*, *:before, *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* line 1, ../../../components/sass/_base.scss */
body {
  font-family: "Proxima N W01 Reg";
  color: #666666;
  line-height: 160%;
}
@import url("http://fast.fonts.net/t/1.css?apiType=css&projectid=ea73102d-f306-412f-bef9-2a09dacdf5dd");
@font-face{
font-family:"Proxima N W01 Light";
src:url("Fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix");
src:url("Fonts/93cc6d34-798e-42c8-87d2-fd6391801b63.eot?#iefix") format("eot"),url("Fonts/d9fe41ee-4904-4a11-ba11-b61cd3be767f.woff2") format("woff2"),url("Fonts/2fa30669-9bbd-4ced-912f-db94a367ed6c.woff") format("woff"),url("Fonts/c12b3ebb-3771-483f-a84a-ac63d615c28e.ttf") format("truetype"),url("Fonts/2a961063-ea56-4a4b-8cea-bdae32edb0e2.svg#2a961063-ea56-4a4b-8cea-bdae32edb0e2") format("svg");
}
@font-face{
font-family:"Proxima N W01 Reg";
src:url("Fonts/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix");
src:url("Fonts/7e90123f-e4a7-4689-b41f-6bcfe331c00a.eot?#iefix") format("eot"),url("Fonts/64017d81-9430-4cba-8219-8f5cc28b923e.woff2") format("woff2"),url("Fonts/e56ecb6d-da41-4bd9-982d-2d295bec9ab0.woff") format("woff"),url("Fonts/2aff4f81-3e97-4a83-9e6c-45e33c024796.ttf") format("truetype"),url("Fonts/ab9cd062-380f-4b53-b1a7-c0bec7402235.svg#ab9cd062-380f-4b53-b1a7-c0bec7402235") format("svg");
}
@font-face{
font-family:"Proxima N W01 Bold";
src:url("Fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix");
src:url("Fonts/fbc6b03a-b3a1-427c-a884-053deca3a53c.eot?#iefix") format("eot"),url("Fonts/0d416408-95c6-4ad7-b08d-e60573d3b37d.woff2") format("woff2"),url("Fonts/d999c07b-a049-4eb5-b8a6-4f36ae25e67e.woff") format("woff"),url("Fonts/4d4a75f5-d32a-4a09-8665-133afd39cc37.ttf") format("truetype"),url("Fonts/8152bc4e-d700-4c78-b6be-326893e6f53f.svg#8152bc4e-d700-4c78-b6be-326893e6f53f") format("svg");
}
@font-face{
font-family:"True North Textures W01 Bold";
src:url("Fonts/190b6e4c-0926-4a94-9889-5699d3014cac.eot?#iefix");
src:url("Fonts/190b6e4c-0926-4a94-9889-5699d3014cac.eot?#iefix") format("eot"),url("Fonts/30b25f99-2ba7-4d19-a7aa-30d8301c8994.woff2") format("woff2"),url("Fonts/7a47a32b-416e-4d5e-a766-c0e1be4b5853.woff") format("woff"),url("Fonts/b23c5fe4-40be-4090-ad47-1e09d533ee45.ttf") format("truetype"),url("Fonts/f56ac3a7-7efd-4b75-8953-a8044bba546e.svg#f56ac3a7-7efd-4b75-8953-a8044bba546e") format("svg");
}
@font-face{
font-family:"True North Script W00 Regular";
src:url("Fonts/fec0329d-4987-4315-ad3d-c24ae7210615.eot?#iefix");
src:url("Fonts/fec0329d-4987-4315-ad3d-c24ae7210615.eot?#iefix") format("eot"),url("Fonts/8ef39e2a-220d-4ca7-86ec-3feabc33945d.woff2") format("woff2"),url("Fonts/08b74992-add7-4200-95d1-1b3f3a3ce0c6.woff") format("woff"),url("Fonts/6c53f210-ed5b-451d-b1de-c64cfaddf593.ttf") format("truetype"),url("Fonts/147afb2e-b330-4f48-b371-5d99c30e89b5.svg#147afb2e-b330-4f48-b371-5d99c30e89b5") format("svg");
}

/* line 7, ../../../components/sass/_base.scss */
strong {
  font-weight: 500;
}

/* line 10, ../../../components/sass/_base.scss */
p {
  font-family: "Proxima N W01 Light";
  font-weight: 300;
  padding-bottom: 10px;
  letter-spacing: 1px;
}

/* line 15, ../../../components/sass/_base.scss */
h2 {
  font-family: "Proxima N W01 Bold";
}

/* line 1, ../../../components/sass/_layout.scss */
body {
  max-width: 1600px;
  width: 100%;
  text-align: center;
}

/* line 9, ../../../components/sass/_layout.scss */
footer {
  color: #fff;
  margin-top: 10px;
}

/* line 2, ../../../components/sass/_mixins.scss */
#main:before, #main:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
#main:after {
  clear: both;
}

/* line 1, ../../../components/sass/modules/_favorite.scss */
body #favorite {
  background: linear-gradient(120deg, #b997d2, #cab9d5, #6cb9bf) no-repeat center center fixed;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* line 3, ../../../components/sass/modules/_favorite.scss */
body #favorite #selection {
  margin-top: 50px;
}

/* line 1, ../../../components/sass/modules/_category.scss */
body {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
body:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 5, ../../../components/sass/modules/_category.scss */
body #selection {
  margin-top: 100px;
}
/* line 9, ../../../components/sass/modules/_category.scss */
body #selection #biography .black_box h3, body #selection #mystery .black_box h3, body #selection #education .black_box h3, body #selection #classic .black_box h3, body #selection #action .black_box h3, body #selection #fantasy .black_box h3 {
  background: linear-gradient(rgba(185, 151, 210, 0.2), #b997d2);
  opacity: .9;
}
/* line 16, ../../../components/sass/modules/_category.scss */
body #book-details {
  color: gray;
  position: relative;
  margin-top: 73px;
  background-color: #fff;
  text-align: left;
}
/* line 18, ../../../components/sass/modules/_category.scss */
body #book-details .book_content {
  padding-left: 8.33333%;
  padding-right: 0%;
  width: 50%;
  float: left;
}
/* line 2, ../../../components/sass/_mixins.scss */
body #book-details .book_content:before, body #book-details .book_content:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
body #book-details .book_content:after {
  clear: both;
}
/* line 23, ../../../components/sass/modules/_category.scss */
body #book-details .book_content .like-button span {
  border: none;
}
/* line 28, ../../../components/sass/modules/_category.scss */
body #book-details .book_content #otherComment p:first-child {
  background-color: #ddd;
  padding-bottom: 0;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 35, ../../../components/sass/modules/_category.scss */
  body #book-details .book_content {
    padding: 25px;
    width: 100%;
  }
}
/* line 44, ../../../components/sass/modules/_category.scss */
body #book-details #ur_name a {
  background: linear-gradient(120deg, #bae5da, #6cb9bf, #b997d2);
  color: #fff;
  padding: 5px 25px;
  border-radius: 2px;
  text-decoration: none;
}
/* line 50, ../../../components/sass/modules/_category.scss */
body #book-details #ur_name a:hover {
  background: linear-gradient(120deg, #6cb9bf, #b997d2, #bae5da);
  color: #6e3f91;
  color: #fff;
}
/* line 56, ../../../components/sass/modules/_category.scss */
body #book-details #user_box {
  position: absolute;
  -moz-box-shadow: #666666 2px 2px 7px;
  -webkit-box-shadow: #666666 2px 2px 7px;
  box-shadow: #666666 2px 2px 7px;
  top: 75px;
  right: 0;
  color: #fff;
  font-size: 1.2rem;
  background: linear-gradient(120deg, rgba(108, 185, 191, 0.9), rgba(185, 151, 210, 0.9), rgba(186, 229, 218, 0.9));
  width: 33.33333%;
  float: left;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  padding: 50px;
}
/* line 58, ../../../components/sass/modules/_category.scss */
body #book-details #user_box span {
  color: white;
}
/* line 76, ../../../components/sass/modules/_category.scss */
body #book-details #reader_comments p > span {
  max-width: 40px;
  margin-bottom: 50px;
  overflow: hidden;
  border-radius: 2px;
  padding: 0 5px;
  margin: 0 10px 5px 0;
  background: linear-gradient(120deg, #b997d2, #6cb9bf, #cab9d5);
  color: #fff;
}
/* line 88, ../../../components/sass/modules/_category.scss */
body #book-details img {
  width: 33.33333%;
  float: left;
  max-width: 300px;
  float: right;
  margin-right: 8.5%;
  margin-top: 50px;
  margin-bottom: 50px;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 97, ../../../components/sass/modules/_category.scss */
  body #book-details img {
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
    margin: 50px 0;
    width: 100%;
    padding: 25px;
  }
  /* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
  body #book-details img:after {
    content: " ";
    display: block;
    clear: both;
  }
}
/* line 105, ../../../components/sass/modules/_category.scss */
body #book-details h1 {
  font-size: 1.5rem;
  margin-top: 50px;
  text-transform: uppercase;
  padding-bottom: 5px;
}
/* line 111, ../../../components/sass/modules/_category.scss */
body #book-details p {
  font-size: 1rem;
  margin-top: 0.2rem;
}
/* line 115, ../../../components/sass/modules/_category.scss */
body #book-details span {
  width: 200px;
  margin-right: 1rem;
  line-height: 200%;
  font-size: 1rem;
  color: #b997d2;
  font-weight: 400;
  border-bottom: 2px dotted #cab9d5;
}
/* line 124, ../../../components/sass/modules/_category.scss */
body #book-details textarea {
  width: 300px;
}
/* line 2, ../../../components/sass/_mixins.scss */
body #book-details:before, body #book-details:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
body #book-details:after {
  clear: both;
}

/* line 1, ../../../components/sass/modules/_home.scss */
body {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  background: #eee;
  margin: 0 auto;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
body:after {
  content: " ";
  display: block;
  clear: both;
}

/* line 7, ../../../components/sass/modules/_home.scss */
header h1 {
  font-size: 3rem;
}
/* line 10, ../../../components/sass/modules/_home.scss */
header #quotes {
  color: #fff;
  margin-top: 25px;
  font-size: 2.2rem;
  line-height: 2;
  padding-left: 16.66667%;
  padding-right: 16.66667%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  font-family: "True North Script W00 Regular";
  letter-spacing: 1px;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
header #quotes:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 19, ../../../components/sass/modules/_home.scss */
header #logo {
  padding-top: 125px;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
header #logo:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 22, ../../../components/sass/modules/_home.scss */
header #logo #logo_heart {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  width: 150px;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
header #logo #logo_heart:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 26, ../../../components/sass/modules/_home.scss */
header #logo #logo_bottom {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  margin-top: -65px;
  width: 220px;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
header #logo #logo_bottom:after {
  content: " ";
  display: block;
  clear: both;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 33, ../../../components/sass/modules/_home.scss */
  header #logo {
    width: 100%;
  }
}

/* line 39, ../../../components/sass/modules/_home.scss */
header
#nav1 {
  background: linear-gradient(120deg, rgba(185, 151, 210, 0.7), rgba(202, 185, 213, 0.6), rgba(108, 185, 191, 0.8));
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  position: fixed;
  z-index: 1;
  top: 0;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
header
#nav1:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 2, ../../../components/sass/_mixins.scss */
header
#nav1:before, header
#nav1:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
header
#nav1:after {
  clear: both;
}
/* line 48, ../../../components/sass/modules/_home.scss */
header
#nav1 #search {
  display: none;
  font-size: 1.5rem;
  border: 3px solid #d6e9e8;
  text-align: left;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
header
#nav1 #search:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 54, ../../../components/sass/modules/_home.scss */
header
#nav1 #search h2 {
  width: 8.33333%;
  float: left;
  text-align: center;
  margin-top: 4px;
}
/* line 59, ../../../components/sass/modules/_home.scss */
header
#nav1 #search input[type=text] {
  width: 75%;
  float: left;
  margin-left: 3px;
  padding: 7px;
  color: #666666;
  font-size: 1rem;
}
/* line 67, ../../../components/sass/modules/_home.scss */
header
#nav1 #search button[type=submit] {
  width: 16.66667%;
  float: left;
  padding: 7px;
  color: #fff;
  font-size: 1rem;
  font-weight: 300;
  background-color: rgba(186, 229, 218, 0);
  border: none;
  margin-left: -3px;
}
/* line 78, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar {
  width: 100%;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
header
#nav1 .navbar:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 81, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar #title {
  padding: 0;
  width: 33.33333%;
  float: left;
  float: left;
  font-weight: 500;
  text-align: center;
}
/* line 87, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar #title h1 {
  font-family: "True North Textures W01 Bold";
  opacity: 0.7;
}
/* line 90, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar #title a {
  width: 100%;
  letter-spacing: 1px;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding: 20px 0 0;
}
/* line 98, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar #title a:hover {
  color: #a173c3;
}
/* line 100, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul {
  position: relative;
  width: 66.66667%;
  float: left;
}
/* line 103, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul li {
  width: 25%;
  float: left;
  float: left;
  position: relative;
}
/* line 2, ../../../components/sass/_mixins.scss */
header
#nav1 .navbar ul li:before, header
#nav1 .navbar ul li:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
header
#nav1 .navbar ul li:after {
  clear: both;
}
/* line 107, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul li a:hover .st0 {
  stroke-width: 10px;
  stroke-dashoffset: -200;
  stroke-dasharray: 500;
}
/* line 112, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul li a {
  width: 100%;
  letter-spacing: 1px;
  font-size: 1.2rem;
  display: inline-block;
  padding: 20px 0 0;
  font-weight: 300;
  text-decoration: none;
  color: rgba(255, 255, 255, 0.8);
  font-weight: 300;
  text-transform: uppercase;
}
/* line 123, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul li a svg {
  width: 80%;
  margin-top: -50px;
}
/* line 127, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul li a .st0 {
  fill: transparent;
  stroke-dasharray: 0 400;
  stroke-dashoffset: -100;
  stroke-width: 10px;
  stroke: rgba(255, 255, 255, 0.8);
  transition: stroke-width 1s, stroke-dashoffset 1s, stroke-dasharray 1s;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 112, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar ul li a {
    font-size: .8rem;
  }
}
/* line 140, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul li a:hover {
  color: #a173c3;
}
/* line 141, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul li ul {
  position: absolute;
  background: linear-gradient(120deg, rgba(185, 151, 210, 0.7), rgba(202, 185, 213, 0.6), rgba(185, 151, 210, 0.8));
  top: 100%;
  width: 100%;
  display: none;
}
/* line 146, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul li ul li {
  border-bottom: solid 1px #cab9d5;
  position: relative;
  float: none;
  width: 100%;
}
/* line 150, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul li ul li a {
  padding: 10px 0;
}
/* line 157, ../../../components/sass/modules/_home.scss */
header
#nav1 .navbar ul li:hover > ul {
  display: block;
}
/* line 2, ../../../components/sass/_mixins.scss */
header
#nav1 .navbar ul:before, header
#nav1 .navbar ul:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
header
#nav1 .navbar ul:after {
  clear: both;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 163, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar svg {
    display: none;
  }
  /* line 166, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar ul {
    width: 50%;
    text-align: left;
  }
  /* line 168, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar ul li {
    width: 100%;
  }
  /* line 169, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar ul li a {
    font-size: 1rem;
    padding: 15px 0 15px 10px;
  }
  /* line 172, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar ul li ul {
    width: 100%;
    margin-left: 75%;
    margin-top: -45px;
  }
  /* line 175, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar ul li ul li {
    background: linear-gradient(120deg, rgba(185, 151, 210, 0.8), rgba(108, 185, 191, 0.5), rgba(185, 151, 210, 0.9)) no-repeat center center fixed;
    -webkit-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding-left: 10px;
  }
  /* line 182, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar #menu li:hover {
    border-bottom: solid 3px #b997d2;
  }
}
@media (min-width: 650px) and (max-width: 960px) {
  /* line 189, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar #title h1 {
    font-size: 2.3rem;
    padding-left: 10px;
  }
  /* line 194, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar ul {
    padding-right: 10px;
  }
  /* line 197, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar ul li a {
    font-size: 1rem;
  }
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 203, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar #menu {
    display: none;
  }
  /* line 206, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar #title {
    width: 100%;
  }
  /* line 207, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar #title h1 {
    width: 100%;
    font-size: 2rem;
  }
  /* line 210, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar #title img {
    display: block;
    width: 50px;
    top: 10px;
    right: 10px;
    position: absolute;
    opacity: 0.7;
  }
  /* line 218, ../../../components/sass/modules/_home.scss */
  header
  #nav1 .navbar #title a {
    padding-bottom: 0;
    margin-left: 10px;
  }
}
@media (min-width: 650px) {
  /* line 225, ../../../components/sass/modules/_home.scss */
  header
  #nav1 img {
    display: none;
  }
}

/* line 228, ../../../components/sass/modules/_home.scss */
#main {
  width: 100%;
  margin: 0 auto;
}
/* line 231, ../../../components/sass/modules/_home.scss */
#main #circle {
  height: 25px;
  margin-top: 50px;
  background-image: url("../img/circle-01.png");
}
/* line 236, ../../../components/sass/modules/_home.scss */
#main #circle1 {
  height: 25px;
  background-image: url("../img/circle2.png");
}
/* line 241, ../../../components/sass/modules/_home.scss */
#main #circle3 {
  height: 25px;
  margin-top: -24px;
  background-image: url("../img/circle-01.png");
}
/* line 247, ../../../components/sass/modules/_home.scss */
#main #bookswap {
  text-align: center;
  width: 100%;
  background-color: #fff;
  padding: 100px 0;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8.33333%;
  padding-right: 8.33333%;
}
/* line 252, ../../../components/sass/modules/_home.scss */
#main #bookswap h2 {
  font-size: 2.5rem;
  font-family: "Proxima N W01 Bold";
  padding: 1rem;
  margin: 0 auto 3rem;
}
/* line 258, ../../../components/sass/modules/_home.scss */
#main #bookswap p {
  font-family: "Proxima N W01 Light";
  font-size: 1.2rem;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#main #bookswap:after {
  content: " ";
  display: block;
  clear: both;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 264, ../../../components/sass/modules/_home.scss */
  #main #bookswap p {
    text-align: left;
  }
}
/* line 270, ../../../components/sass/modules/_home.scss */
#main #client {
  padding: 100px 0;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8.33333%;
  padding-right: 8.33333%;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#main #client:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 274, ../../../components/sass/modules/_home.scss */
#main #client img {
  border-radius: 50%;
  width: 33.33333%;
  float: left;
  margin-left: 10%;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 280, ../../../components/sass/modules/_home.scss */
  #main #client img {
    width: 300px;
    float: none;
    margin: 0;
  }
}
/* line 285, ../../../components/sass/modules/_home.scss */
#main #client .client_comment {
  border-left: solid #cab9d5 1px;
  color: #fff;
  margin-left: 50px;
  text-align: left;
  width: 41.66667%;
  float: left;
  padding: 0 0 50px 0;
}
/* line 293, ../../../components/sass/modules/_home.scss */
#main #client .client_comment h2 {
  margin-left: 2rem;
  font-size: 2rem;
  padding: 2rem 0 2rem 0;
}
/* line 297, ../../../components/sass/modules/_home.scss */
#main #client .client_comment p {
  text-align: left;
  margin-left: 2rem;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 303, ../../../components/sass/modules/_home.scss */
  #main #client .client_comment {
    width: 100%;
    border-left: none;
    margin-left: 0;
  }
  /* line 307, ../../../components/sass/modules/_home.scss */
  #main #client .client_comment h2, #main #client .client_comment p {
    margin-left: 0;
  }
  /* line 310, ../../../components/sass/modules/_home.scss */
  #main #client .client_comment h2 {
    text-align: center;
  }
}
/* line 316, ../../../components/sass/modules/_home.scss */
#main #selection {
  padding-bottom: 100px;
  background-color: #fff;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8.33333%;
  padding-right: 8.33333%;
}
/* line 317, ../../../components/sass/modules/_home.scss */
#main #selection h2 {
  font-size: 2rem;
  padding: 50px 0;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#main #selection:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 324, ../../../components/sass/modules/_home.scss */
#main #selection #action, #main #selection #fantasy {
  position: relative;
  height: 400px;
  overflow: hidden;
  border-radius: 15px;
  width: 33.33333%;
  float: left;
  padding: 0;
  border: solid 5px #fff;
  background: #666666;
}
/* line 329, ../../../components/sass/modules/_home.scss */
#main #selection #action img, #main #selection #fantasy img {
  width: 100%;
  opacity: 0.6;
}
/* line 336, ../../../components/sass/modules/_home.scss */
#main #selection #action .black_box, #main #selection #fantasy .black_box {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
/* line 340, ../../../components/sass/modules/_home.scss */
#main #selection #action .black_box h3, #main #selection #fantasy .black_box h3 {
  color: #fff;
  font-size: 1.5rem;
  border-top: solid #d1bbe1 1px;
  background: linear-gradient(120deg, rgba(185, 151, 210, 0.8), rgba(108, 185, 191, 0.5), rgba(185, 151, 210, 0.9)) no-repeat center center fixed;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 10px 0;
}
/* line 346, ../../../components/sass/modules/_home.scss */
#main #selection #action .black_box h3 a, #main #selection #fantasy .black_box h3 a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 1px 1px 3px #666666;
}
/* line 350, ../../../components/sass/modules/_home.scss */
#main #selection #action .black_box h3:hover, #main #selection #fantasy .black_box h3:hover {
  padding: 8rem 0 10px 0;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 358, ../../../components/sass/modules/_home.scss */
#main #selection #biography, #main #selection #mystery, #main #selection #education, #main #selection #classic {
  position: relative;
  height: 200px;
  overflow: hidden;
  width: 66.66667%;
  float: left;
  padding: 0;
  border: solid 5px #fff;
  border-radius: 15px;
  background: #666666;
}
/* line 362, ../../../components/sass/modules/_home.scss */
#main #selection #biography img, #main #selection #mystery img, #main #selection #education img, #main #selection #classic img {
  width: 100%;
  overflow: hidden;
  opacity: 0.6;
}
/* line 370, ../../../components/sass/modules/_home.scss */
#main #selection #biography .black_box, #main #selection #mystery .black_box, #main #selection #education .black_box, #main #selection #classic .black_box {
  position: absolute;
  bottom: 0px;
  width: 100%;
}
/* line 374, ../../../components/sass/modules/_home.scss */
#main #selection #biography .black_box h3, #main #selection #mystery .black_box h3, #main #selection #education .black_box h3, #main #selection #classic .black_box h3 {
  border-top: solid #d1bbe1 1px;
  color: #fff;
  text-shadow: 1px 1px 3px #666666;
  font-size: 1.5rem;
  background: linear-gradient(120deg, rgba(108, 185, 191, 0.8), rgba(202, 185, 213, 0.5), rgba(108, 185, 191, 0.8)) no-repeat center center fixed;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  padding: 10px 0;
}
/* line 380, ../../../components/sass/modules/_home.scss */
#main #selection #biography .black_box h3 a, #main #selection #mystery .black_box h3 a, #main #selection #education .black_box h3 a, #main #selection #classic .black_box h3 a {
  text-decoration: none;
  color: rgba(255, 255, 255, 0.9);
}
/* line 383, ../../../components/sass/modules/_home.scss */
#main #selection #biography .black_box h3:hover, #main #selection #mystery .black_box h3:hover, #main #selection #education .black_box h3:hover, #main #selection #classic .black_box h3:hover {
  padding: 5rem 0 10px 0;
  -moz-transition: all 0.3s ease-out;
  -o-transition: all 0.3s ease-out;
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
}
/* line 392, ../../../components/sass/modules/_home.scss */
#main #selection #fantasy {
  margin-top: -200px;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 395, ../../../components/sass/modules/_home.scss */
  #main #selection #action, #main #selection #biography, #main #selection #mystery, #main #selection #education, #main #selection #classic, #main #selection #fantasy {
    width: 100%;
    height: 200px;
  }
}

/* line 1, ../../../components/sass/modules/login.scss */
body #myaccount {
  background: linear-gradient(260deg, #27929a, #b997d2, #76dad5);
  background-size: 300% 300%;
  -webkit-animation: AnimationName 10s ease 3;
  -moz-animation: AnimationName 10s ease 3;
  -o-animation: AnimationName 10s ease 3;
  animation: AnimationName 10s ease 3;
}
@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-o-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
/* line 6, ../../../components/sass/modules/login.scss */
.log_sign_button {
  max-width: 500px;
  border: solid #fff 2px;
  border-radius: 10px;
  padding: 10px 0 10px 0;
  margin: 0 auto;
  margin-top: 50px;
}
/* line 11, ../../../components/sass/modules/login.scss */
.log_sign_button a {
  text-decoration: none;
  color: #fff;
}
/* line 14, ../../../components/sass/modules/login.scss */
.log_sign_button a:hover {
  color: #666666;
}
/* line 19, ../../../components/sass/modules/login.scss */
.log_sign_button p {
  color: #fff;
  line-height: 100%;
  font-size: 2rem;
  width: 30%;
  display: inline-block;
  padding: 0;
}
/* line 27, ../../../components/sass/modules/login.scss */
.log_sign_button p:first-child {
  border-right: solid 3px #fff;
}
/* line 30, ../../../components/sass/modules/login.scss */
.log_sign_button p:last-child {
  padding-left: 10px;
  border-left: solid 3px #fff;
}
/* line 2, ../../../components/sass/_mixins.scss */
.log_sign_button:before, .log_sign_button:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
.log_sign_button:after {
  clear: both;
}

/* line 39, ../../../components/sass/modules/login.scss */
#login_div, #signup_div, #logout_div {
  background-color: #fff;
  padding: 100px 0 100px 0;
  float: none;
  margin-top: 100px;
}
/* line 40, ../../../components/sass/modules/login.scss */
#login_div input, #signup_div input, #logout_div input {
  font-size: 1rem;
  width: 400px;
  padding: 10px;
  border: 2px solid #e6e6e6;
  border-radius: 5px;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 47, ../../../components/sass/modules/login.scss */
  #login_div input, #signup_div input, #logout_div input {
    width: 300px;
  }
}
/* line 49, ../../../components/sass/modules/login.scss */
#login_div input[type=text]:focus, #signup_div input[type=text]:focus, #logout_div input[type=text]:focus {
  border-color: #1a1a1a;
}
/* line 52, ../../../components/sass/modules/login.scss */
#login_div button[type=submit], #signup_div button[type=submit], #logout_div button[type=submit] {
  width: 100px;
  padding: 10px;
  background-color: #b3b3b3;
  cursor: pointer;
  border-radius: 5px;
  color: #fff;
  box-shadow: none;
}
/* line 61, ../../../components/sass/modules/login.scss */
#login_div button[type=submit]:hover, #signup_div button[type=submit]:hover, #logout_div button[type=submit]:hover {
  background-color: #cccccc;
}
/* line 70, ../../../components/sass/modules/login.scss */
#login_div h2, #signup_div h2, #logout_div h2 {
  font-size: 2rem;
  margin-bottom: 50px;
}

/* line 78, ../../../components/sass/modules/login.scss */
#signup_div, #login_div, #logout_div {
  background-color: #fff;
  margin-top: 66px;
  padding: 100px 0 100px 0;
  width: 50%;
  float: left;
  width: 100%;
}
/* line 85, ../../../components/sass/modules/login.scss */
#signup_div h2, #login_div h2, #logout_div h2 {
  font-size: 2rem;
  margin-bottom: 50px;
}

/* line 3, ../../../components/sass/modules/myaccount.scss */
#myaccount {
  position: relative;
}
/* line 5, ../../../components/sass/modules/myaccount.scss */
#myaccount .book_owner {
  margin-top: 70px;
  background-color: rgba(255, 255, 255, 0.5);
  width: 100%;
  padding-left: 8.33333%;
  padding-right: 8.33333%;
  text-align: left;
}
/* line 2, ../../../components/sass/_mixins.scss */
#myaccount .book_owner:before, #myaccount .book_owner:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
#myaccount .book_owner:after {
  clear: both;
}
/* line 12, ../../../components/sass/modules/myaccount.scss */
#myaccount .book_owner img {
  border-radius: 50%;
  width: 33.33333%;
  float: left;
  margin: 50px 10%;
}
/* line 18, ../../../components/sass/modules/myaccount.scss */
#myaccount .book_owner .description_me {
  margin-top: 50px;
  width: 41.66667%;
  float: left;
}
/* line 21, ../../../components/sass/modules/myaccount.scss */
#myaccount .book_owner .description_me h2 {
  margin-top: 60px;
  font-size: 2rem;
  color: #fff;
  padding: 2px;
  text-transform: uppercase;
  border-bottom: solid 1px #fff;
}
/* line 28, ../../../components/sass/modules/myaccount.scss */
#myaccount .book_owner .description_me p {
  font-size: 1.2rem;
  margin-top: 1rem;
  color: #fff;
  padding: 0;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 36, ../../../components/sass/modules/myaccount.scss */
  #myaccount .book_owner img {
    width: 80%;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    float: none;
    text-align: center;
    margin: 0 9.9% 0 9.9%;
  }
  /* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
  #myaccount .book_owner img:after {
    content: " ";
    display: block;
    clear: both;
  }
  /* line 42, ../../../components/sass/modules/myaccount.scss */
  #myaccount .book_owner .description_me {
    width: 100%;
    margin-top: 0;
    padding-bottom: 50px;
  }
  /* line 46, ../../../components/sass/modules/myaccount.scss */
  #myaccount .book_owner .description_me h2 {
    text-align: center;
  }
}
/* line 52, ../../../components/sass/modules/myaccount.scss */
#myaccount #add_page {
  position: relative;
  display: none;
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding-left: 8.33333%;
  padding-right: 8.33333%;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#myaccount #add_page:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 57, ../../../components/sass/modules/myaccount.scss */
#myaccount #add_page .addBook {
  background: linear-gradient(120deg, rgba(185, 151, 210, 0.8), rgba(108, 185, 191, 0.8), rgba(186, 229, 218, 0.9)) no-repeat center center fixed;
  -webkit-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  position: absolute;
  z-index: 1;
  border-radius: 5px;
  width: 83.33333%;
  float: left;
  margin-top: -30px;
  -moz-box-shadow: #666666 2px 2px 7px;
  -webkit-box-shadow: #666666 2px 2px 7px;
  box-shadow: #666666 2px 2px 7px;
}
/* line 67, ../../../components/sass/modules/myaccount.scss */
#myaccount #myaccount_div {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
}
/* line 68, ../../../components/sass/modules/myaccount.scss */
#myaccount #myaccount_div #circle5 {
  height: 25px;
  margin-bottom: -25px;
  background-image: url("../img/circle4.png");
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
#myaccount #myaccount_div:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 74, ../../../components/sass/modules/myaccount.scss */
#myaccount #myaccount_div nav img {
  margin-bottom: 100px;
}
/* line 77, ../../../components/sass/modules/myaccount.scss */
#myaccount #myaccount_div #book-details {
  text-align: left;
  background-color: #fff;
}
/* line 80, ../../../components/sass/modules/myaccount.scss */
#myaccount #myaccount_div #book-details div {
  margin-top: 50px;
}
/* line 2, ../../../components/sass/_mixins.scss */
#myaccount #myaccount_div #book-details div:before, #myaccount #myaccount_div #book-details div:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
#myaccount #myaccount_div #book-details div:after {
  clear: both;
}
/* line 83, ../../../components/sass/modules/myaccount.scss */
#myaccount #myaccount_div #book-details div p, #myaccount #myaccount_div #book-details div h1 {
  margin-left: 25px;
}
/* line 89, ../../../components/sass/modules/myaccount.scss */
#myaccount #myaccount_div #book-details img {
  float: left;
  margin-right: 100px;
  width: 50%;
  float: left;
  max-width: 300px;
  margin-bottom: 50px;
  margin-left: 8.5%;
  margin-top: 50px;
  text-align: center;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 99, ../../../components/sass/modules/myaccount.scss */
  #myaccount #myaccount_div #book-details img {
    width: 100%;
    max-width: 75rem;
    margin-left: auto;
    margin-right: auto;
    padding-left: 4.16667%;
    padding-right: 4.16667%;
    margin: 50px 0;
    float: none;
  }
  /* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
  #myaccount #myaccount_div #book-details img:after {
    content: " ";
    display: block;
    clear: both;
  }
}
/* line 2, ../../../components/sass/_mixins.scss */
#myaccount #myaccount_div #book-details:before, #myaccount #myaccount_div #book-details:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
#myaccount #myaccount_div #book-details:after {
  clear: both;
}
/* line 108, ../../../components/sass/modules/myaccount.scss */
#myaccount #myaccount_div #book-details h1 {
  font-size: 1.5rem;
  margin-top: 0;
}
/* line 112, ../../../components/sass/modules/myaccount.scss */
#myaccount #myaccount_div #book-details span {
  font-size: .9rem;
  color: #b997d2;
  border-bottom: dotted #cab9d5 1px;
}

/* line 121, ../../../components/sass/modules/myaccount.scss */
.mybooks {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0 0 50px 0;
  padding-left: 8.33333%;
  padding-right: 8.33333%;
  position: relative;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
.mybooks:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 123, ../../../components/sass/modules/myaccount.scss */
.mybooks #category_title {
  font-size: 1.5rem;
  color: #fff;
  padding-top: 50px;
  border-top: 1px solid #cab9d5;
}
/* line 2, ../../../components/sass/_mixins.scss */
.mybooks:before, .mybooks:after {
  content: " ";
  display: table;
}
/* line 8, ../../../components/sass/_mixins.scss */
.mybooks:after {
  clear: both;
}
/* line 132, ../../../components/sass/modules/myaccount.scss */
.mybooks a {
  color: #666666;
}
/* line 134, ../../../components/sass/modules/myaccount.scss */
.mybooks a:hover {
  color: #999999;
}
/* line 138, ../../../components/sass/modules/myaccount.scss */
.mybooks div {
  background-color: #fff;
  width: 24.16667%;
  float: left;
  margin-right: 5px;
  height: 220px;
  border-radius: 5px;
  font-size: 1.5rem;
  margin-top: 5px;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 148, ../../../components/sass/modules/myaccount.scss */
  .mybooks .add {
    width: 100%;
    height: 100px;
  }
  /* line 151, ../../../components/sass/modules/myaccount.scss */
  .mybooks .add p {
    margin-top: -75px;
  }
}
/* line 157, ../../../components/sass/modules/myaccount.scss */
.mybooks div.add {
  background: linear-gradient(120deg, #bae5da, #6cb9bf, #b997d2);
  border: solid #fff 5px;
  color: #fff;
  font-size: 2rem;
  position: relative;
}
/* line 163, ../../../components/sass/modules/myaccount.scss */
.mybooks div.add p {
  position: relative;
  top: 100px;
  font-weight: 700;
}
/* line 167, ../../../components/sass/modules/myaccount.scss */
.mybooks div.add.add:hover {
  border: solid #8950b3 5px;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-size: 2rem;
}
/* line 173, ../../../components/sass/modules/myaccount.scss */
.mybooks h2 {
  font-size: 1.2rem;
  color: #666666;
  margin-top: 50px;
}
/* line 177, ../../../components/sass/modules/myaccount.scss */
.mybooks p#book_img .break {
  background: linear-gradient(rgba(108, 185, 191, 0.2), #b997d2);
  opacity: .9;
  font-size: 1rem;
  position: relative;
  overflow: hidden;
  text-align: center;
}
/* line 179, ../../../components/sass/modules/myaccount.scss */
.mybooks p#book_img .break #delete_button, .mybooks p#book_img .break #like_button {
  background-color: rgba(60, 132, 137, 0.7);
  position: absolute;
  bottom: 0;
  color: #fff;
  padding: 5px 0;
  font-size: 1.2rem;
  font-weight: 300;
  width: 100%;
  text-align: center;
}
/* line 184, ../../../components/sass/modules/myaccount.scss */
.mybooks p#book_img .break #delete_button a, .mybooks p#book_img .break #like_button a {
  color: #fff;
  text-decoration: none;
}
/* line 193, ../../../components/sass/modules/myaccount.scss */
.mybooks p#book_img .break #delete_button:hover, .mybooks p#book_img .break #like_button:hover {
  background-color: rgba(44, 98, 102, 0.9);
}
/* line 200, ../../../components/sass/modules/myaccount.scss */
.mybooks p#book_img .break img {
  width: 100%;
}
/* line 203, ../../../components/sass/modules/myaccount.scss */
.mybooks p#book_img .break p.book_name {
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  font-weight: 500;
  background: linear-gradient(120deg, rgba(185, 151, 210, 0.7), rgba(108, 185, 191, 0.7), rgba(202, 185, 213, 0.7));
  width: 100%;
  padding: 10px 0;
  z-index: 1;
  color: #fff;
}
/* line 214, ../../../components/sass/modules/myaccount.scss */
.mybooks p#book_img .break p.book_name:hover {
  padding-top: 100px;
  border-bottom: solid 1px #b997d2;
  -moz-transition: all 0.5s ease-out;
  -o-transition: all 0.5s ease-out;
  -webkit-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 222, ../../../components/sass/modules/myaccount.scss */
  .mybooks p#book_img .break {
    width: 100%;
  }
}

/* line 229, ../../../components/sass/modules/myaccount.scss */
.favorite_books h1 {
  font-size: 2rem;
  padding-bottom: 1rem;
  color: #fff;
  margin-top: 150px;
}

/* line 237, ../../../components/sass/modules/myaccount.scss */
.addBook {
  max-width: 75rem;
  margin-left: auto;
  margin-right: auto;
  padding: 100px 0 100px 0;
  float: none;
}
/* line 12, ../../../../../../../Library/Ruby/Gems/2.0.0/gems/susy-2.2.5/sass/susy/output/support/_clearfix.scss */
.addBook:after {
  content: " ";
  display: block;
  clear: both;
}
/* line 239, ../../../components/sass/modules/myaccount.scss */
.addBook input {
  font-size: 1rem;
  width: 400px;
  padding: 10px;
  border: 2px solid #e6e6e6;
  border-radius: 5px;
}
/* line 245, ../../../components/sass/modules/myaccount.scss */
.addBook input[type=text]:focus {
  border-color: #1a1a1a;
}
/* line 248, ../../../components/sass/modules/myaccount.scss */
.addBook textarea {
  font-size: 1rem;
  font-family: "Proxima N W01 Reg";
  width: 400px;
  padding: 10px;
  border: 2px solid #e6e6e6;
  border-radius: 5px;
}
/* line 256, ../../../components/sass/modules/myaccount.scss */
.addBook input[type=submit], .addBook input[type=button] {
  width: 100px;
  padding: 10px;
  background: linear-gradient(rgba(185, 151, 210, 0.2), #6cb9bf);
  opacity: .9;
  cursor: pointer;
  border-radius: 5px;
  color: #fff;
}
/* line 265, ../../../components/sass/modules/myaccount.scss */
.addBook select#book-categories {
  width: 410px;
  color: #666666;
  font-size: 1rem;
  font-family: "Proxima N W01 Reg";
  padding: 10px 0;
}
/* line 277, ../../../components/sass/modules/myaccount.scss */
.addBook input[type=submit]:hover {
  background-color: #cccccc;
}
/* line 280, ../../../components/sass/modules/myaccount.scss */
.addBook input[type=button]:hover {
  background-color: #cccccc;
}
@media (min-width: 0) and (max-width: 650px) {
  /* line 286, ../../../components/sass/modules/myaccount.scss */
  .addBook input {
    width: 90%;
  }
  /* line 290, ../../../components/sass/modules/myaccount.scss */
  .addBook textarea {
    width: 90%;
  }
  /* line 294, ../../../components/sass/modules/myaccount.scss */
  .addBook select#book-categories {
    width: 90%;
  }
  /* line 296, ../../../components/sass/modules/myaccount.scss */
  .addBook select#book-categories option {
    width: 100%;
  }
}
/* line 304, ../../../components/sass/modules/myaccount.scss */
.addBook h2 {
  font-size: 2rem;
  margin-bottom: 50px;
}