html{--ui-background-color:#fff;--main-text-color:#000;--secondary-text-color:#5d93ff;--exit-button-color:#ff5757;font-family:Inconsolata,monospace;font-size:62.5%;overflow:hidden}body{font-size:1.6rem}#myLibraryContainer{height:CALC(100% + 1px);overflow-y:scroll;position:fixed;scrollbar-width:none;width:100%}#myLibraryContainer::-webkit-scrollbar{background-color:transparent;width:1rem}#myLibraryContainer::-webkit-scrollbar-thumb{background:var(--ui-background-color);height:3rem}#myLibraryContainer::-webkit-scrollbar-track-piece{display:none}p{margin:0}.button{align-items:center;background:linear-gradient(to right,var(--secondary-text-color) 50%,var(--ui-background-color) 50%);background-position:100% 0;background-size:200% 100%;border:.1rem solid var(--secondary-text-color);border-radius:.8rem;color:var(--main-text-color);cursor:pointer;display:flex;font-size:1.4rem;height:3rem;justify-content:center;overflow:hidden;transition:background-position .25s ease-in-out,scale .05s;user-select:none;width:80%}.button:hover{background-position:0 0}.button:active{transform:scale(1.05)}.googleInput{background-color:var(--ui-background-color);border:.1rem solid var(--secondary-text-color);border-radius:.8rem;color:var(--main-text-color);font-size:1.4rem;height:2.8rem;outline:none;text-align:center;width:80%}.googleInput::placeholder{color:var(--main-text-color);opacity:.75}.googleInput:focus::placeholder{color:transparent}#header{display:flex;justify-content:center;position:fixed;user-select:none;width:100%;z-index:1}#navigation{background-color:var(--ui-background-color);border-radius:0 0 1.2rem 1.2rem;color:var(--main-text-color);filter:drop-shadow(0 .2rem .4rem rgba(0,0,0,.4));height:7rem;justify-content:space-evenly;width:75%}#navigation,.menus{align-items:center;display:flex}.menus{height:100%;justify-content:center;white-space:nowrap;width:33.34%}.menusText{-webkit-text-fill-color:transparent;background:linear-gradient(to bottom,var(--secondary-text-color) 50%,var(--main-text-color) 50%);background-clip:text;-webkit-background-clip:text;background-position:0 100%;background-size:100% 200%;font-size:2.8rem;font-weight:400;overflow:hidden;transition:background-position .75s}.menus:hover .menusText{background-position:0 0}.hoverMenu{align-items:center;background-color:var(--ui-background-color);border-radius:0 0 1.2rem 1.2rem;clip-path:inset(0 0 15rem 0);display:flex;flex-direction:column;font-size:2.6rem;height:15rem;justify-content:space-evenly;max-height:40rem;padding-top:1rem;position:fixed;top:5rem;transition:1s;width:33.34%}.menus:hover .hoverMenu{clip-path:inset(0 0 0 0)}.optionsHeaders,.optionsLinks span{color:var(--secondary-text-color)}.optionsLinks span{font-style:italic;text-decoration:underline}.optionsLinks span:hover{opacity:.75}.uploadBackgroundInput{display:none}.uiColorContainer{display:flex;flex-direction:column;gap:1rem}.uiOptionsLabels{align-items:center;display:flex;gap:2rem;justify-content:space-between}#mainBackgroundImage{background-image:url(ec8a46b0d0e21d690d4c.svg);background-size:cover;height:100%;position:fixed;width:100%;z-index:-1}input[type=color]::-webkit-color-swatch,input[type=color]::-webkit-color-swatch-wrapper{border:none;box-shadow:0 .2rem .8rem rgba(0,0,0,.28);padding:0}.authenticationForm{align-items:center;display:flex;flex-direction:column;height:90%;justify-content:space-evenly;text-align:center}.loginRegisterText span{color:var(--secondary-text-color)}.loginWithGoogleButton{align-items:center;background-color:#fff;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);color:#757575;cursor:pointer;display:flex;font-size:1.4rem;font-weight:700;padding:1rem 1rem 1rem 2rem;user-select:none;width:75%}.loginWithGoogleButton svg{margin-right:1.5rem;width:2rem}.ascendingDescendingContainer{display:flex;gap:2rem;width:100%}.confirmationWindow{animation:createSizeAndOpacityAnimation .5s forwards;border:.4rem solid var(--secondary-text-color);height:30%;justify-content:space-evenly;padding:1rem 2rem;position:absolute;text-align:center;width:75%}.activeOptionsMenu,.confirmationWindow{align-items:center;background-color:var(--ui-background-color);border-radius:1.2rem;display:flex;flex-direction:column}.activeOptionsMenu{--activeOptionsWidth:30rem;--activeOptionsHeight:50rem;animation:createSizeAndOpacityAnimation .3s forwards;box-sizing:border-box;color:var(--main-text-color);height:var(--activeOptionsHeight);justify-content:space-around;left:50%;margin-left:calc(var(--activeOptionsWidth)/2 - var(--activeOptionsWidth));margin-top:calc(var(--activeOptionsHeight)/2 - var(--activeOptionsHeight));padding:2rem;position:fixed;top:50%;width:var(--activeOptionsWidth);z-index:1}#form{align-items:center;display:flex;flex-direction:column;gap:1.4rem}.exitOptionsButton{color:var(--exit-button-color);cursor:pointer;font-size:3.2rem;opacity:.55;position:absolute;right:.8rem;top:0;user-select:none}.exitOptionsButton:hover{opacity:1}input:-webkit-autofill,input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-text-fill-color:var(--main-text-color)!important;-webkit-appearance:none;-webkit-box-shadow:0 0 0 3rem var(--ui-background-color) inset!important;margin:0}fieldset{background-color:var(--ui-background-color);border:.2rem solid var(--secondary-text-color);border-radius:1.2rem;color:var(--secondary-text-color);display:flex;text-align:center;user-select:none;width:70%}legend{padding:0 1.2rem;z-index:1}.inputTypeText{background-color:var(--ui-background-color);border:none;color:var(--main-text-color);padding:.6rem;text-align:center;width:100%}.inputTypeText:hover{opacity:.35}.inputTypeText:focus,.inputTypeText:hover{border-radius:.2rem;outline:.2rem var(--main-text-color) solid}.inputTypeText:focus{opacity:1}.inputTypeText::placeholder{color:var(--main-text-color);opacity:.5}.inputTypeText:focus::placeholder{color:transparent}#checkboxContainer{align-items:center;color:var(--secondary-text-color);cursor:pointer;display:flex;flex-direction:column;user-select:none}.checkbox{cursor:pointer;height:0;opacity:0;width:0}.customCheckbox{align-items:center;border:.2rem solid var(--secondary-text-color);border-radius:.6rem;display:flex;height:2rem;justify-content:center;margin-top:.4rem;transition-duration:.5s;width:2rem}#checkboxContainer input:checked~.customCheckbox{background-color:var(--secondary-text-color)}.customCheckbox:after{content:"";display:none;position:absolute}#checkboxContainer input:checked~.customCheckbox:after{display:block}#checkboxContainer .customCheckbox:after{border:solid var(--main-text-color);border-width:0 .3rem .3rem 0;height:1rem;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);width:.5rem}#pages{--pagesWidth:50%;align-items:center;background-color:var(--ui-background-color);border-radius:4rem;bottom:0;box-shadow:inset 0 0 1rem rgba(0,0,0,.25);color:var(--main-text-color);display:flex;font-size:2.6rem;height:5rem;justify-content:space-between;left:50%;margin-bottom:1rem;margin-left:calc(var(--pagesWidth)/2 - var(--pagesWidth) - 2rem);padding:0 2rem;position:fixed;transition:opacity .5s;user-select:none;width:var(--pagesWidth)}#pages p{cursor:pointer;margin:0;transition-duration:.25s}#booksDisplay{display:grid;grid-template-columns:repeat(auto-fill,26rem);justify-content:center;justify-items:center;padding:12rem 10rem 8rem 11rem;position:relative;row-gap:4rem}.card{background-color:transparent;height:26.15rem;perspective:1000px;position:relative;transition:all .65s ease-in-out;user-select:none;width:19.2rem}.flipCardInner{border-radius:1.8rem 1rem 1rem 1rem;box-shadow:0 1rem 1.3rem -.7rem #000,0 1.1rem 5rem .7rem rgba(0,0,0,.12),0 .5rem 2rem .3rem rgba(0,0,0,.3);height:100%;position:relative;transform:perspective(1000px) rotateX(15deg);transform-style:preserve-3d;transition:transform .8s;width:100%}.flipCardInner:after{backface-visibility:hidden;background:#fff;background-image:linear-gradient(180deg,transparent .2rem,#e4e0ce 0,transparent .3rem,transparent .4rem,#e4e0ce 0,transparent .5rem,transparent .6rem,#e4e0ce 0,transparent .7rem,transparent .8rem,#e4e0ce 0,transparent .9rem,transparent 1rem,#e4e0ce 0,transparent 1.1rem);border-radius:2.8rem .4rem .2rem 2.8rem;bottom:.25rem;box-shadow:inset .2rem .3rem 0 0 #72716ac4,inset .3rem .5rem 0 0 #9b998fc4,inset .4rem .7rem 0 0 #bbb9afc4,inset .5rem .9rem 0 0 #dbd9cec4;content:"";height:5%;left:.27rem;position:fixed;width:98%}.card:hover .flipCardInner{transform:rotateY(180deg)}.flipCardBack,.flipCardFront{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:#c9c9c9;height:100%;position:absolute;width:100%}.flipCardFront{align-items:center;border-radius:1.8rem .6rem .6rem 1rem;display:flex;flex-direction:column;font-size:2rem;justify-content:space-evenly;outline:1px solid transparent;position:fixed;text-align:center}.flipCardFront svg{transform:translateX(1.4rem);width:50%}.flipCardFront:after{border-radius:1.8rem .4rem .4rem 1rem;box-shadow:inset 1.6rem 0 1.4rem -1rem rgba(0,0,0,.95);content:"";height:100%;left:0;position:absolute;top:0;width:100%}.flipCardFrontImg{border-radius:1.8rem .6rem .6rem 1rem;height:100%;width:100%}.flipCardBack{content-visibility:hidden;border-radius:.6rem;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;transform:rotateY(180deg);visibility:hidden;z-index:2}.flipCardBackImg{height:100%;opacity:20%;position:absolute;width:100%;z-index:-3}.isReadCheckbox{display:none}.isReadCheckboxLabel{cursor:pointer;left:50%;margin-left:-3rem;position:absolute;top:33%;transition-duration:.5s;z-index:-2}.isReadCheckboxLabel svg{fill:var(--main-text-color);height:6rem;pointer-events:none;transition-duration:.5s;width:6rem}.isReadCheckboxLabel:hover{transform:translateY(-1.5rem)}.isReadCheckboxLabel:hover svg{fill:var(--secondary-text-color);background-color:var(--ui-background-color);border-radius:.6rem;padding-bottom:1rem}.cardParagraphs{color:var(--main-text-color);display:inline-block;font-size:1.4rem;padding:0 1.2rem .6rem;position:relative;text-align:left;user-select:text;z-index:1}.flipCardBack p span{display:none}.showAllParagraphText{animation:createSizeAndOpacityAnimation .5s forwards;overflow-wrap:break-word;width:23.5rem}.copied,.showAllParagraphText{background-color:var(--main-text-color);border-radius:.6rem;color:var(--ui-background-color);padding:1rem;pointer-events:none;position:absolute;z-index:1}.copied{align-items:center;display:flex}.flipCardBackColouredBackground{background-color:var(--ui-background-color);height:90%;position:absolute;top:50%;transform:skew(15deg,-10deg);width:140%;z-index:-1}.topLeftBookContainer,.topRightBookContainer{background-color:var(--ui-background-color);border-radius:4rem;cursor:pointer;height:6rem;position:absolute;top:-3.2rem;user-select:none;width:6rem}.topRightBookContainer{right:-3.2rem}.topLeftBookContainer{left:-3.2rem}.topLeftBookSymbol,.topRightBookSymbol{fill:var(--main-text-color);align-items:center;color:var(--main-text-color);cursor:pointer;display:flex;font-size:3rem;height:1.4rem;justify-content:center;pointer-events:none;position:absolute;top:3.5rem;transition-duration:.3s;width:1.4rem}.topLeftBookSymbol{left:3.7rem}.topRightBookSymbol{right:3.7rem;transform:rotate(-45deg)}.topLeftBookContainer:hover .topLeftBookSymbol{fill:var(--secondary-text-color);color:var(--secondary-text-color)}.topLeftBookContainer:active .topLeftBookSymbol{transform:scale(1.2);transition-duration:.01s}.topRightBookContainer:hover .topRightBookSymbol{color:var(--exit-button-color)}.topRightBookContainer:active .topRightBookSymbol{transform:scale(1.2) rotate(-45deg);transition-duration:.01s}.activePage{color:var(--secondary-text-color);transform:scale(1.2)}.activeAddBook{display:flex!important}.inactiveAddBook{display:none!important}.hide{opacity:0}#codeWriter{bottom:1rem;color:var(--ui-background-color);display:flex;flex-direction:column;font-size:1rem;margin-right:2rem;opacity:.4;position:fixed;right:0;text-shadow:.1rem .1rem .4rem var(--secondary-text-color);transition-duration:.4s;user-select:none}#codeWriter:hover{background-color:var(--ui-background-color);color:var(--main-text-color);opacity:1;padding:.35rem;transform:scale(1.1)}#codeWriter p{display:inline}#githubIcon{box-shadow:none;height:1rem;width:1rem}a{color:inherit;cursor:pointer;text-decoration:none}@keyframes createSizeAndOpacityAnimation{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@media only screen and (min-width:900px){#navigation{width:80rem}.menuButton{width:50%}#pages{--pagesWidth:60rem}}@media only screen and (max-width:650px){#navigation{width:90%}.menusText{font-size:2rem}.menuButton{font-size:1rem}#pages{--pagesWidth:80%}#codeWriter{display:none}}@media only screen and (max-width:450px){.menusText{font-size:1.6rem}.activeOptionsMenu{--activeOptionsWidth:80%}}@media only screen and (max-width:350px){.menusText{font-size:1.2rem}.menuButton{font-size:.8rem}}@media only screen and (max-height:700px){html{font-size:50%}.activeOptionsMenu{--activeOptionsHeight:55rem}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{-webkit-text-size-adjust:100%;line-height:1.15}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}