.header{height:4rem;display:flex;justify-content:space-between;align-items:center;background-color:#3178c6;padding:1rem;text-align:center;box-shadow:0 2px 5px #0003}a{text-decoration:none}.header-brand{color:#f5f6fa;font-weight:700;font-size:1.6rem;padding:0 1rem}.header-brand:hover{cursor:pointer;color:#3178c6;border:.1rem solid #f5f6fa;border-radius:.2rem;background-color:#f5f6fa;transition:all .1s}.header-right{width:6rem;display:flex;justify-content:space-between;margin:.5rem 0 .4rem}#btn-je{height:2.5rem;width:2.5rem;display:flex;justify-content:center;align-items:center;border-radius:.2rem;cursor:pointer;transition:all .2s}#btn-je img{height:2.3rem;width:2.3rem;cursor:pointer;transition:all .2s}#btn-je:hover{background-color:#c8d6e5;transition:all .2s}#btn-reset{padding:1rem;background-color:#4d4d4d;height:.5rem;width:.5rem;display:flex;justify-content:center;align-items:center;border-radius:.2rem;margin:0 .5rem .1rem 0;cursor:pointer;transition:all .2s}#btn-reset i{font-size:1.2rem;color:#f5f6fa;cursor:pointer;transition:all .2s}#btn-reset:hover i{color:#c8d6e5;transition:all .2s}body{font-family:Arial,sans-serif;margin:0;padding:0;display:flex;flex-direction:column;min-height:100vh;background:#f5f5f5}main{flex:1;padding:6rem 1rem 10rem;min-width:400px;max-width:950px;margin-left:auto;margin-right:auto}footer{background-color:#7f8c8d}footer .container-footer{min-width:21rem;max-width:75rem;margin-left:auto;margin-right:auto;height:8rem;color:#f5f6fa;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center}footer img{height:18px;width:18px;margin-right:5px;margin-top:-1px}.copyright{font-size:14px;margin-right:-3px}#currentYear{padding-right:2px}.j,.e{font-family:Roboto Condensed,sans-serif;font-weight:700;color:#000}.calc{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000080;display:flex;justify-content:center}.modal{display:flex;flex-direction:column;justify-content:space-around;align-items:center;margin-top:16rem;margin-bottom:18rem;background-color:#fff;width:20rem;height:20rem;border-radius:3px;padding:2rem;box-shadow:0 .1rem .2rem #3c40434d,0 .1rem .3rem .1rem #3c404326}.modal p{margin:1rem 0 3rem}.actions-modal{display:flex;margin-left:5rem;gap:1rem}.btn{padding:.4rem 1rem;color:#f5f6fa;font-weight:700;border:none;border-radius:6px;cursor:pointer;font-size:1rem;transition:.2s ease}.btn:hover{opacity:89%}.btn-confirm{background-color:#06ad3e}.btn-cancel{background-color:#ea2027}.span-confirm{color:#06ad3e;font-weight:700}.span-cancel{color:#ea2027;font-weight:700}.remove-scrolling{height:100%;overflow:hidden}.gallery{border:3px dashed #2ab759;border-radius:8px;display:flex;justify-content:center;flex-wrap:wrap;padding:20px;gap:50px;margin-bottom:70px}.gallery img{width:90px;height:90px;border-radius:50%;object-fit:cover;cursor:grab;transition:transform .2s}.gallery img:active{cursor:grabbing;transform:scale(1.05)}.dropzone{border:3px dashed #3498db;border-radius:8px;min-height:200px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:20px;gap:15px;color:#3498db;font-weight:700;transition:background .2s,color .2s;margin-bottom:70px}.dropzone.dragover{background:#3498db;color:#fff}.dropzone img{border-radius:50%;width:90px;height:90px;object-fit:cover;cursor:grab}#dropzone.dragover{background-color:#9cf}.trash{margin-top:20px;border:3px dashed red;border-radius:8px;height:100px;display:flex;align-items:center;justify-content:center;color:red;font-weight:700;transition:background .2s,color .2s}.trash.dragover{background:red;color:#fff}#trash.dragover{background-color:#f66}#gallery img,#dropzone img{border-radius:50%;width:100px;height:100px;object-fit:cover;margin:5px;cursor:grab;transition:transform .2s,box-shadow .2s}#gallery img:hover,#dropzone img:hover{transform:scale(1.1);box-shadow:0 0 15px #0006}@media(max-width:827px)and (min-width:748px){.gallery{gap:1rem}}@media(max-width:747px)and (min-width:680px){.gallery{gap:5rem}}@media(max-width:679px)and (min-width:668px){.gallery{gap:55px}}@media(max-width:530px)and (min-width:468px){.gallery{gap:30px}}@media(max-width:467px){.gallery{gap:12px}}