*{box-sizing:border-box;margin:0;padding:0;position:relative}:root{--headerBg:#a93fd3;--headerFont:#fff;--mainBg:#f5f5f5;--secondaryBg:#fff;--primaryFont:#261c15;--secondaryFont:grey;--errorText:#c42021;--highlightText:#157145;--fontFamily:"Barlow Semi Condensed",Tahoma,Verdana,sans-serif}body{font-family:var(--fontFamily);font-size:20px;line-height:1.2}.container{background:var(--mainBg);min-height:100vh;width:100%}a{color:inherit;text-decoration:none}.hidden{display:none}.isFixed{position:fixed}.isBlurred{filter:blur(2px);-webkit-filter:blur(2px)}.isDisabled{opacity:.5;pointer-events:none}.btn-primary{background-color:var(--headerFont);border:2px solid var(--headerBg);border-radius:20px;color:var(--primaryFont);font-size:80%;padding:10px 20px;text-align:center;width:100px}.btn-list-action:active,.btn-list-action:hover,.btn-primary:active,.btn-primary:hover{background:var(--headerBg);border:2px solid var(--headerBg);color:var(--headerFont);cursor:pointer}.btn-secondary{background-color:var(--headerBg);border:2px solid var(--headerBg);border-radius:20px;color:var(--headerFont);font-size:80%;padding:10px 20px;text-align:center;width:100px}.btn-list-action{background-color:var(--headerFont);border:2px solid var(--headerBg);border-radius:5px;color:var(--primaryFont);padding:10px;text-align:center;width:70px}.btn-secondary:active,.btn-secondary:hover{background:var(--headerFont);border:2px solid var(--headerBg);color:var(--primaryFont);cursor:pointer}.btn-back{align-items:center;border-bottom:1px solid var(--primaryFont);display:flex;font-size:90%}.btn-back:hover{border-bottom:1px solid var(--headerBg);color:var(--headerBg)}.error-text{color:var(--errorText)}.main-content{align-items:center;background-color:var(--mainBg);display:flex;flex-flow:column nowrap;justify-content:flex-start;min-height:100vh}form{padding:1rem 3rem;text-align:left}.form-field{font-size:90%;padding:5px;width:100%}label{display:inline-block;margin:1rem 0 5px}.btn-container-center{justify-content:center;padding:1rem}.btn-container-center,.btn-container-left{display:flex;flex-flow:row;gap:20px;width:100%}.btn-container-left{justify-content:flex-start;padding:1rem 1rem 1rem 0}h2{text-align:center}@media (orientation:landscape){.main-content{padding:0 10%}}@media (min-width:1600px){.main-content{padding:0 5%}}#greeting{flex-direction:column;margin-top:80px;width:75%}#greeting,.welcome-h2{align-items:center;display:flex;justify-content:center}.welcome-h2{font-size:1.5em;margin:15px}.welcome-p{margin:1% 2% 4%;text-align:center}.ethyl-pic{border:5px solid var(--headerBg);border-radius:25%;height:100%;max-height:40vh}@media (orientation:landscape){#greeting{flex-direction:row;justify-content:space-evenly;margin-bottom:40px;margin-top:150px}.welcome-h2{font-size:3em}.welcome-p{margin:1%}.btn-container-center{flex-direction:row}}.home-h2{margin-top:150px}.home-h3{margin-bottom:1rem;text-align:center}.choose-category-field{display:flex;justify-content:center;width:100%}.category-dropdown-container{display:flex;flex-direction:row;justify-content:space-between;padding:0 5%;width:100%}@media (orientation:landscape){.choose-category-field{width:95%}.home-h2{margin-top:150px}.category-dropdown-container{padding:0 15%}}.category-page{align-items:center;display:flex;flex-direction:column;width:90%}.categories-form,.new-list-container{display:flex;flex-direction:row;justify-content:center;margin-bottom:2rem}.new-list-container{gap:20px;padding:0 5%}.add-btn,.add-list-btn{margin-left:10px}.add-btn{background-color:var(--headerBg);color:var(--headerFont);padding:10px}.add-btn:active,.add-btn:hover{background-color:var(--headerFont);border-color:var(--headerBg);color:var(--primaryFont);cursor:pointer}.categories-input{font-size:90%;margin-right:10px;padding:5px}.categories{flex-direction:row;gap:10px;margin-bottom:10px;max-width:450px;padding:0 5%}.categories,.categories-text{display:flex;justify-content:space-between;width:100%}.category-length{margin-right:10px}.list-content-container{width:100%}.accordion-container{align-items:center;display:flex;flex-direction:column;flex-wrap:wrap;gap:2rem;justify-content:space-between;width:100%}.accordion-div{max-width:500px;min-width:340px;width:80%}.list{align-items:center;background-color:var(--secondaryBg);border:1px solid var(--primaryFont);box-shadow:5px 5px 10px 0 #0000004d;display:flex;justify-content:space-between;list-style-type:none;margin-top:1rem;min-width:100%;padding:1rem}.list:hover{cursor:pointer}.list-icon{color:var(--primaryFont);font-size:150%}.add-btn,.categories-input,.categories-select,.form-field,.list,.new-item{border-radius:10px}.list-card{border-radius:0 0 10px 10px}.list-open{border-radius:10px 10px 0 0}@media (orientation:landscape){.accordion-container{align-items:baseline;flex-direction:row;justify-content:space-around}.accordion-div{flex:1 1 30%;min-width:400px;width:auto}.new-list-container{padding:0 15%}}@media screen and (max-width:418px){.categories-form{flex-wrap:wrap}.add-btn,.categories-select{margin-top:10px}}.dropdown-menu{display:flex;flex-flow:row nowrap;justify-content:center;margin:2rem 0;width:100%}.dropdown-menu select{background-color:var(--secondaryBg)}.dropdown-menu select:hover{cursor:pointer}.dropdown-icon{align-items:center;color:#000;display:flex;font-size:50px;padding-left:2rem}#category-select{font-size:80%}.list-card{background-color:var(--secondaryBg);border:1px solid #000;border-top:none;box-shadow:5px 5px 10px 0 #0000004d;flex-direction:column;margin-bottom:15px;min-height:350px;padding-top:1rem}.item,.list-card{display:flex;justify-content:space-between}.item{align-items:center;margin:0 10px 1rem}.item-label{cursor:pointer;height:25px;margin:0;position:relative;-webkit-user-select:none;user-select:none;width:25px}.item-text{display:block;flex-grow:2;font-size:80%;margin:0;padding-left:10px;text-align:left}.item-delete-icon{color:var(--secondaryFont);display:flex;font-size:120%;justify-content:center}.item-delete-icon:hover{color:var(--primaryFont);cursor:pointer}.list-action-container{flex-direction:row nowrap;font-size:90%;gap:2%;padding:2rem 1rem 1rem}.list-action-container,.new-item-container{display:flex;justify-content:center;width:100%}.new-item-container{margin-bottom:2rem;padding:0 10px}.new-item{font-family:var(--fontFamily);font-size:90%;padding:5px 10px;resize:none;width:100%}.list-shared-p{color:var(--secondaryFont);margin:10px 0;text-align:center}.shared-list{font-size:90%;font-weight:600;list-style-type:none;padding-top:10px}.item-label input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.custom-checkbox{background-color:#eee;border:1px solid var(--primaryFont);height:100%;left:0;position:absolute;top:0;width:100%}.custom-checkbox:hover{background-color:#ccc;cursor:pointer}.item-label input:checked~.custom-checkbox{background-color:var(--headerBg);border-color:var(--headerBg)}.custom-checkbox:after{content:"";display:none;position:absolute}.item-label input:checked~.custom-checkbox:after{display:block}.item-label .custom-checkbox:after{border:solid var(--headerFont);border-width:0 3px 3px 0;height:12px;left:8px;top:2px;transform:rotate(45deg);width:5px}.modal-outer{background-color:#fffc;border-radius:10px;height:100%;justify-content:center;left:0;min-width:90%;position:absolute;top:0;width:100%;z-index:1}.modal,.modal-outer{align-items:center;display:flex}.modal{background-color:var(--secondaryBg);border:1px solid #000;flex-direction:column;font-size:80%;margin:2rem;max-width:90%;min-width:75%;padding:2rem;z-index:2}.modal-h4{margin-bottom:10px;text-align:center}.modal-loading{font-size:120%;min-width:250px}.search-container{display:flex;flex-flow:row nowrap;gap:5px}.search-input{padding:5px}.search-icon{align-items:center;display:flex;padding:5px}.search-results{display:flex;flex-flow:column nowrap;gap:5px;padding:0 2rem}.share-modal-result{display:flex;flex-flow:row nowrap;font-size:120%;justify-content:space-between;padding:0 1rem}.share-tab-container{border-bottom:1px solid var(--headerBg);display:flex;flex-flow:row nowrap;gap:3px;justify-content:center;padding:0 10px}.share-tab{border:1px solid grey;border-bottom:none;list-style-type:none;padding:7px 12px}.share-tab:active,.share-tab:hover{background-color:var(--headerBg);color:var(--headerFont);cursor:pointer}.modal-category-list{flex-flow:column nowrap}.modal-category-list,.move-category{display:flex;justify-content:space-between}.move-category{border:1px solid var(--secondaryBg);flex-flow:row nowrap;gap:10px;margin:0 0 5px;padding:5px}.move-category:active,.move-category:hover{cursor:pointer}.move-category-input{display:none}.move-category-input:checked+label{background-color:var(--mainBg);border:1px solid var(--primaryFont)}.modal-action-buttons{display:flex;flex-flow:row nowrap;gap:10px}.btn-list-action{margin-top:10px}header{align-items:center;background-color:var(--headerBg);display:flex;flex-direction:row;height:80px;justify-content:space-between;padding:0 1rem;position:absolute;top:0;width:100%;z-index:1}.header-icon,header{color:var(--headerFont)}.header-icon{font-size:50px}footer{background-color:#a93fd3;color:var(--secondaryFont);color:#fff;flex-flow:column;height:60px;justify-content:center;margin-top:100px}.login-content,footer{align-items:center;display:flex}.login-content{flex-direction:column;width:80%}.login-h2{align-items:center;display:flex;justify-content:center;margin:150px 0 3%;text-align:center}.yarn-pic{max-height:15vh;max-width:50vw}@media (orientation:landscape){.login-content{align-items:center;display:flex;flex-direction:row}.yarn-pic{max-height:15vh}}