@import url(https://fonts.googleapis.com/css2?family=League+Spartan&display=swap);.warning[data-v-022874d8]{display:flex;background-color:#8f5151;color:#ddd;box-shadow:0 4px 4px 0 rgba(0,0,0,.1),0 5px 5px 0 rgba(0,0,0,.08);box-shadow:4px rgba(0,0,0,.1),4px rgba(0,0,0,.08);border-radius:10px;margin:0;padding:0 .5em;justify-content:space-between;align-items:center}#warning-header[data-v-022874d8]{margin:.2em .5em;align-content:center;vertical-align:middle;padding-top:.1em}#warning-message-server[data-v-022874d8],#warning-message[data-v-022874d8],#warning-pipe[data-v-022874d8]{margin:0}.home-right{padding:11px 20px;margin-left:auto}.topnav{display:flex}.push{margin-left:auto;justify-content:flex-end}.topnav a{color:#222;float:left;font-family:Arial Black,Gadget,sans-serif;text-align:center;padding:16px 20px;text-decoration:none;font-size:18px}.topnav a:hover{background-color:#f9f9f9;color:#222}.topnav .dropdown{overflow:hidden}.topnav .dropdown .dropbtn{border:none;background:inherit;outline:none;color:#222;float:left;font-family:Arial Black,Gadget,sans-serif;text-align:center;margin-top:10px;padding:6px 16px;text-decoration:none;font-size:18px}.topnav .dropdown-content{display:none;position:absolute;background-color:#f9f9f9;min-width:160px;z-index:1}.topnav .dropdown-content a{float:none;color:#222;margin-top:4px;padding:12px 16px;text-decoration:none;text-align:left;display:block}.topnav .dropdown-content a:hover{background-color:rgba(187,218,218,.8)}.topnav .dropdown:hover .dropdown-content{background-color:#f9f9f9;display:block}.title h1{margin-top:65px;margin-bottom:15px;text-align:center;font-size:70px;color:#222;letter-spacing:1px;color:rgba(7,50,61,.85);text-shadow:1px 2px 4px #eef1f1,0 0 0 #000,1px 2px 3px #183c41}.title h1,.title h1 span{text-transform:uppercase;font-family:Bubblegum Sans,cursive}.title h1 span{margin-top:5px;font-size:25px;color:#444;word-spacing:1px;font-weight:400;letter-spacing:2px;display:grid;grid-template-columns:1fr -webkit-max-content 1fr;grid-template-columns:1fr max-content 1fr;grid-template-rows:27px 0;grid-gap:20px;align-items:center;box-shadow:4px rgba(0,0,0,.1),4px rgba(0,0,0,.08)}.title h1 span:after,.title h1 span:before{content:" ";display:block;border-bottom:1px solid #ccc;border-top:1px solid #ccc;height:5px;background-color:#f8f8f8}body{font-family:League Spartan,sans-serif;font-size:20px;background:linear-gradient(90deg,#8ab9bc 0,#b0dde0 50%,#8ab9bc 99%)}.form-register{width:1050px}.form-login,.form-register{font-family:League Spartan,sans-serif;margin:30px auto;background:linear-gradient(90deg,#e9f8fa 0,#fafafa 50%,#fff 99%);border-radius:10px;box-shadow:4px rgba(0,0,0,.1),4px rgba(0,0,0,.08)}.form-login{width:850px}.form-add-book,.form-reading-log{font-family:League Spartan,sans-serif;background:linear-gradient(90deg,#e9f8fa 0,#fafafa 50%,#fff 99%);border-radius:10px;box-shadow:4px rgba(0,0,0,.1),4px rgba(0,0,0,.08)}.form-header{height:50px;background-color:#d1e6d6;border-top-left-radius:10px;border-top-right-radius:10px;padding-left:20px;padding-top:20px;font-size:36px;font-family:League Spartan,sans-serif;color:#313131;text-shadow:1px 4px 6px #9dc0c0,0 0 0 #333535,1px 1px 1px #2a656d}.form-register .form-body{margin:30px;height:160px}.form-add-book .form-body{margin:15px;height:110px}.form-reading-log .form-body{margin:10px;height:150px}.form-body{margin:10px;padding:20px;height:40px}.form-group{margin-bottom:35px}.form-group-wide{width:58%}.form-group-narrow{width:41%}.form-body .label-title{color:#157788;font-size:20px;font-weight:700;padding-right:10px;padding-left:10px}.form-body .form-input{width:55%;border:1px solid #d6d6d6;border-radius:6px}.form-body .form-input,.form-body .form-password{font-size:14px;box-sizing:border-box;height:30px;padding-left:10px;padding-right:10px;color:#333;text-align:left;background:#fff;outline:none}.form-body .form-password{width:35%;border:1px solid #d6d6d6;border-radius:4px}.horizontal-group .left{float:left;width:53%}.horizontal-group .right{float:right;width:47%}.split-form-one-group-right{float:right;width:50%}.split-form-two-group-right{float:right;width:49%}.split-form-one-group-left{float:left;width:45%;margin-left:0;padding-left:0}.split-form-two-group-left{float:left;width:55%;margin:0}.btn-body{background-color:#157788;border-radius:10px}.btn-body:hover{background-color:#1fc1dd}.btn-body:hover,.form-footer{box-shadow:0 4px 4px 0 rgba(0,0,0,.1),0 5px 5px 0 rgba(0,0,0,.08)}.form-footer{height:30px;background-color:#d1e6d6;border-bottom-left-radius:10px;border-bottom-right-radius:10px;text-align:right;padding:18px;border-top:1px solid #ccc}.form-footer span{float:right;margin-top:10px;color:#cc2626;font-style:italic;font-weight:thin}.form-footer .btn{border:10px;float:right;padding:8px;padding-left:25px;padding-right:25px;margin-left:50px;margin-right:50px;margin-bottom:20px;background-color:#1791a7;font-size:17px;border:none;border-radius:10px;color:#fff;cursor:pointer}.btn:hover{background-color:#22aac2;color:#fff;box-shadow:0 4px 4px 0 rgba(0,0,0,.1),0 5px 5px 0 rgba(0,0,0,.08)}.btn{border:10px;float:left;padding:8px;padding-left:25px;padding-right:25px;margin-left:50px;margin-right:50px;background-color:#157788;font-size:17px;border:none;border-radius:10px;color:#fff;cursor:pointer;box-shadow:inset 0 -.6em 1em -.35em rgba(0,0,0,.17),inset 0 .6em 2em -.3em hsla(0,0%,100%,.15),inset 0 0 0 .05em hsla(0,0%,100%,.12)}.drop-down{margin-left:10px}h4,h5,h6{font-family:League Spartan,sans-serif}h4{font-size:29px;font-weight:700}h1{margin-bottom:6px}.register-flex{display:flex;justify-content:space-evenly;flex-wrap:wrap}.btn-body{display:inline-block;padding:10px 10px;background-color:#1ca3dc;font-size:17px;border:none;border-radius:5px;color:#bcf5e7;cursor:pointer}.btn-body:hover{background-color:#157788;color:#fff}.isParent{margin:10px;margin-left:10%;font-size:18px;font-weight:700;padding-right:18px}.split-form-one-group-left-child{float:left;width:50%;margin-left:0;padding-left:0}.drop-down{border:2px;background:#fff;outline:3px;color:#222;font-family:League Spartan,sans-serif;text-align:left;margin-top:8px;padding:6px 16px;text-decoration:none;font-size:15px}select{line-height:2px}option{min-height:1.4em;padding:1px 3px 6px}#readers{width:140px;margin-bottom:15px}#minutesread{margin-top:16px;width:80px;margin-left:5px}#assignedbooks{width:140px}#bookformat{width:140px;margin-top:16px}#genre{margin-right:0}#difficulty,#genre{width:90px}.label-kid{margin-top:1px;margin-bottom:1px;text-align:left;font-size:42px;text-transform:uppercase;color:#222;letter-spacing:1px;font-family:Bubblegum Sans,cursive;color:rgba(7,50,61,.85)}#modal-h1[data-v-0ebaf62b]{font-size:50px}#modal-span[data-v-0ebaf62b]{font-size:40px}.modal-overlay[data-v-0ebaf62b]{position:fixed;top:0;bottom:0;left:0;right:0;display:flex;justify-content:center;align-content:center;background-color:rgba(0,0,0,.8549019607843137)}.modal[data-v-0ebaf62b]{text-align:left;background-color:rgba(217,245,221,.9);height:770px;width:1200px;margin-top:1%;padding:0 0;border-radius:5px;overflow:scroll;overflow-x:hidden}.close[data-v-0ebaf62b]{margin:10% 0 0 16px;cursor:pointer}.close-img[data-v-0ebaf62b]{width:25px}.modal-fade-enter[data-v-0ebaf62b],.modal-fade-leave-to[data-v-0ebaf62b]{opacity:0}.modal-fade-enter-active[data-v-0ebaf62b],.modal-fade-leave-active[data-v-0ebaf62b]{transition:opacity .5s ease}.modal-parent[data-v-0ebaf62b]{padding-top:20px;float:left;width:100%;justify-content:left}.modal-parent td[data-v-0ebaf62b],.parent th[data-v-0ebaf62b]{border:1px solid #f3f7f4;padding:8px}.modal-parent tr[data-v-0ebaf62b]:nth-child(2n){background-color:#fff}.modal-parent tr[data-v-0ebaf62b]:hover{background-color:rgba(18,108,124,.466)}.modal-parent th[data-v-0ebaf62b]{padding-top:12px;padding-bottom:12px;text-align:left;background-color:rgba(18,108,124,.9);color:#f2f7f3}#header[data-v-0ebaf62b]{padding-left:9px}.box{display:flex;justify-content:space-around}.parent{padding-top:40px;float:left;width:100%;justify-content:center}.parent td,.parent th{border:1px solid hsla(0,0%,100%,.952);padding:8px;background-color:rgba(249,252,250,.493)}.parent tr:nth-child(2n){background-color:rgba(208,227,214,.7)}.parent tr:hover{background-color:#e5f7e8}.parent th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:rgba(17,99,114,.719);color:#f2f7f3}.card{display:grid;background:#020024;background:radial-gradient(circle,#020024 0,rgba(182,251,234,.7987570028011204) 0,#268090 100%);grid-template-columns:1fr;grid-template-rows:70px 320px 30px 30px 20px;gap:3px;font-family:Arial Black,Gadget,sans-serif;border:5px solid #fff;border-radius:10px;width:310px;height:530px;padding:5px;margin:15px;text-align:center;align-content:center;box-shadow:0 4px 4px 0 rgba(0,0,0,.1),0 5px 5px 0 rgba(0,0,0,.08);box-shadow:4px rgba(0,0,0,.1),4px rgba(0,0,0,.08)}.card .book-title{grid-row:1;color:#222;padding-bottom:10px}.card .cover{background:rgba(209,230,214,.5);border-radius:10px 10px 10px 10px;grid-row:2;margin-bottom:10px}#cover{border-radius:5px 5px 5px 5px;position:relative;top:50%;transform:translateY(-50%)}.card .book-author{grid-row:3;text-align:center;padding-top:10px}.card .book-isbn{grid-row:4}.card .book-difficulty{grid-row:5}h4{margin:0;color:#222}h5{font-size:14px}.buttons{display:flex;justify-content:center;padding-top:40px;padding-bottom:55px}.book-container,.book-shelf{display:flex;justify-content:space-evenly;flex-wrap:wrap}.history{margin-left:auto;margin-right:auto;width:70%;justify-content:center;font-weight:100}.history td,.history th{border:1px solid #bbf2fc;padding:10px}.history tr:nth-child(2n){background-color:#f2f2f2}.history th{padding-top:12px;padding-bottom:12px;text-align:left;background-color:#126c7c;color:#fff}.history th:hover{background-color:#ddd}.left-end{border-radius:8px 3px 3px 8px}.middle{border-radius:3px 3px 3px 3px}.right-end{border-radius:3px 8px 8px 3px}.right-end-top{border-radius:3px 8px 5px 3px}.left-end-top{border-radius:8px 3px 3px 5px}