main,
 section{
     display: block;
 }

 html {
     font-family: serif; 
     -webkit-text-size-adjust: 100%; 
     -ms-text-size-adjust: 100%; 
     min-height: 100%;
 }
 
 body {
     margin: 0;
 }
 
 a:focus {
     outline: thin dotted;
 }
 
 
 a:active,
 a:hover {
     outline: 0;
 }
 
 
 h1 {
     font-size: 2em;
     margin: 0.67em 0;
 }
 
 abbr[title] {
     border-bottom: 1px dotted;
 }
 
 
 b,
 strong {
     font-weight: bold;
 }
 

 
 hr {
     -moz-box-sizing: content-box;
     box-sizing: content-box;
     height: 0;
 }
 
 
 mark {
     background: #ff0;
     color: #000;
 }
 
 

 
 

 
 img {
     border: 0;
 }
 
 
 svg:not(:root) {
     overflow: hidden;
 }
 
 
 figure {
     margin: 0;
 }
 
 fieldset {
     margin: 0 2px;
     padding: 0.35em 0.625em 0.75em;
 }
 

 
 
 button,
 input,
 select,
 textarea {
     font-family: inherit; 
     font-size: 100%;
     font-weight: inherit; 
     margin: 0; 
     padding: 0;
 }
 

 
 button {
     background: transparent;
 }
 
 
 button,
 input {
     line-height: normal;
 }
 
 
 button,
 select {
     text-transform: none;
 }
 

 select {
   -webkit-appearance: none;
 }
 
 
 
 button,
 html input[type="button"], 
 input[type="reset"],
 input[type="submit"] {
     -webkit-appearance: button; 
     cursor: pointer; 
 }
 

 
 button[disabled],
 html input[disabled] {
     cursor: default;
 }
 
 
 input[type="checkbox"],
 input[type="radio"] {
     box-sizing: border-box; 
     padding: 0; 
 }
 
 
 input[type="search"] {
     -webkit-appearance: textfield; 
     -moz-box-sizing: content-box;
     -webkit-box-sizing: content-box; 
     box-sizing: content-box;
 }
 
 
 input[type="search"]::-webkit-search-cancel-button,
 input[type="search"]::-webkit-search-decoration {
     -webkit-appearance: none;
 }
 
 
 button::-moz-focus-inner,
 input::-moz-focus-inner {
     border: 0;
     padding: 0;
 }
 
 textarea {
     overflow: auto; 
     vertical-align: top; 
     resize: none; 
 }
 
 
 table {
     border-collapse: collapse;
     border-spacing: 0;
 }
 
 
 
 html, body, div, span,
 h1, h2, h3, h4, h5, h6, p, 
 a, big, em, font, img,
 small, strike,
 form, label,  table {
   margin: 0;
   padding: 0;
   border: 0;
   outline: 0;
   font-weight: inherit;
   font-style: inherit;
   font-size: 100%;
   font-family: inherit;
   vertical-align: baseline;
 }

 :focus {
   outline: 0;
 }
 body {
   line-height: 1;
   color: black;
   background: white;
 }


 a,
 a:hover,
 a:visited {
   text-decoration: none;
 }
 button,
 input,

 textarea,
 select {
   font-size: inherit;
   color: inherit;
   border: none;
   border-radius: 0;
 }
 img {
   width: 100%;
   height: auto;
 }
 .clearfix:before, .clearfix:after { content: ""; display: table; }
 .clearfix:after { clear: both; }
 .clearfix { *zoom: 1; }
 
 * {
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }
 
 
 body{font:normal 1.375em/1.38 'Literata TT Display';color:rgb(0, 0, 0);}
 
 .page-1,.page-shortest{min-width:none;min-height:noneem;background-color:rgb(247, 245, 233);font-family:'Literata TT Display';font-weight:normal;line-height:1.38;color:rgb(0, 0, 0);-webkit-transform:none;-moz-transform:none;-o-transform:none;-ms-transform:none;transform:none;-webkit-transition:none;-moz-transition:none;-o-transition:none;-ms-transition:none;transition:none;-webkit-filter:none;-moz-filter:none;-o-filter:none;-ms-filter:none;filter:none;}
 
 .page-avg{background-color:rgb(247, 245, 233);font-family:'Literata TT Display';font-weight:400;line-height:1.38;color:rgb(0, 0, 0);}
 
 .page-index{background-color:#f7f5e9;font-family:'Literata TT Display Medium';font-weight:normal;line-height:1.38;color:rgba(36, 32, 106, 0.6);}
 
 .page-number-of-pages{background-color:#f7f5e9;}
 
 a{display:block;}
 
 img{display:block;height:auto;overflow:hidden;}
 
 input{display:block;background-color:transparent;border-bottom: 0.05em solid #24206A; position:absolute;top:47.385em;left:10%;z-index:2;width:80%;height:5.769em;padding:0 0.769em; outline: 0;/*border-width: 0 0 2em;*//* border-color: blue;*/font-size:0.591em;font-weight:400;color:rgb(0, 0, 0);}
 
 #input-1::placeholder {
   font-family: 'myFont', Roboto, sans-serif;
   font-size:1em;
 }

 
 .author-by{position:absolute;bottom: 20%;left:10%;z-index:7;font-family:'Roboto Light';font-size:1em;color:rgb(0, 0, 0);}
 
 .avg-rate{position:absolute;top:7em;left:35.832%;z-index:3;font-size:1.091em;font-weight:Display Bold;color:rgb(0, 0, 0);}
 
 .book-cvr-plch{position:absolute;top:2.182em;left:68.222%;z-index:5;width:392px;height:26.864em;}
 
 .book-name1{position:absolute;top:16.591em;left:20%;right:10%;bottom:30%;z-index:4;font-size:1em;color:#ccc;}
 
 .book-title{position:absolute;top:5em;left:10%;z-index:8;font-size:3.273em;color:rgb(0, 0, 0);width:50%}

 .book-title2{position:absolute;top:5em;left:10%;z-index:8;font-size:2.5em;color:rgb(0, 0, 0);width:50%}
 
 .bookname-2{position:absolute;top:18.227em;left:10%;z-index:5;font-size:1em;color:rgb(0, 0, 0);}
 
 .circle-rating{position:relative;float:left;z-index:0;width:710px;margin:3.273em 0 0 30.15365%;}
 
 .dots{position:relative;float:left;z-index:6;width:429px;margin:11.909em 0 0 50.79948%;}
 
 .go-1{position:absolute;top:16.865em;left:80.389%;z-index:5;width:82%;font-size:1.682em;color:rgb(36, 32, 106);cursor: pointer;}
 
 .goodreads-link{position:absolute;left:10%;bottom:5px;z-index:7;font-family:'Literata TT Display Medium';font-size:0.682em;font-weight:normal;color:rgba(36, 32, 106, 0.6);}
 
 .heading-1{position:absolute;top:1.284em;left:10%;z-index:1;width:82%;font-size:4em;color:rgb(36, 32, 106);}
 
 .heading-you-read{position:absolute;top:1.389em;left:10%;z-index:3;font-size:3.273em;color:rgb(0, 0, 0);}
 
 .rate-2{position:absolute;top:0.31em;left:51.389%;z-index:6;font-size:19.091em;line-height:1.08;color:rgb(0, 0, 0);}
 
 .image{position:absolute;}
 
 .next,.rate-next, {position:fixed;top:95%;right:5%;z-index:4;font-family:'Roboto Regular';font-size:1em;color:rgb(0, 0, 0);}
 
 .page-num{position:fixed;top:39.545em;left:10%;z-index:3;font-family:'Roboto Regular';font-size:1em;color:rgb(0, 0, 0);}
 
 .pages-long{position:absolute;top:0.944em;left:10%;z-index:2;font-family:'Literata TT Display Bold';font-size:3.273em;color:rgb(0, 0, 0);}
 
 .rate-1{position:absolute;top:0.643em;left:35.220%;z-index:4;font-size:19.091em;line-height:1.08;color:rgb(0, 0, 0);}
 
 .rate-point{position:absolute;top:0.452em;left:46.331%;z-index:5;font-size:19.091em;line-height:1.08;color:rgb(0, 0, 0);}
 
 .rate-next{position:fixed;top:37.227em;left:86.889%;z-index:2;font-family:Roboto;font-size:1em;font-weight:Regular;color:rgb(0, 0, 0);}
 
 .rate-page{position:fixed;top:37.227em;left:10%;z-index:1;font-family:Roboto;font-size:1em;font-weight:Regular;color:rgb(0, 0, 0);}
 
 .sh-next{position:fixed;bottom: 5%;right:5%;z-index:7;font-family:'Roboto Regular';font-size:1em;color:rgb(0, 0, 0);}
 
 .sh-next:active{color:rgba(0, 0, 0, 0.84);}
 
 .sh-page{position:fixed;top:36.682em;left:10%;z-index:6;font-family:'Roboto Regular';font-size:1em;color:rgb(0, 0, 0);}
 
 .small-heading-book{position:absolute;top:0.818em;left:10%;z-index:1;font-size:1em;color:rgb(0, 0, 0);}
 
 .sub-congrats{position:absolute;top:2.273em;left:10%;z-index:2;font-size:1em;color:rgb(0, 0, 0);}
 
 .subheading-1{position:absolute;top:13em;left:10%;z-index:4;font-size:1.273em;color:rgba(36, 32, 106, 0.6);}
 
 .image-1{top:6.091em;left:10.433%;width:453px;}
 
 .image-2{top:29.864em;left:80.389%;z-index:3;width:123px;}
 
 .image-3{top:8.227em;left:30em;z-index:1;width:453px;}
 
 .image-4{top:12.182em;left:20.977%;width:377px;}
 
 .image-5{top:8.364em;left:10%;width:872px;}
 
 @media(max-width: 1200px) {
 body{font-size:1.375em;}
 
 img{height:auto;}
 
 input{top:45.308em;}
 
 .author-by{bottom:20%;}
 
 .book-cvr-plch{left:61%;width:344px;height:23.545em;}
 
 .book-title{top:4.5em;font-size:2.864em;width:50%}
 
 .circle-rating{position:relative;z-index:0;width:741px;margin-top:1.591em;margin-left:20.5%;}
 
 .dots{position:relative;z-index:6;width:327px;margin-top:10.636em;margin-left:46.91276%;}
 
 .go-1{top:14.975em;left:78.027%;font-size:1.818em;}
 
 .goodreads-link{bottom:5px;width:219px;font-size:0.636em;}
 
 .heading-1{top:5.8em;font-size:2.273em;}
 
 .heading-you-read{top:1.476em;font-size:2.864em;}
 
 .rate-2{top:0.392em;left:58.466%;font-size:17.045em;}
 
 .next{bottom:5%;right:5%}
 
 .page-num{bottom: 5%;}
 
 .pages-long{top:1.143em;left:10.583%;font-size:2.864em;}
 
 .rate-1{top:0.691em;left:30.4%;font-size:17.045em;}
 
 .rate-point{top:0.496em;left:48.3%;font-size:17.045em;}
 
 .rate-next{left:83.777%;}
 
 .subheading-1{top:21.182em;font-size:1em;}
 
 .image-1{top:6.136em;left:16.667%;width:371px;}
 
 .image-2{top:28.818em;left:78.611%;width:92px;}
 
 .image-3{top:5.5em;left:57.167%;width:371px;}
 
 .image-4{top:7.455em;left:22.167%;width:255px;}
 
 .image-5{top:15.091em;width:480px;}
 }
 
 @media(max-width: 900px) {
 body{font-size:1.375em;}
 
 img{height:auto;}
 
 input{top:37.462em;}
 
 .author-by{bottom:20%;}
 
 .avg-rate{top:5%;left:5%;}
 
 .book-cvr-plch{top:6.318em;left:10%;width:300px;height:auto;}
 
 .book-title{top:60%;font-size:1.455em;}
 
 .circle-rating{position:relative;z-index:0;width:720px;margin-top:2.136em;margin-left:10%;}
 
 .dots{position:relative;z-index:6;margin-top:14.636em;margin-left:26%;}
 
 .go-1{top:14.647em;left:76.111%;font-size:1.545em;}
 
 .goodreads-link{bottom:5px;width:49.56%;}
 
 .heading-1{top:4.245em;font-size:2.227em;}
 
 .heading-you-read{top:1.917em;font-size:2.182em;}
 
 .rate-2{top:0.564em;left:54.833%;font-size:15.318em;}
 
 .next{top:95%;right:5%}
 
 .page-num{bottom: 5%;}
 
 .pages-long{top:1.208em;left:10%;font-size:2.182em;}
 
 .rate-1{top:0.889em;left:24.056%;font-size:16em;}
 
 .rate-point{top:0.693em;left:46.776%;font-size:15.682em;}
 
 .subheading-1{top:19.944em;width:80.56%;font-size:0.818em;}
 
 .image-1{top:4.864em;left:10.932%;width:302px;}
 
 .image-2{top:23.818em;left:76.111%;width:74px;}
 
 .image-3{top:6.227em;left:45.833%;width:302px;}
 
 .image-4{top:9em;left:22.722%;width:296px;}
 
 .image-5{top:11.318em;width:475px;}
 }
 
 @media(max-width: 600px) {

 body{font-size:1.375em;}
 
 img{height:auto;}
 
 input{top:26em;}
 
 p{
  overflow: scroll;
 }
 #input-1::placeholder {
   font-size:1em;
 }
 
 .author-by{bottom:10%;}
 
 .book-cvr-plch{top:5.5em;width:203px;height:13.909em;}
 
 .book-title{top:14.031em;width: 80%}
 
 .circle-rating{position:relative;z-index:0;width:300px;margin-top:4.409em;}
 
 .dots{position:relative;z-index:6;margin-top:11.545em;margin-left:31.263%;width: 200px;}
 
 .go-1{top:14.56em;left:76.776%;font-size:1.136em;}
 
 .goodreads-link{bottom:5px;top:71.417em;font-size:0.545em;}
 
 .heading-1{top:2.688em;font-size:1.455em;}
 
 .heading-you-read{top:2.719em;font-size:1.455em;}
 
 .rate-2{top:0.869em;left:57.331%;font-size:7em;}
 
  .rate-next, .sh-next, .next{  bottom: 5%;right:5%}
 
 .page-num{position:fixed;bottom: 5%; left: 5%}
 
 .pages-long{top:2.125em;font-size:1.455em;}
 
 .rate-1{top:1.257em;left:21.221%;font-size:7em;}
 
 .rate-point{top:0.869em;left:44.497%;font-size:7em;}
 
 .subheading-1{top:10.833em;}
 
 .image-1{top:4.364em;left:10%;width:174px;}
 
 .image-2{top:17.364em;left:75.776%;}
 
 .image-3{top:5.455em;left:44.167%;width:174px;}
 
 .image-4{top:7.591em;left:22.167%;width:158px;}
 
 .image-5{top:5.045em;width:312px;}
 }
 
 @media(max-width: 300px) {
 body{font-size:1em;}
 
 img{height:auto;}
 
 input{top:22.615em;height:3.154em;font-size:0.813em;}
 
 .author-by{bottom:10%;font-size: 16px;}
 
 .avg-rate{top:13.333em;font-family:'Literata TT Display Bold';font-size:0.75em;font-weight:normal;}
 
 .book-cvr-plch{top:7.688em;width:120px;height:11.313em;}
 
 .book-name1{top:13.455em;font-size:1.375em;}
 
 .book-title{top:14.909em;font-size:1.375em;}
 
 .bookname-2{top:15.136em;font-size:1.375em;}
 
 .circle-rating{position:relative;z-index:0;width:200px;margin-top:7.875em;}
 
 .dots{position:relative;z-index:6;width:75px;margin-top:13.875em;margin-left:34.328%;}
 
 .go-1{top:15.474em;left:67.333%;font-size:1.188em;}
 
 .goodreads-link{bottom:5px;top:57.111em;width:40.56%;font-size:0.563em;}
 
 .heading-1{top:2em;font-size:1.5em;}
 
 .heading-you-read{top:2.935em;left:8.333%;font-size:1.938em;}
 
 .rate-2{top:20%;left:53.2%;font-size:2em;}
 
 .next{bottom:5%;right:5%}
 
 .page-num{bottom: 5%;}
 
 .pages-long{top:1.71em;font-size:1.938em;}
 
 .rate-1{top:25%;left:24.661%;font-size:3em;}
 
 .rate-point{top:24%;left:44.2%;font-size:2em;}
 
 .rate-next{top:21.864em;left:auto;right:10.133%;font-family:'Roboto Regular';font-size:1.375em;font-weight:normal;}
 
 .rate-page{top:21.864em;font-family:'Roboto Regular';font-size:1.375em;font-weight:normal;}
 
 .sh-next{top:18.909em;left:auto;right:10.133%;font-size:1.375em;}
 
 .sh-page{top:18.909em;left:12.973%;font-size:1.375em;}
 
 .small-heading-book{top:2.167em;font-size:0.75em;}
 
 .sub-congrats{top:3.125em;font-size:16px;}
 
 .subheading-1{top:11.375em;font-size:1em;}
 
 .image-1{top:5.375em;width:148px;}
 
 .image-2{top:19.25em;left:65.666%;width:57px;}
 
 .image-3{top:10.063em;left:8.333%;width:164px;}
 
 .image-4{top:12.688em;left:33.0625%;width:148px;}
 
 .image-5{top:4.438em;width:240px;}
 }