:root{--lightblue:#8dcad2;--darkblue:#04647e;--18pt:1.2vw;--25pt:1.8vw;--30pt:2vw;--34pt:2.5vw;--48pt:3.3vw;--90pt:7vw;--130pt:9vw}#info{width:100vw;height:100vh;color:var(--darkblue);text-align:center;font-family:Montserrat,sans-serif;display:none;& img{width:25vw}}@media (orientation:portrait){#info{display:block}#sidebar,#content{display:none}}*{margin:0;padding:0}a{color:inherit;text-decoration:none}.header{background-color:var(--darkblue);text-align:center;width:100%;color:var(--lightblue);padding-top:1%;padding-bottom:1%;font-family:Esteban,serif;font-size:6vw}hr{border-color:var(--darkblue)}#sidebar{float:left;width:20%;height:100vh;margin:none;color:var(--darkblue);text-align:center;background-color:#8dcad21a;position:fixed;overflow:hidden auto;& h1{font-size:var(--90pt);letter-spacing:-.07em;padding-bottom:5%;font-family:Playfair Display,serif;font-weight:300;line-height:1}& #links{width:100%;margin-top:2.5vh;margin-bottom:2.5vh}& a{font-family:Montserrat,sans-serif;font-size:var(--25pt);letter-spacing:-.1em;font-weight:bolder;line-height:1.5;transition:all .2s;display:inline-block;&:hover{color:var(--lightblue);letter-spacing:0;transform:scale(1.15)}}& h2{font-family:Esteban,serif;font-size:var(--34pt);letter-spacing:-.05em;padding-top:10%;font-weight:lighter}& h3{font-family:Esteban,serif;font-size:var(--25pt);letter-spacing:-.05em;padding-top:5%;font-weight:lighter}& h4{font-family:Esteban,serif;font-size:var(--18pt);letter-spacing:-.05em;font-weight:lighter}}#content{float:right;width:80%;color:var(--darkblue);margin:0;padding:0;& h1{font-family:Montserrat,sans-serif;font-size:var(--48pt);letter-spacing:-.05em;padding:1% 2%}& h2{font-family:Montserrat,sans-serif;font-size:var(--34pt);letter-spacing:-.05em;padding:1% 2%}& h3{font-family:Montserrat,sans-serif;font-size:var(--25pt);letter-spacing:-.05em;padding:1% 2%}& p{font-family:Montserrat,sans-serif;font-size:var(--18pt);letter-spacing:-.05em;padding-left:2%;padding-right:2%}& a{text-decoration:underline;transition:all .2s;&:hover{color:var(--lightblue);text-decoration:underline}}}#teardrop{background-color:var(--lightblue);justify-content:space-between;align-items:center;width:100%;display:flex;& a{color:var(--darkblue);transition:all .2s;display:inline-block;&:hover{color:#fff;transform:scale(1.05)}}& img{float:right;width:40%;height:100%}& .image_text{box-sizing:border-box;float:left;width:48%;height:80%;padding-left:3%;& p{font-family:Montserrat,sans-serif;font-size:var(--48pt);color:var(--darkblue);padding-top:15%;font-weight:700}& h1{font-size:var(--130pt);color:#fff;padding-top:12%;font-family:Montserrat,sans-serif;font-weight:300}& h2{font-size:var(--34pt);color:#fff;font-family:Montserrat,sans-serif;font-weight:300;bottom:0}}}#separating_text{text-align:center;width:100%;padding-top:3%;padding-bottom:3%;& h1{color:var(--darkblue);font-family:Montserrat,sans-serif;font-size:48pt;font-weight:300}}#indie_novella{background-color:var(--darkblue);align-items:center;width:100%;display:flex;& img{float:left;width:40%;height:100%}& .image_text{box-sizing:border-box;float:right;width:60%;& h1{text-align:right;color:var(--lightblue);font-family:Montserrat,sans-serif;font-size:4.5vw;font-weight:300}& h2{text-align:right;font-family:Montserrat,sans-serif;font-size:3vw;font-weight:300}& a{color:var(--lightblue);text-decoration:none;transition:all .2s;display:inline-block;&:hover{color:#fff;text-decoration:none;transform:scale(1.05)}}}}#socials{text-align:center;width:100%;padding-bottom:5%;& img{border-radius:50%;height:40vh;margin-top:-7%;margin-bottom:3%}& a{color:var(--darkblue);font-family:Montserrat,sans-serif;font-size:25pt}}#socials #socials #archive{background-color:var(--lightblue);float:right;width:15%;height:100vh;display:block;position:-webkit-sticky;position:sticky;top:0}#blogs{box-sizing:border-box;float:left;width:85%;padding-left:3%;padding-right:3%;display:block;& h2{font-style:italic}& p{text-align:justify}}.book{text-align:center;align-items:center;width:97%;padding-top:3%;padding-bottom:3%;padding-left:3%;display:flex;& img{width:100%;height:100%;margin-bottom:2.5%}& button{color:var(--button_colour);border:1px solid var(--button_colour);background-color:#fff;margin-bottom:2.5%;padding:2%;font-family:Esteban,serif;font-size:1.5vw;transition:all .15s;&:hover{cursor:pointer;background-color:var(--button_colour);color:#fff}}& iframe{width:30%;height:60vh}}.book_text{text-align:center;float:right;width:70%;& p{font-size:1.5vw!important}}html,body{width:100%;height:100%;margin:0}