@font-face{font-family:"MrsEaves";src:url("/assets/fonts/MrsEaves.ttf")}@font-face{font-family:"bookmania";src:url("/assets/fonts/bookmania/BookmaniaRegular.otf")}@font-face{font-family:"bookmaniabold";src:url("/assets/fonts/bookmania/BookmaniaBold.otf")}nav{position:fixed;left:0;z-index:10;width:100%;top:0;text-align:right}nav .logo{left:40px;display:block;top:10px;position:absolute;width:50px;padding-bottom:10px}nav .logo img{width:100%}nav #result{position:absolute;width:100%;background-color:#111;margin-top:55px}nav #result .search-items{padding:20px;text-align:center}nav #result .search-items a{border:3px solid #333;color:#f2f2f2;background-color:#333;border-radius:3px;display:inline-block;padding:20px;margin:0 20px 20px 20px;background-size:cover;background-position:center}nav #result .search-items a p{font-size:12px;margin:0;background-color:rgba(51,51,51,0.6);padding:5px}nav #result .search-items a div{background-color:rgba(51,51,51,0.6);padding:5px}nav input{display:inline-block;position:absolute;top:20px;width:55%;left:100px;padding:10px 10px;transition:500ms ease-in-out;-moz-transition:500ms ease-in-out;-ms-transition:500ms ease-in-out;-o-transition:500ms ease-in-out}nav input.hide{padding:10px 0px;width:0%}nav ul{padding:20px;margin:0}nav ul li{display:inline-block;animation:floatin 500ms ease-in-out forwards;opacity:0}nav ul li a{padding:5px 20px;color:white;text-transform:uppercase;display:block;transform:rotateX(0deg) translateY(0px);line-height:24px}nav ul li a:after{content:attr(data-content);line-height:24px;width:100%;text-align:center;color:#00CEFF;position:absolute;padding:5px 20px;left:50%;top:0;transition:200ms ease-out;text-transform:uppercase;transform:rotateX(-90deg) translateY(12px) translateX(-50%)}nav ul li p{margin:0;position:relative;transition:200ms ease-out}nav ul li:hover>a:after{transform:rotateX(0deg) translateY(0px) translateX(-50%)}nav ul li:hover>a>p{color:#00CEFF;transform:rotateX(90deg) translateY(-12px)}nav ul li.dropdown ul{display:none;position:absolute;text-align:left;padding:0px;padding-top:25px}nav ul li.dropdown ul li a{padding-left:5px;position:relative;color:#f2f2f2;background-color:rgba(17,17,17,0.7)}nav ul li.dropdown ul li a::after{position:absolute;left:0px;height:80%;top:10%;width:2px;background-color:#f2f2f2;padding:0}nav ul li.dropdown ul li a:hover{color:#00CEFF}nav ul li.dropdown ul li a:hover::after{background-color:#fff347}nav ul li.dropdown ul li:nth-child(1){animation-delay:0ms}nav ul li.dropdown ul li:nth-child(2){animation-delay:100ms}nav ul li.dropdown:hover p{transform:rotateX(0deg) translateY(0px)}nav ul li.dropdown:hover a:after{transform:rotateX(0deg) translateY(0px) translateX(0%)}nav ul li.dropdown:hover ul{display:block}nav ul li:nth-child(1){animation-delay:250ms}nav ul li:nth-child(2){animation-delay:350ms}nav ul li:nth-child(3){animation-delay:450ms}nav ul li:nth-child(4){animation-delay:550ms}.modal{width:100vw;height:100vh;background-color:rgba(0,0,0,0.2);position:fixed;left:0;overflow-y:scroll;z-index:105;top:0}.modal-container{width:50%;left:25%;margin-top:50px;position:relative;background-color:#111;border-radius:3px;box-shadow:0px 0px 10px rgba(0,0,0,0.4)}.modal-container#imageContainer{width:auto;left:50%;transform:translateX(-50%);text-align:center;margin-top:25px;position:absolute;border-radius:0}.modal-container#imageContainer img{max-width:80%;max-height:90%}.modal-ml .modal-container{width:65%;left:17.5%}.modal-content{padding:0px 5%;display:flex;flex-wrap:wrap;position:relative}.modal-footer{text-align:right;padding:20px 5%;border-top:2px dashed #333;margin-top:10px}.modal-header{text-align:left;padding:20px 5%;margin-bottom:10px;background-color:#333;border-radius:3px 3px 0px 0px}@keyframes floatin{0%{opacity:0;transform-origin:100% 0;transform:perspective(800px) rotateY(90deg)}100%{opacity:1;transform-origin:0 100%;transform:perspective(800px) rotateY(0deg)}}.hero{position:relative;width:100%;min-height:600px}.hero-content{text-align:center;margin-top:100px}.home-container{width:100%;display:flex;justify-content:center;align-items:center;height:100vh;background:radial-gradient(#222, #111);overflow:hidden;white-space:nowrap}.home-container h3{position:absolute;z-index:1;text-shadow:0px 0px 25px #111}.home-container h3 div{display:inline-block}.home-container canvas{z-index:0;width:100%}.home-container p{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);color:#fff}.home-content{padding:20px 0;width:100%;display:flex}.home-content .image{flex:1 0 40%}.home-content .image video{width:100%}.home-content .text{flex:1 0 50%}.home-content .text:nth-child(1){padding:0 1% 0 4%}.home-content .text:nth-child(2){padding:0 4% 0 1%}.down-anim{left:-10%;top:0px;background-color:#fff;width:2px;position:absolute;animation:growDownShrink 3s infinite}.down-anim:after{left:100px;top:0px;content:"";background-color:#fff;width:2px;position:absolute;animation:growDownShrink2 3s infinite}.user{position:relative;padding:20px 5%;width:50%;background-color:#333;left:20%;margin-top:60px}.alerttext{opacity:0;transition:400ms ease-in-out;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.alerttext p{margin:0}.fadeIn{opacity:1}.ck-content .table table{height:auto !important}.document-editor{width:100%;border-radius:2px;flex:1 0 100%;margin-top:10px !important;color:#333;background-color:#E6EBF2}.document-editor__editable-container{height:80vh;overflow:scroll}.document-editor h2{margin-top:0;font-size:48px;font-weight:600;border-bottom:1px solid #333;padding-bottom:5px}.document-editor h3{font-size:32px;margin-top:0;font-weight:400;border-bottom:1px solid #333;padding-bottom:5px}.document-editor h4{font-size:24px;border-bottom:1px solid #333;padding-bottom:5px;margin-top:0}.document-editor table{color:#333}.document-editor ul{list-style:circle}.document-editor a{color:#007D9B}.document-editor .table{display:inline-block !important}.container{width:100%;display:flex;padding-bottom:100px;background:radial-gradient(#222, #111)}.container-inner{width:80%;position:relative;left:10%;margin-top:80px;display:flex;flex-wrap:wrap}.container-header{border-bottom:2px solid #f2f2f2;flex:1 0 50%;position:relative}.container-option{flex:1 0 50%;border-bottom:2px solid #f2f2f2;text-align:right}.container-page{width:80%;left:10%;position:relative;border-radius:5px}.overlay-loading{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(51,51,51,0.4)}.overlay-loading::after{content:"";position:absolute;width:0%;height:2px;background-color:#f2f2f2;right:0;top:30%;animation:growLeftShrink 500ms infinite}.overlay-loading::before{content:"";position:absolute;width:0%;height:2px;top:50%;background-color:#f2f2f2;right:0;animation-delay:1s;animation-name:growLeftShrink;animation-duration:500ms;animation-delay:200ms;animation-timing-function:ease-in-out;animation-fill-mode:infinite}.menu-click{position:fixed;background-color:#E6EBF2;color:#333;margin:0;padding:0;border-radius:0px 2px 2px 2px}.menu-click li{padding:5px;margin:0;border-radius:0px 2px 2px 2px}.menu-click li:hover{color:#111;background-color:#c5cad1}.color-container{padding:20px;background-color:#111;border-radius:2px;display:flex;flex-wrap:wrap;top:-4px;position:relative}.color-item{flex:1 0 10%;max-width:10%;position:relative;transition:100ms ease-in-out;-webkit-transition:100ms ease-in-out;-moz-transition:100ms ease-in-out;-ms-transition:100ms ease-in-out;-o-transition:100ms ease-in-out;border-radius:3px}.color-item.selected{border:2px solid #fff347;margin:-2px}.color-item .color{position:relative;width:80%;padding-top:80%;margin:10%;background-color:attr(data-color);border-radius:3px}.color-item .color.ui-draggable-dragging{opacity:0.7}.color-item div{max-width:100%}.color-item:hover{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}.folder-break{width:100%;flex:1 0 100%;border-bottom:2px solid #adadad}.alert{position:relative;width:80%;padding:20px 5%;left:5%;margin-top:20px;border-radius:5px;background-color:#f2f2f2}.alert-fixed{position:fixed;width:300px;text-align:center;left:50%;transform:translateX(-50%);box-shadow:0px 0px 10px rgba(51,51,51,0.3);z-index:12;bottom:80px;margin-top:0;border-radius:20px;height:30px;line-height:30px;background-color:#00CEFF;color:#f2f2f2;transition-duration:500ms;-webkit-transition-duration:500ms;-moz-transition-duration:500ms;-ms-transition-duration:500ms;-o-transition-duration:500ms;-transition-duration:500ms}.alert-dismiss{position:absolute;border-radius:0px 20px 20px 0px;height:30px;right:0px;top:0px;padding:0px 10px;background-color:#007D9B}.alert-dismiss i{line-height:30px}.alert-dismiss:hover{background-color:#63e1ff}.alert-failed{background-color:rgba(234,28,24,0.5);box-shadow:0px 0px 10px rgba(179,15,12,0.7)}.alert-failed i{color:#333}.alert-failed h5{color:#333}.alert-success{background-color:rgba(106,217,89,0.5);box-shadow:0px 0px 10px rgba(106,217,89,0.7)}.alert-success i{color:#333}.alert-success h5{color:#333}.alert span{position:absolute;right:10px;top:10px;cursor:pointer}.btn{background-color:transparent;outline:0;border:0;color:#333;background-color:#f2f2f2;padding:5px 10px;border-radius:3px;cursor:pointer}.btn-primary{background-color:#fff347}.btn-danger{background-color:#ea1c18}.btn-secondary{background-color:#00CEFF}.btn-anim{padding:0;background-color:transparent;position:relative;color:#f2f2f2}.btn-anim::after{content:"";position:absolute;width:0%;height:2px;background-color:#f2f2f2;right:0}.btn-anim::before{content:"";position:absolute;width:0%;height:2px;margin-top:16px;background-color:#f2f2f2;right:0;animation-delay:1s}.btn-anim img{position:absolute;right:-10px;top:-15px;width:20px;height:30px;transform:scale(0)}.btn-anim:hover{color:#00CEFF}.btn-anim:hover img{animation-name:growShrink;animation-duration:500ms;animation-delay:600ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}.btn-anim:hover::after{animation:growLeftShrink 500ms forwards}.btn-anim:hover::before{animation-name:growLeftShrink;animation-duration:500ms;animation-delay:200ms;animation-timing-function:ease-in-out;animation-fill-mode:forwards}label{display:block;padding:10px 10px 10px 0px}.sheet{background-size:contain;background-position:center}.sheet h5,.sheet .tag{background-color:rgba(51,51,51,0.6)}.file-container{width:70%;height:70%;padding:5%;margin:10%;background-color:#333;border-radius:3px;text-align:center;position:relative}.file-container h5{position:absolute;width:101%;left:50%;top:50%;font-size:14px;color:#E6EBF2;transform:translate(-50%, -50%)}.file-container.image{overflow:hidden;height:80px;white-space:nowrap;background-size:cover;background-size:contain;background-position:center}.file-container.image h5{background-color:rgba(51,51,51,0.7) !important;top:auto;bottom:0px;transform:translate(-50%, 0%)}.file-container.image img{width:100%;border-radius:3px}.folder{position:relative}.note{position:relative}.notes-title{position:absolute;top:65px;width:100%;text-align:center;font-size:24px;text-transform:uppercase}.notes-list{position:fixed;right:-213px;background-color:#333;top:0px;padding:100px 0px 20px 0px;min-width:250px;height:calc(100% - 120px);transition:500ms ease-in-out;webkit-transition:500ms ease-in-out;-moz-webkit-transition:500ms ease-in-out;-ms-webkit-transition:500ms ease-in-out;-o-webkit-transition:500ms ease-in-out;overflow:scroll;z-index:2}.notes-list:focus-within{right:0}.notes-list li{position:relative;max-width:180px;padding:5px 20px 5px 60px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.notes-list li img{position:absolute;width:20px;left:15px;top:7px}.notes-list li img:nth-child(2){left:37px}.notes-list li a:focus-within{outline:0px}.notes-list li a:focus-within img{transform:scale(1.2);-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-ms-transform:scale(1.2);-o-transform:scale(1.2);outline:3px solid #fff347;padding:5px;margin:-5px}.notes-list li a:focus{color:#fff347}.notes-list li.favouriteoption{white-space:inherit;overflow:auto}.notes-list .toggle{position:absolute;right:10px;top:65px;font-size:24px;transition:500ms ease-in-out;webkit-transition:500ms ease-in-out;-moz-webkit-transition:500ms ease-in-out;-ms-webkit-transition:500ms ease-in-out;-o-webkit-transition:500ms ease-in-out;z-index:3}.notes-list .toggle.show{right:85%;width:10%}.notes-list.show{right:0}.notes-list .dropdown{padding-left:10px}.notes-list .dropdown li{display:none}.notes-list .dropdown li img{left:-45px}.notes-list .dropdown li img:nth-child(2){left:-20px}.notes-list .dropdown:after{position:absolute;top:3px;font-size:16px;right:15px;content:"\02C4"}.notes-list .dropdown.active>li{display:block;padding:5px}.notes-list .dropdown.active:after{content:"\02C5"}.notes-list .dropdown:focus-within li{display:block}.timeline{position:relative}.image{position:relative}.flex-1{flex:1 0 100%}.flex-1-5{flex:1 0 66.666%}.flex-2{flex:1 0 50%}.flex-3{flex:1 0 33.333%}.flex-4{flex:1 0 25%}.flex-5{flex:1 0 20%}.flex-m1{max-width:100%}.flex-m2{max-width:50%}.flex-m3{max-width:33.3%}.flex-m4{max-width:25%}.flex-m5{max-width:20%}textarea{border:0px;background-color:#E6EBF2;color:#333;width:100% !important;max-height:50vh;font-family:'Roboto';border-radius:2px}textarea:focus{outline:0;border-bottom:2px solid #fff347;margin-bottom:-2px}input{border:0px;background-color:#E6EBF2;color:#333}input:focus{outline:0}input:disabled{color:#ea1c18 !important;border-color:#ea1c18 !important;background-color:#c5cad1 !important}input[type=range]:focus{border-bottom:0px}input[type=file]{width:96%;padding:10px 2%}input[type=text]{width:96%;padding:10px 2%;font-family:'Roboto';line-height:18px}input[type=text]:focus{transition-duration:0s;border-bottom:3px solid #fff347;padding-bottom:7px}input[type=email]{width:96%;padding:10px 2%;font-family:'Roboto';line-height:18px}input[type=email]:focus{transition-duration:0s;border-bottom:3px solid #fff347;padding-bottom:7px}input[type=password]{width:96%;padding:10px 2%;font-family:'Roboto';line-height:18px}input[type=password]:focus{transition-duration:0s;border-bottom:3px solid #fff347;padding-bottom:7px}input[type=number]{width:96%;padding:10px 2%;font-family:'Roboto';font-weight:500;font-size:18px;line-height:18px}input[type=number]:focus{transition-duration:0s;border-bottom:3px solid #fff347;padding-bottom:7px}input[type=checkbox]{transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);position:relative;width:24px;height:24px;cursor:pointer;overflow:hidden;white-space:nowrap}input[type=checkbox]:after{opacity:1;content:"";pointer-events:none;margin-right:10px;display:inline-block;vertical-align:text-top;width:18px;height:18px;cursor:pointer;font-size:0px;border:3px solid #333;background-color:#E6EBF2}input[type=checkbox]:before{opacity:0;position:absolute;content:"";width:40px;height:40px;margin-top:-30px;margin-left:-34px;border:5px solid #333}input[type=checkbox]:checked:before{opacity:1}input[type=checkbox]:focus{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}input[type=checkbox]:focus:before{margin-top:-40px;margin-left:-17px;transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg)}input[type=checkbox]:active{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}input[type=checkbox]:active:before{margin-top:-30px;margin-left:34px;transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}input[type=checkbox].small-checkbox{width:14px;height:14px}input[type=checkbox].small-checkbox:after{width:10px;height:10px;border:2px solid #333}input[type=checkbox].small-checkbox:before{width:6px;height:6px;margin-top:-2px;margin-left:-4px;border:3px solid #333}input[type=checkbox].toggle{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);position:relative;width:48px;height:24px;cursor:default;overflow:visible;white-space:normal}input[type=checkbox].toggle:after{opacity:1;z-index:3;content:"";position:absolute;left:0;top:0;display:inline-block;width:24px;height:24px;border-radius:50%;cursor:pointer;font-size:0px;border:3px solid #fff347;background-color:#cfc317}input[type=checkbox].toggle:before{opacity:1;position:absolute;content:"";pointer-events:none;width:48px;height:24px;top:0px;left:0px;margin-top:0px !important;margin-left:0px !important;border-radius:13px;z-index:2;border:3px solid #c5cad1;background-color:#E6EBF2}input[type=checkbox].toggle:checked:before{opacity:1}input[type=checkbox].toggle:checked:after{left:24px}input[type=checkbox].toggle:focus{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}input[type=checkbox].toggle:focus:before{transform:rotate(0deg);-o-transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg)}input[type=checkbox].toggle:active:before{margin-top:0px;margin-left:0px}input[type=radio]{position:relative;width:24px;height:24px;cursor:pointer;overflow:hidden;white-space:nowrap}input[type=radio]:after{content:"";position:absolute;top:0px;left:0px;width:18px;height:18px;border-radius:50%;border:3px solid #333;background-color:#E6EBF2;pointer-events:none}input[type=radio]:before{pointer-events:none;top:12px;left:12px;content:"";position:absolute;width:0px;height:0px;border-radius:50%;z-index:5;background-color:#333;-webkit-transition:all 500ms ease-in-out;-moz-transition:all 500ms ease-in-out;-ms-transition:all 500ms ease-in-out;-o-transition:all 500ms ease-in-out;transition:all 500ms ease-in-out}input[type=radio]:checked:before{width:12px;height:12px;top:6px;left:6px}input[type=radio]:focus{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1)}input[type=radio]:active{-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}input.invisiinput{display:inline-block !important;font-size:18px;color:#333;background-color:transparent !important}input.invisiinput[type=text]{background-color:transparent !important}.input-primary[type=radio]:after{border:3px solid #fff347}.input-primary[type=radio]:before{background-color:#fff347}.input-primary[type=checkbox]:after{border:3px solid #fff347}.input-primary[type=checkbox]:before{border:5px solid #fff347}.input-primary[type=text]:focus{border-bottom:3px solid #fff347}.input-primary[type=email]:focus{border-bottom:3px solid #fff347}.input-primary[type=password]:focus{border-bottom:3px solid #fff347}.input-primary[type=number]:focus{border-bottom:3px solid #fff347}.input-secondary[type=radio]:after{border:3px solid #00CEFF}.input-secondary[type=radio]:before{background-color:#00CEFF}.input-secondary[type=checkbox]:after{border:3px solid #00CEFF}.input-secondary[type=checkbox]:before{border:5px solid #00CEFF}.input-secondary[type=text]:focus{border-bottom:3px solid #00CEFF}.input-secondary[type=email]:focus{border-bottom:3px solid #00CEFF}.input-secondary[type=password]:focus{border-bottom:3px solid #00CEFF}.input-secondary[type=number]:focus{border-bottom:3px solid #00CEFF}.input-danger[type=radio]:after{border:3px solid #ea1c18}.input-danger[type=radio]:before{background-color:#ea1c18}.input-danger[type=checkbox]:after{border:3px solid #ea1c18}.input-danger[type=checkbox]:before{border:5px solid #ea1c18}.input-danger[type=text]:focus{border-bottom:3px solid #ea1c18}.input-danger[type=email]:focus{border-bottom:3px solid #ea1c18}.input-danger[type=password]:focus{border-bottom:3px solid #ea1c18}.input-danger[type=number]:focus{border-bottom:3px solid #ea1c18}.input-warning[type=radio]:after{border:3px solid #f09226}.input-warning[type=radio]:before{background-color:#f09226}.input-warning[type=checkbox]:after{border:3px solid #f09226}.input-warning[type=checkbox]:before{border:5px solid #f09226}.input-warning[type=text]:focus{border-bottom:3px solid #f09226}.input-warning[type=email]:focus{border-bottom:3px solid #f09226}.input-warning[type=password]:focus{border-bottom:3px solid #f09226}.input-warning[type=number]:focus{border-bottom:3px solid #f09226}.input-success[type=radio]:after{border:3px solid #6ad959}.input-success[type=radio]:before{background-color:#6ad959}.input-success[type=checkbox]:after{border:3px solid #6ad959}.input-success[type=checkbox]:before{border:5px solid #6ad959}.input-success[type=text]:focus{border-bottom:3px solid #6ad959}.input-success[type=email]:focus{border-bottom:3px solid #6ad959}.input-success[type=password]:focus{border-bottom:3px solid #6ad959}.input-success[type=number]:focus{border-bottom:3px solid #6ad959}@keyframes growDownShrink{0%{top:0;height:0%}20%{top:0%;height:100%}40%{top:100%;height:0%}}@keyframes growDownShrink2{20%{top:0;height:0%}40%{top:0%;height:100%}60%{top:100%;height:0%}}@keyframes growLeftShrink{0%{right:0;width:0%}30%{width:60%}100%{right:100%;width:0%}}@keyframes growShrink{0%{transform:scale(0)}30%{transform:scale(0.5)}60%{transform:scale(0.5)}100%{transform:scale(0)}}.padlock{position:relative;width:100%;overflow:hidden;white-space:nowrap;height:45vh;border-radius:10px}.padlock p{font-size:24px;position:absolute;z-index:4;text-align:center;left:0%;top:0%;text-transform:uppercase;width:100%}.padlock img{position:absolute}.padlock img:nth-child(1){left:50%;top:50%;transform:translate(-20%, -50%);width:20%;z-index:1}.padlock img:nth-child(2){left:50%;top:50%;transform:translate(-20%, -50%);width:20%;z-index:3}.padlock img:nth-child(3){animation:10s Pick ease-in-out infinite;width:40%;top:55%;left:20%;z-index:2}.padlock img:nth-child(4){animation:10s Chuck ease-in-out infinite;width:15%;top:60%;left:35%;z-index:2}.padlock img:nth-child(5){animation:24s floatRight ease-in-out infinite;width:70%;top:50%;opacity:0.4;transform:translateY(-50%);z-index:0}.padlock img:nth-child(6){animation:24s floatRight2 linear infinite;width:70%;top:50%;opacity:0.3;transform:translateY(-50%);z-index:0}.padlock img:nth-child(7){animation:18s floatRight ease-in-out infinite;width:70%;top:50%;opacity:0.5;transform:translateY(-50%);z-index:0}.padlock img:nth-child(8){animation:26s floatRight3 linear infinite;width:70%;top:50%;opacity:0.4;transform:translateY(-50%);z-index:0}.padlock img:nth-child(9){animation:26s floatRight2 linear infinite;width:70%;top:50%;opacity:0.6;transform:translateY(-50%);z-index:0}.padlock img:nth-child(10){animation:18s floatRight3 linear infinite;width:70%;top:50%;opacity:0.4;transform:translateY(-50%);z-index:0}@keyframes floatRight{0%{left:-100%;transform:translateY(-50%)}30%{transform:translateY(-50%) rotate(10deg)}60%{left:100%;transform:translateY(-50%) rotate(20deg)}100%{left:100%}}@keyframes floatRight2{0%{left:20%;transform:translateY(-50%)}20%{left:100%}80%{left:100%}80.01%{left:-100%}100%{left:20%}}@keyframes floatRight3{0%{left:-100%;transform:translateY(-50%)}60%{left:-100%}100%{left:100%}}@keyframes Chuck{0%{-webkit-transform:rotate(0deg);top:55%;left:40%}8%{left:45%}30%{-webkit-transform:rotate(5deg);left:45%;top:58%}50%{-webkit-transform:rotate(0deg)}70%{-webkit-transform:rotate(6deg);left:45%;top:58%}86%{left:45%}100%{-webkit-transform:rotate(0deg);top:55%;left:40%}}@keyframes Pick{0%{left:0%}8%{left:15%;-webkit-transform:rotate(0deg)}10%{left:19%;-webkit-transform:rotate(-10deg)}20%{left:19%;-webkit-transform:rotate(-10deg)}22%{left:20%;-webkit-transform:rotate(0deg)}30%{-webkit-transform:rotate(0deg)}32%{-webkit-transform:rotate(-12deg)}35%{-webkit-transform:rotate(-12deg)}36%{-webkit-transform:rotate(-4deg)}38%{-webkit-transform:rotate(-14deg)}42%{left:20%;-webkit-transform:rotate(-14deg)}44%{left:21%;-webkit-transform:rotate(1deg)}50%{left:23%;-webkit-transform:rotate(-10deg)}54%{-webkit-transform:rotate(-10deg)}57%{-webkit-transform:rotate(0deg)}60%{-webkit-transform:rotate(-11deg)}64%{-webkit-transform:rotate(-11deg)}66%{-webkit-transform:rotate(0deg)}72%{left:24%;-webkit-transform:rotate(-1deg)}74%{-webkit-transform:rotate(-10deg)}78%{-webkit-transform:rotate(-10deg)}80%{-webkit-transform:rotate(0deg)}82%{-webkit-transform:rotate(-11deg)}84%{-webkit-transform:rotate(0deg)}86%{left:24%;-webkit-transform:rotate(1deg)}100%{left:0%;-webkit-transform:rotate(0deg)}}@keyframes imageFloat1{0%{top:100%;left:30%}10%{left:25%}20%{left:35%}30%{top:-20%;left:30%}100%{top:-20%;left:30%}}@keyframes imageFloat2{0%{top:100%;left:80%}30%{top:100%;left:80%}40%{left:85%}50%{left:75%}60%{top:-20%;left:85%}100%{top:-20%;left:85%}}@keyframes imageFloat3{0%{top:100%;left:40%}10%{top:100%;left:40%}25%{left:45%}35%{left:40%}40%{left:55%}50%{top:-40%;left:50%}100%{top:-40%;left:50%}}@keyframes imageFloat4{0%{top:100%;left:60%}60%{top:100%;left:60%}65%{left:65%}75%{left:50%}80%{left:65%}90%{top:-40%;left:60%}100%{top:-40%;left:60%}}@keyframes imageFloat5{0%{top:100%;left:10%}75%{top:100%;left:10%}80%{left:2%}90%{left:15%}100%{top:-40%;left:0%}}@keyframes imageFloat6{0%{top:100%;left:105%}35%{top:100%;left:105%}40%{left:80%}50%{left:95%}60%{left:85%}70%{top:-20%;left:100%}100%{top:-20%;left:0%}}@keyframes imageFloat7{0%{top:100%;left:55%}45%{top:100%;left:55%}50%{left:60%}60%{left:54%}70%{left:61%}80%{top:-20%;left:56%}100%{top:-20%;left:56%}}@keyframes imageFloat8{0%{top:100%;left:25%}50%{top:100%;left:25%}60%{left:30%}70%{left:35%}80%{left:32%}85%{top:-20%;left:35%}100%{top:-20%;left:35%}}@keyframes imageFloat9{0%{top:100%;left:65%}30%{top:100%;left:65%}40%{left:70%}55%{top:-40%;left:67%}100%{top:-40%;left:67%}}@keyframes imageFloat10{0%{top:100%;left:85%}50%{top:100%;left:85%}60%{left:82%}70%{left:87%}80%{top:-20%;left:83%}100%{top:-20%;left:83%}}@keyframes rainbow{0%{color:#f2f2f2;fill:#f2f2f2}20%{color:#fff347;fill:#fff347}40%{color:#f09226;fill:#f09226}60%{color:#00CEFF;fill:#00CEFF}80%{color:#ea1c18;fill:#ea1c18}100%{color:#f2f2f2;fill:#f2f2f2}}#monsterImage{position:relative;max-width:80%;left:10%}#monsterImage img{width:100%;margin:20px 0}.monster-sheet{padding:10px;width:980px;margin:0 auto;max-height:1480px;background-image:url("/assets/vertical-page-base.jpg");background-size:cover;display:flex;flex-wrap:wrap;position:relative;margin-top:20px;font-family:'bookmania';color:#333}.monster-sheet strong{font-family:'bookmaniabold'}.monster-sheet p{margin:5px 0}.monster-sheet input{background-color:transparent !important;padding-left:0;padding-right:0}.monster-sheet input:focus{border-bottom:0;padding-bottom:10px}.monster-sheet label{margin:0;padding:0}.monster-sheet::before{left:0;content:"";position:absolute;top:0;width:100%;height:4px;background:rgba(207,195,23,0.6);border-top:1px solid #801220;border-bottom:1px solid #801220;mix-blend-mode:multiply}.monster-sheet::after{left:0;content:"";position:absolute;bottom:0;width:100%;height:4px;background:rgba(207,195,23,0.6);border-top:1px solid #801220;border-bottom:1px solid #801220;mix-blend-mode:multiply}.monster-heading{flex:1 0 100%;display:flex;flex-wrap:wrap;border-bottom:3px solid #801220}.monster-heading h5{flex:1 0 100%;font-family:'MrsEaves';color:#801220;font-size:24px;font-weight:600;letter-spacing:2px;padding-bottom:0px}.monster-heading h5 input{font-family:'MrsEaves';color:#801220;font-size:24px;font-weight:600;letter-spacing:2px;padding-bottom:0px}.monster-heading .challenge{position:absolute;right:-20px;top:-20px;font-family:'MrsEaves';width:50px;line-height:50px;font-size:32px;height:50px;padding:0;margin:0;background-color:#801220 !important;text-align:center;color:#fff;clip-path:polygon(0 10%, 10% 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%)}.monster-heading::after{position:absolute;content:"cr - ";right:35px;top:-5px;line-height:40px;font-size:18px;font-family:'bookmaniabold';color:#333}.monster-subheading{display:flex;flex-wrap:wrap;flex:1 0 100%;font-style:italic}.monster-subheading input{font-style:italic;padding-top:0px;flex:1 0 50%}.monster-body{flex:1 0 100%;display:flex;flex-wrap:wrap}.monster-body p{color:#801220;display:block;flex:1 0 100%;margin-bottom:0px;margin-top:5px}.monster-stats{display:flex;flex-wrap:wrap;flex:1 0 100%;position:relative;color:#801220;border-bottom:3px solid #801220}.monster-stats label{flex:1 0 30%;margin-top:5px}.monster-stat{flex:1 0 30%;display:flex;flex-wrap:wrap}.monster-stat input{flex:1 0 100%;padding-top:0px;line-height:20px;font-size:18px;color:#801220}.monster-stat.monster-hp input{flex:1 0 60%;max-width:60%;text-align:center}.monster-stat.monster-hp input:first-child{flex:1 0 25%;max-width:25%;padding-right:5%;text-align:right}.monster-stat.monster-hp p{flex:1 0 2%;max-width:2%;margin:0;padding:0}.monster-attributes{flex:1 0 100%;margin-top:5px;display:flex;flex-wrap:wrap;padding-bottom:10px;border-bottom:3px solid #801220}.monster-break{flex:1 0 100%;margin-top:10px;border-bottom:3px solid #801220}.monster-readattribute{flex:1 0 16%;color:#801220}.monster-readattribute label{text-align:center;width:100%;font-family:'bookmaniabold';font-size:18px}.monster-readattribute p{margin:0;text-align:center}.monster-readattribute p .readattribute{font-family:'bookmaniabold';font-size:14px;margin-right:5px}.monster-attribute{flex:1 0 16%;display:flex;flex-wrap:wrap;position:relative}.monster-attribute label{flex:1 0 100%;color:#801220;font-family:'bookmaniabold';text-align:center}.monster-attribute input:nth-child(2){flex:1 0 40%;margin-left:7.5%;max-width:40%;font-size:18px;text-align:right;font-family:'bookmaniabold';color:#801220;text-align:center}.monster-attribute input:nth-child(3){flex:1 0 40%;margin-left:5%;max-width:40%;border-radius:10% 10% 10% 10% / 50% 50% 50% 50%;border-left:3px solid #801220;padding-left:-3px;border-right:3px solid #801220;padding-right:-3px;color:#801220;text-align:center}.monster-attribute input:nth-child(4){flex:1 0 100%;text-align:center;font-size:18px;font-family:'bookmaniabold';color:#801220;text-align:center}.monster-attribute:after{content:"";position:absolute;left:5%;top:0;width:90%;height:100%;pointer-events:none;border-radius:5px;border:2px solid #801220}.monster-skills{flex:1 0 100%;display:flex;flex-wrap:wrap;margin-top:10px;padding-bottom:10px;border-bottom:3px solid #801220}.monster-skill{flex:1 0 25%;height:30px;overflow:visible}.monster-skill label{display:inline-block}.monster-skill input{display:inline-block;width:24px;font-size:14px;border-radius:2px;overflow:visible;border:2px solid #333;text-align:center;line-height:24px;padding:0;transition:300ms ease-in-out}.monster-skill input:focus{transform:scale(1.1) translateY(-2px);padding-bottom:0px;border-bottom:2px solid #333;z-index:2;background-color:#FAF4E7}.monster-info{flex:1 0 100%;display:flex;flex-wrap:wrap;margin-top:10px}.monster-info label{flex:1 0 50%}.monster-info input{flex:1 0 50%}.monster-notes{display:block;background-image:url("/assets/vertical-page-base.jpg");width:980px;padding:10px;margin:40px auto;position:relative}.monster-notes::before{left:0;content:"";position:absolute;top:0;width:100%;height:4px;background:rgba(207,195,23,0.6);border-top:1px solid #801220;border-bottom:1px solid #801220;mix-blend-mode:multiply}.monster-notes::after{left:0;content:"";position:absolute;bottom:0;width:100%;height:4px;background:rgba(207,195,23,0.6);border-top:1px solid #801220;border-bottom:1px solid #801220;mix-blend-mode:multiply}.monster-notes label{font-family:'MrsEaves';color:#801220;font-size:24px;font-weight:600;letter-spacing:2px}.monster-notes textarea{background:transparent;border:0;outline:0;padding:10px;color:#333;font-family:'bookmania'}.monster-abilities{background-image:url("/assets/vertical-page-base.jpg");display:flex;flex-wrap:wrap;width:980px;padding:10px;margin:20px auto}.monster-abilities input{font-family:'bookmania'}.monster-abilities label{font-family:'bookmania'}.monster-options{flex:1 0 100%;text-align:center;color:#111}.monster-options .btn-anim{color:#333}.monster-options .btn-anim::after{background-color:#333}.monster-options .btn-anim::before{background-color:#333}.monster-ability{flex:1 0 50%}.monster-ability h5{width:90%;position:relative;left:5%;border-bottom:3px solid #801220;color:#801220;font-family:'MrsEaves'}.monster-ability .action,.monster-ability .reaction{width:94%;position:relative;left:5%;display:flex;flex-wrap:wrap}.monster-ability .action input[type=text],.monster-ability .reaction input[type=text]{background-color:transparent;border-bottom:1px solid #801220}.monster-ability .action input[type=text]:first-child,.monster-ability .reaction input[type=text]:first-child{font-weight:800;flex:1 0 80%}.monster-ability .action .row,.monster-ability .reaction .row{flex:1 0 100%;display:flex;flex-wrap:wrap;margin-bottom:5px}.monster-ability .action .row.checkbox,.monster-ability .reaction .row.checkbox{flex:1 0 20%;text-align:center;margin-top:5px;font-size:8px}.monster-ability .action .row label,.monster-ability .reaction .row label{flex:1 0 25%;padding:0;color:#333}.monster-ability .action .row input[type=text],.monster-ability .reaction .row input[type=text]{padding:0;flex:1 0 20%;margin-right:5%;color:#333}.monster-ability .action .damage input:nth-child(3),.monster-ability .reaction .damage input:nth-child(3){flex:1 0 23%;border-radius:10% 10% 10% 10% / 50% 50% 50% 50%;border-left:3px solid #801220;padding-left:1%;border-right:3px solid #801220;padding-right:1%;margin-right:0}.monster-ability .action .deletebtn,.monster-ability .reaction .deletebtn{background-color:#ea1c18;border-radius:5px;color:#f2f2f2;position:absolute;right:0px;top:0px}.monster-ability .action textarea,.monster-ability .reaction textarea{max-width:99%;width:99%;min-width:99%;font-family:'bookmania';border-bottom:1px solid #801220;background-color:rgba(0,0,0,0.05)}.monster-ability .ability{width:90%;left:5%;position:relative}.monster-ability .ability input{width:100%;background:transparent;border-bottom:1px solid #801220;font-family:'bookmaniabold'}.monster-ability .ability input:focus{padding-bottom:10px}.monster-ability .ability textarea{max-width:99%;width:99%;min-width:99%;background:transparent;font-family:'bookmania';outline:0;border:0;border-bottom:1px solid #801220;background-color:rgba(0,0,0,0.05);mix-blend-mode:multiply}.monster-ability .ability .deletebtn{background-color:#ea1c18;border-radius:5px;color:#f2f2f2;position:absolute;right:0px;top:0px}@media screen and (max-width: 1000px){.monster-sheet{width:90%;left:5%}.monster-notes{width:90%;left:5%}}.display-none{display:none !important}.display-block{display:block !important}body,html{margin:0px;font-family:'Nunito';padding:0px;background-color:#111111;color:#f2f2f2}a{color:inherit;text-decoration:none;color:#00CEFF;display:inline-block}a:hover{color:#63e1ff}a:focus{outline:2px solid #fff347}ul{list-style:none}h1,h2,h3,h4,h5{font-family:'Barlow'}h1{font-size:96px;margin:0px}h2{font-size:72px;margin:0px}h3{font-size:54px;margin:0px;font-weight:200}h4{font-size:32px;margin:0px;font-weight:200}h5{font-size:24px;margin:0px}.display-none{display:none}.display-inline{display:inline}.display-inlineblock{display:inline-block}.display-block{display:block}.display-flex{display:flex;flex-wrap:wrap}.text-black{color:#111}.text-near-black{color:#333}.text-near-white{color:#fff}.text-white{color:#f2f2f2}.text-grey{color:#adadad}.text-off-grey-1{color:#E6EBF2}.text-off-grey-2{color:#c5cad1}.text-off-grey-3{color:#9ea4ad}.text-primary-light{color:#fff678}.text-primary{color:#fff347}.text-primary-dark{color:#cfc317}.text-secondary-light{color:#63e1ff}.text-secondary{color:#00CEFF}.text-secondary-dark{color:#007D9B}.text-danger{color:#ea1c18}.text-success{color:#6ad959}.text-warning{color:#f09226}.font-size-sm{font-size:12px}.font-size-md{font-size:18px}.font-size-lg{font-size:24px}.bg-black{background-color:#111}.bg-near-black{background-color:#333}.bg-near-white{background-color:#fff}.bg-white{background-color:#f2f2f2}.bg-grey{background-color:#adadad}.bg-off-grey-1{background-color:#E6EBF2}.bg-off-grey-2{background-color:#c5cad1}.bg-off-grey-3{background-color:#9ea4ad}.bg-primary-light{background-color:#fff678}.bg-primary{background-color:#fff347}.bg-primary-dark{background-color:#cfc317}.bg-secondary-light{background-color:#63e1ff}.bg-secondary{background-color:#00CEFF}.bg-secondary-dark{background-color:#007D9B}.p-0{padding:0px !important}.p-5{padding:5px !important}.p-10{padding:10px !important}.p-20{padding:20px !important}.p-30{padding:30px !important}.p-40{padding:40px !important}.p-50{padding:50px !important}.p-60{padding:60px !important}.p-70{padding:70px !important}.p-80{padding:80px !important}.pt-0{padding-top:0px !important}.pt-5{padding-top:5px !important}.pt-10{padding-top:10px !important}.pt-20{padding-top:20px !important}.pt-30{padding-top:30px !important}.pt-40{padding-top:40px !important}.pt-50{padding-top:50px !important}.pt-60{padding-top:60px !important}.pt-70{padding-top:70px !important}.pt-80{padding-top:80px !important}.pb-0{padding-bottom:0px !important}.pb-5{padding-bottom:5px !important}.pb-10{padding-bottom:10px !important}.pb-20{padding-bottom:20px !important}.pb-30{padding-bottom:30px !important}.pb-40{padding-bottom:40px !important}.pb-50{padding-bottom:50px !important}.pb-60{padding-bottom:60px !important}.pb-70{padding-bottom:70px !important}.pb-80{padding-bottom:80px !important}.pr-0{padding-right:0px !important}.pr-5{padding-right:5px !important}.pr-10{padding-right:10px !important}.pr-20{padding-right:20px !important}.pr-30{padding-right:30px !important}.pr-40{padding-right:40px !important}.pr-50{padding-right:50px !important}.pr-60{padding-right:60px !important}.pr-70{padding-right:70px !important}.pr-80{padding-right:80px !important}.pl-0{padding-left:0px !important}.pl-5{padding-left:5px !important}.pl-10{padding-left:10px !important}.pl-20{padding-left:20px !important}.pl-30{padding-left:30px !important}.pl-40{padding-left:40px !important}.pl-50{padding-left:50px !important}.pl-60{padding-left:60px !important}.pl-70{padding-left:70px !important}.pl-80{padding-left:80px !important}.o-0{opacity:0}.o-10{opacity:0.1}.o-20{opacity:0.2}.o-30{opacity:0.3}.o-40{opacity:0.4}.o-50{opacity:0.5}.o-60{opacity:0.6}.o-70{opacity:0.7}.o-80{opacity:0.8}.o-90{opacity:0.9}.o-100{opacity:1}.m-0{margin:0px !important}.m-5{margin:5px !important}.m-10{margin:10px !important}.m-20{margin:20px !important}.m-30{margin:30px !important}.m-40{margin:40px !important}.m-50{margin:50px !important}.m-60{margin:60px !important}.m-70{margin:70px !important}.m-80{margin:80px !important}.mt-0{margin-top:0px !important}.mt-5{margin-top:5px !important}.mt-10{margin-top:10px !important}.mt-20{margin-top:20px !important}.mt-30{margin-top:30px !important}.mt-40{margin-top:40px !important}.mt-50{margin-top:50px !important}.mt-60{margin-top:60px !important}.mt-70{margin-top:70px !important}.mt-80{margin-top:80px !important}.mt-90{margin-top:90px !important}.mt-100{margin-top:100px !important}.mb-0{margin-bottom:0px !important}.mb-5{margin-bottom:5px !important}.mb-10{margin-bottom:10px !important}.mb-20{margin-bottom:20px !important}.mb-30{margin-bottom:30px !important}.mb-40{margin-bottom:40px !important}.mb-50{margin-bottom:50px !important}.mb-60{margin-bottom:60px !important}.mb-70{margin-bottom:70px !important}.mb-80{margin-bottom:80px !important}.mr-0{margin-right:0px !important}.mr-5{margin-right:5px !important}.mr-10{margin-right:10px !important}.mr-20{margin-right:20px !important}.mr-30{margin-right:30px !important}.mr-40{margin-right:40px !important}.mr-50{margin-right:50px !important}.mr-60{margin-right:60px !important}.mr-70{margin-right:70px !important}.mr-80{margin-right:80px !important}.ml-0{margin-left:0px !important}.ml-5{margin-left:5px !important}.ml-10{margin-left:10px !important}.ml-20{margin-left:20px !important}.ml-30{margin-left:30px !important}.ml-40{margin-left:40px !important}.ml-50{margin-left:50px !important}.ml-60{margin-left:60px !important}.ml-70{margin-left:70px !important}.ml-80{margin-left:80px !important}.w0{width:0% !important;flex:100%}.w10{width:10% !important;flex:100%}.w20{width:20% !important;flex:100%}.w30{width:30% !important;flex:100%}.w40{width:40% !important;flex:100%}.w50{width:50% !important;flex:100%}.w60{width:60% !important;flex:100%}.w70{width:70% !important;flex:100%}.w80{width:80% !important;flex:100%}.w90{width:90% !important;flex:100%}.w100{width:100% !important;flex:100%}.h0{height:0% !important}.h10{height:10% !important}.h20{height:20% !important}.h30{height:30% !important}.h40{height:40% !important}.h50{height:50% !important}.h60{height:60% !important}.h70{height:70% !important}.h80{height:80% !important}.h90{height:90% !important}.h100{height:100% !important}.text-right{text-align:right}.text-left{text-align:left}.text-center{text-align:center}.float-right{float:right}.float-left{float:left}.float-center{float:center}
/*# sourceMappingURL=style.css.map */