.app{overflow-x:hidden}.app .link{color:inherit;text-decoration:none}.app .navbar{z-index:100}.app .newItemPage{z-index:1}.link:hover{opacity:75%}.loading h1{text-align:center}.selected{font-weight:700}.bottom{z-index:998;animation:fadeIn .5s ease-in}@media (max-width: 700px){.options{margin:1em;width:auto;height:auto;text-overflow:ellipsis}.options .top{display:flex;margin-bottom:50px;margin-left:.5em;margin-top:2em;gap:25px}.options .top .item{font-size:19px;font-family:Verdana;color:#636363;letter-spacing:1.5px}.options .bottom .categories{display:grid;grid-template-columns:1fr 1fr;justify-content:space-evenly;justify-items:center;align-content:space-evenly;align-items:center;font-family:Verdana;font-size:16px;letter-spacing:1px;color:#575757;margin-bottom:60px}.options .bottom .categories .cat{text-align:center;border-style:solid;border-width:1px;border-color:#dbdbdb;border-radius:5%;margin-bottom:1em;height:200px;width:200px;background-color:#fff;margin-left:5px;margin-right:5px;text-transform:uppercase}.options .bottom .categories .cat .catBody{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.options .bottom .categories .cat .catIcon{margin-top:30px;font-size:70px;padding:15px}}@media only screen and (max-width: 1600px) and (min-width: 701px){.options{margin:120px 250px}.options .top{display:flex;align-items:center;gap:25px;margin-bottom:-3em}.options .top .item{font-size:19px;font-family:Verdana;letter-spacing:1.5px}.options .bottom .categories{display:grid;grid-template-columns:1fr 1fr 1fr;justify-content:space-evenly;justify-items:center;align-content:space-evenly;align-items:center;font-family:Verdana;font-size:16px;letter-spacing:1px;color:#5e5e5e}.options .bottom .categories .cat{text-align:center;border-style:solid;border-width:1px;border-color:#e0e0e0;border-radius:5%;height:200px;width:200px;margin-bottom:3.5em;margin-left:5px;margin-right:5px;text-transform:uppercase}.options .bottom .categories .cat .catBody{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.options .bottom .categories .cat .catIcon{margin-top:30px;font-size:70px;padding:15px}}@media (min-width: 1601px){.options{margin:120px 250px}.options .top{display:flex;align-items:center;gap:25px;margin-bottom:-3em}.options .top .item{font-size:19px;font-family:Verdana;letter-spacing:1.5px}.options .bottom .categories{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr;justify-content:space-evenly;justify-items:center;align-content:space-evenly;align-items:center;font-family:Verdana;font-size:16px;letter-spacing:1px;color:#5e5e5e}.options .bottom .categories .cat{text-align:center;border-style:solid;border-width:1px;border-color:#e0e0e0;border-radius:5%;height:200px;width:200px;margin-bottom:3em;text-transform:uppercase}.options .bottom .categories .cat .catBody{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.options .bottom .categories .cat .catIcon{margin-top:30px;font-size:70px;padding:15px}}@media (min-width: 701px){.loginForm{width:100%;display:flex;flex-direction:column;align-items:center}.loginForm h4{font-weight:100;letter-spacing:1px;text-transform:uppercase}.loginForm label{font-size:14px}.loginForm input{width:450px}.loginForm .loginBtn{margin-top:.5em;font-size:15px;width:100%;height:2.5em;background-color:#47b6fe;color:#fff;border-style:none;text-transform:capitalize}.loginForm .loginBtn:hover{opacity:70%;cursor:pointer}}@media (max-width: 700px){.loginForm{display:flex;flex-direction:column;align-items:center}.loginForm h4{display:none}.loginForm label{font-size:14px}.loginForm input{width:20em}.loginForm .loginBtn{margin-top:.5em;font-size:15px;width:18em;height:2.5em;background-color:#47b6fe;color:#fff;border-style:none;text-transform:capitalize}.loginForm .loginBtn:hover{opacity:70%;cursor:pointer}}@media (min-width: 701px){.notificationDropDown{opacity:1;display:flex;flex-direction:column;justify-content:right;position:absolute;right:1em;top:4.8em;width:300px;animation:fadeIn .2s ease-in;cursor:auto}.notificationDropDown .alertHeader{display:none}.notificationDropDown .notificationAlerts{display:flex;flex-direction:column}.notificationDropDown .notificationAlerts button{border-style:none;letter-spacing:1px;padding:5px;border-radius:6px;margin-bottom:4px;background-color:#ececec}.notificationDropDown .notificationAlerts button:hover{cursor:pointer;color:red;opacity:70%}.notificationDropDown .notificationAlerts .addLink{background-color:#fff;box-shadow:0 8px 16px #0003;padding:12px 16px;z-index:1;font-family:Verdana;font-size:12px;font-weight:100;color:#646464;text-transform:uppercase;letter-spacing:1px;border-radius:10px;margin-top:5px}.notificationDropDown .notificationAlerts .addLink .image{max-width:100px}.notificationDropDown .notificationAlerts .addLink .close{cursor:pointer;position:absolute;right:.5em}.notificationDropDown .notificationAlerts .addLink .close:hover{color:red}.notificationDropDown .noAlerts{background-color:#fff;padding:12px 16px;z-index:1;font-family:Verdana;font-size:12px;font-weight:100;color:#646464;text-transform:uppercase;letter-spacing:1px;border-radius:10px;margin-top:5px;text-align:center;box-shadow:0 8px 16px #0003}}@keyframes slide-in{0%{-webkit-transform:translateX(100%);opacity:0}to{-webkit-transform:translateX(0);opacity:1}}@keyframes slide-out{to{-webkit-transform:translateX(100%);opacity:0}0%{-webkit-transform:translateX(0);opacity:1}}@media (max-width: 700px){.notificationDropDown{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:2;overflow:hidden;animation:slide-in .5s cubic-bezier(.4,0,.2,1) backwards;cursor:auto}.notificationDropDown .alertHeader{display:flex;align-items:center;justify-content:space-between;font-family:Verdana;font-size:13px;color:#272727;letter-spacing:1px;padding:5px}.notificationDropDown .alertHeader h3{font-weight:600}.notificationDropDown .alertHeader .backIcon:hover{cursor:pointer;color:#47b6fe}.notificationDropDown .alertHeader .hiddenIcon{color:#fff}.notificationDropDown .notificationAlerts{display:flex;flex-direction:column}.notificationDropDown .notificationAlerts button{border-style:none;letter-spacing:1px;padding:8px;background-color:#ececec}.notificationDropDown .notificationAlerts button:hover{cursor:pointer;color:red;opacity:70%}.notificationDropDown .notificationAlerts .addLink{background-color:#fff;border-bottom:solid;border-width:1px;border-color:#e0e0e0;padding:12px 16px;z-index:1;font-family:Verdana;font-size:12px;font-weight:100;color:#646464;text-transform:uppercase;letter-spacing:1px}.notificationDropDown .notificationAlerts .addLink .image{max-width:100px}.notificationDropDown .notificationAlerts .addLink .close{cursor:pointer;position:absolute;right:.5em}.notificationDropDown .notificationAlerts .addLink .close:hover{color:red}.noAlerts{background-color:#fff;padding:12px 16px;z-index:1;font-family:Verdana;font-size:12px;font-weight:100;color:#646464;text-transform:uppercase;letter-spacing:1px;border-radius:10px;margin-top:5px;text-align:center}}.navbar{z-index:100}.navbar .selectedNav{color:#47b6fe;background-color:#fff}@media (max-width: 700px){.navbar{max-width:100%;overflow-x:hidden}.left{display:flex;justify-content:space-between;align-items:center;font-size:34px;padding:.05em;text-overflow:shrink}.left .logo{margin-top:6px;width:250px}.icons{background-color:#fff;padding-bottom:.5em;padding-top:.5em;display:grid;grid-template-columns:2fr 2fr 2fr 2fr 2fr;justify-content:space-evenly;justify-items:center;align-content:space-evenly;align-items:center;width:100%;position:fixed;bottom:0;left:0;color:#646464;cursor:pointer;z-index:100}.icons .navIcon{font-size:50px}.mobileNotifIcon{margin-top:.2em}.mobileNotifIcon span{font-size:12px;font-family:Verdana;width:20px;height:20px;border-radius:50%;background-color:red;color:#fff;position:absolute;right:5px;top:20px;display:flex;align-items:center;justify-content:center}.mobileNotifIcon .navIcon{font-size:50px;color:#646464;cursor:pointer}.notifIcon{display:none}.logInOverlay{animation:fadeIn .3s ease-in;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#fff;z-index:2;cursor:auto}.logInOverlay .logInLogo{display:block;text-align:center}.logInOverlay .logInLogo .logo{display:inline-block;width:270px;margin-top:9em}.userForm{animation:fadeIn .1s ease-in;background-color:#fff;position:fixed;cursor:auto;left:45px;right:45px;bottom:240px;display:flex;flex-direction:column;align-items:center;padding-top:1em;z-index:999;font-family:Verdana;text-transform:capitalize;border-radius:20px;border-style:solid;border-width:1px;border-color:#e0e0e0;overflow-x:hidden}.userForm .link{margin-top:-3em;margin-bottom:2em}.addItemDropDown{opacity:1;position:absolute;display:flex;flex-direction:column;bottom:0;right:0;left:0;z-index:999;background-color:#fff;padding:10px;font-family:Verdana;border-radius:20px;-webkit-box-shadow:0px 0px 7px -5px black;box-shadow:0 0 7px -5px #000;animation:slide-up .5s cubic-bezier(.4,0,.2,1) backwards;overflow-x:hidden}.addItemDropDown .addLink{background-color:#fff;min-width:160px;padding:25px 16px;z-index:1;font-family:Verdana;font-size:16px;font-weight:100;color:#646464;text-transform:uppercase;letter-spacing:1px;border-radius:10px;margin-top:5px}.addItemDropDown .addLink:hover{color:#47b6fe;opacity:100%}.logoutForm{opacity:1;position:absolute;display:flex;flex-direction:column;bottom:0;right:0;left:0;z-index:999;background-color:#fff;font-family:Verdana;border-radius:20px;-webkit-box-shadow:0px 0px 7px -5px black;box-shadow:0 0 7px -5px #000;animation:slide-up .5s cubic-bezier(.4,0,.2,1) backwards;overflow-x:hidden;gap:40px;min-width:160px;padding:40px 16px;font-size:17px;text-transform:uppercase;letter-spacing:1px}}@media (min-width: 701px){.navbar{height:80px}.navbar .wrapper{padding:20px 120px;border-bottom:solid;border-bottom-width:.2px;border-bottom-color:#e0e0e0;display:flex;align-items:center;justify-content:space-between}.navbar .wrapper .left{display:flex;align-items:center}.navbar .wrapper .left .logo{width:250px}.navbar .wrapper .left .mobileNotifIcon{display:none}.navbar .wrapper .left .logo:active{transform:translateY(2px)}.navbar .wrapper .right{display:flex;align-items:center;gap:25px}.navbar .wrapper .right .icons{display:flex;gap:25px;cursor:pointer;color:#646464}.navbar .wrapper .right .icons .notifIcon span{font-size:12px;font-family:Verdana;width:16px;height:16px;border-radius:50%;background-color:red;color:#fff;position:relative;right:-22px;top:-42px;display:flex;align-items:center;justify-content:center}.navbar .wrapper .right .icons .navIcon{font-size:30px}.navbar .wrapper .right .navIcon:active{transform:translateY(2px)}.addItemDropDown{opacity:1;display:flex;flex-direction:column;position:absolute;animation:fadeIn .2s ease-in}.addItemDropDown .addLink{background-color:#fff;min-width:160px;box-shadow:0 8px 16px #0003;padding:12px 16px;z-index:1;font-family:Verdana;font-size:12px;font-weight:100;color:#646464;text-transform:uppercase;letter-spacing:1px;border-radius:10px;margin-top:5px}.addItemDropDown .addLink:hover{color:#47b6fe;opacity:100%}.logInLogo{display:none}.logInOverlay{animation:fadeIn .3s ease-in;display:block;text-align:center;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2;cursor:auto}.logInOverlay .userForm{animation:fadeIn .1s ease-in;display:inline-block;text-align:left;background-color:#fff;position:absolute;cursor:auto;bottom:15em;left:0;right:0;margin-left:auto;margin-right:auto;height:auto;width:650px;display:flex;flex-direction:column;align-items:center;padding:1em;z-index:5;font-family:Verdana;text-transform:capitalize;-webkit-box-shadow:0px 0px 7px -5px black;box-shadow:0 0 7px -5px #000;border-radius:20px}.logInOverlay .userForm .link{margin-top:-2em;margin-bottom:1em}.logoutForm{animation:fadeIn .1s ease-in;background-color:#fff;position:absolute;right:5em;top:6.7em;width:200px;display:flex;flex-direction:column;z-index:5;-webkit-box-shadow:0px 0px 7px -5px black;box-shadow:0 0 7px -5px #000;border-radius:10px;font-family:Verdana;font-size:12px;letter-spacing:1px;text-transform:uppercase;padding:15px;gap:10px}.logoutForm .link:hover{color:#47b6fe}}.itemCard{display:flex;align-items:center;padding:15px;border-bottom:solid;border-width:1px;border-color:#e0e0e0}.itemCard .expiredText span{color:red;font-size:13.2px}.itemCard .left .image{width:100px}.itemCard .middle{flex:2;font-family:Verdana;padding-left:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.itemCard .middle h3{font-size:15px;text-transform:capitalize}.itemCard .middle p{font-size:13px;font-weight:400;color:#3b3b3b;text-transform:capitalize}.itemCard .right .moreIcon{font-size:35px;color:gray;cursor:pointer}.itemCard .right .moreIcon:hover{opacity:70%}@keyframes slide-up{0%{-webkit-transform:translateY(100%);opacity:0}to{-webkit-transform:translateY(0);opacity:1}}.itemOptions{opacity:1;position:fixed;bottom:0;right:0;left:0;z-index:999;background-color:#fff;padding:10px;font-family:Verdana;border-radius:20px;-webkit-box-shadow:0px 0px 7px -5px black;box-shadow:0 0 7px -5px #000;animation:slide-up .5s cubic-bezier(.4,0,.2,1) backwards;overflow-x:hidden}.itemOptions .deleteLink{color:red;text-decoration:none}.itemOptions .link,.itemOptions .iconLink{color:inherit;text-decoration:none}.itemOptions .item{margin:45px}.itemOptions .item .icon{padding-right:15px}.dropDownForm .moveItemCatForm{height:20em;width:40em;overflow-y:scroll;overflow-x:hidden}.dropDownForm .moveItemCatForm input{z-index:998}.dropDownForm .moveItemCatForm select{z-index:999}.dropDownForm .moveItemCatForm button{margin-left:1.8em;color:#fff;background-color:#47b6fe;border-style:none;padding:12px;border-radius:10px;font-family:Verdana}.dropDownForm .moveItemCatForm button:hover{opacity:70%;cursor:pointer}.dropDownForm .moveItemCatForm .multiselect{width:25.7em;height:2em;text-align:center;font-size:14px;border-style:solid;border-width:.1em;border-color:#c9c9c9}.p-multiselect-item{border-bottom:solid;border-width:.1em;border-color:#c9c9c9;height:4em;z-index:999;background-color:#fff;font-family:Verdana;font-size:13px;padding-left:10px}.dropDownForm{margin-left:2em;margin-top:-1.5em;margin-bottom:-1.5em;animation:slide-up .3s cubic-bezier(.4,0,.2,1) backwards}.dropDownForm .moveItemToListForm{height:20em;width:40em;overflow-y:scroll;overflow-x:hidden}.dropDownForm .moveItemToListForm input{z-index:998}.dropDownForm .moveItemToListForm select{z-index:999}.dropDownForm .moveItemToListForm button{margin-left:1.8em;color:#fff;background-color:#47b6fe;border-style:none;border-radius:10px;padding:12px;font-family:Verdana}.dropDownForm .moveItemToListForm button:hover{opacity:70%;cursor:pointer}.dropDownForm .moveItemToListForm .multiselect{width:25.7em;height:2em;text-align:center;font-size:14px;border-style:solid;border-width:.1em;border-color:#c9c9c9}.p-placeholder{margin-top:.3em}.p-multiselect-header{display:none}.p-mulstiselect-label{margin-top:.3em}span{margin-top:.3em;margin-right:.3em}.p-multiselect-token-icon{margin-right:1.5em}.p-multiselect-trigger-icon{margin-right:.5em}.p-multiselect-items-wrapper{border-left:solid;border-right:solid;border-width:.1em;border-color:#c9c9c9}.p-multiselect-item{border-bottom:solid;border-width:.1em;border-color:#c9c9c9;height:4em;z-index:999;background-color:#fff}.p-multiselect-item:hover{background-color:#d6d6d6}.p-multiselect-item:active{background-color:#d8e4e6}.dropDownForm .addBtn{margin-left:1.8em;color:#fff;background-color:#47b6fe;border-style:none;padding:12px;border-radius:10px;font-family:Verdana}.dropDownForm .addBtn:hover{opacity:70%;cursor:pointer}.search{opacity:1;animation:fadeIn .5s ease-in;display:flex;flex-direction:column;font-family:Verdana}.search form{margin-top:5em;margin-bottom:2em}.search .searchOptions{display:flex;margin-bottom:4em;justify-content:center}.search .searchOptions .top{display:flex;align-items:center;gap:25px;margin-bottom:-3em}.search .searchOptions .top .item{font-size:19px;font-family:Verdana;letter-spacing:1.5px;text-transform:uppercase}.search .input-group{width:auto;text-align:center}@media (min-width: 701px){.search{margin:40px 25%}.search .catItems,.search .listItems{border-style:solid;border-width:1px;border-color:#e0e0e0;border-radius:25px;padding:5px 15px 0}}@media (max-width: 700px){.search{margin-bottom:5em}.search form{margin-top:2em}}@media (max-width: 700px){.newItemPage{display:flex;justify-content:center;max-width:100%;overflow-x:hidden}.form-group{width:295%}select{width:30%;height:2.5em;box-sizing:border-box}input{width:100%}}@media (min-width: 701px){.newItemPage{display:block;text-align:center;margin-top:120px;margin-bottom:80px}.newItemPage .itemForm{display:inline-block;border-style:solid;text-align:left;border-width:1px;border-color:#e0e0e0;border-radius:25px;padding:50px 40px 0 50px}}.btn{position:relative}.newItemPage{opacity:1;animation:fadeIn .5s ease-in;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.9em;text-transform:capitalize}h2{font-size:20px;color:#4b4b4b}label{margin-bottom:.5em}.newListItemPage{opacity:1;animation:fadeIn .5s ease-in}.newListItemPage h2{font-size:20px;text-transform:capitalize}@media (min-width: 701px){.newListItemPage{display:block;text-align:center;margin-top:120px;margin-bottom:80px}.newListItemPage .itemForm{display:inline-block;border-style:solid;text-align:left;border-width:1px;border-color:#e0e0e0;border-radius:25px;padding:50px 40px 0 50px;text-transform:capitalize}}.newUserPage{font-family:Verdana,Geneva,Tahoma,sans-serif;opacity:1;animation:fadeIn .5s ease-in;max-width:100%;overflow-x:hidden}.newUserPage h2{font-size:20px;letter-spacing:1px}.registrationForm{padding:16px}.form-group{margin:1.5em}label{display:block;font-size:14px;font-family:Verdana}input{width:360px;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box}select{width:360px;height:44px;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #ccc;box-sizing:border-box;background-color:#fff}select:hover{cursor:pointer}h2{margin-bottom:2em;font-family:Verdana}.btn{margin-left:1.5em}.submitBtn{padding:15px 40px;background:#47b6fe;border:0;color:#fff;text-transform:uppercase;font-family:helvetica;font-size:12px;letter-spacing:3px;position:relative;transition:all .4s cubic-bezier(.645,.045,.355,1);cursor:pointer;margin-right:1.5em;z-index:1}.submitBtn:after,.submitBtn:before{content:"";position:absolute;top:50%;right:0;transform:translateY(-50%);opacity:0;transition:all .4s cubic-bezier(.645,.045,.355,1)}.submitBtn:after{width:30px;height:1px;background:white;transform:translate(-3px);margin-top:0}.submitBtn:before{content:"";transform:rotate(-135deg) translate(50%);width:11px;height:11px;background:transparent;border-left:1px solid white;border-bottom:1px solid white;margin-top:-1px}.submitBtn:hover{padding:15px 60px 15px 20px}.submitBtn:hover:after,.submitBtn:hover:before{opacity:1;right:15px}.cancelBtn{padding:15px 40px;background:rgb(180,180,180);border:0;color:#fff;text-transform:uppercase;font-family:helvetica;font-size:12px;letter-spacing:3px;position:relative;transition:all .4s cubic-bezier(.645,.045,.355,1);cursor:pointer;margin-right:1.5em;z-index:1}.cancelBtn:hover{opacity:.8}.overlay{animation:fadeIn .3s ease-in;position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:2;cursor:auto}.errorMessage{animation:horizontal-shaking .25s;position:fixed;right:0;left:0;z-index:4;background-color:#fff;padding:50px;text-transform:uppercase;font-family:helvetica;font-size:15px;letter-spacing:2px;border-radius:20px;color:red;-webkit-box-shadow:0px 0px 7px -5px black;box-shadow:0 0 7px -5px #000;overflow-x:hidden}.errorMessage .close{position:absolute;color:#b9b9b9;font-size:32px;right:15px;top:15px}.errorMessage .close:hover{cursor:pointer;opacity:70%}.errorMessage:empty{display:none}@media (max-width: 700px){.errorMessage{text-align:center;bottom:350px;width:79%;margin-left:2.3em;padding:4em 1em}p{margin-right:1em}}@media (min-width: 701px){.newUserPage{display:block;text-align:center;margin-bottom:80px}.newUserPage .registrationForm{display:inline-block;text-align:left;border-style:solid;border-width:1px;border-color:#e0e0e0;border-radius:25px;padding:50px 40px 0 50px}.errorMessage{margin:0;height:auto;position:fixed;bottom:25em;left:30vw;right:30vw}}.category{margin-top:80px}.category h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.category .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.category .top h1{font-family:Verdana;font-size:20px;color:#3b3b3b;letter-spacing:1.5px;text-transform:capitalize}.category .top .catIcons{padding-top:8px;color:#47b6fe;font-size:30px}.category .top .catIcons:hover{cursor:pointer;opacity:70%}.category .center{display:block;text-align:center}.category .center .searchForm{margin-bottom:10px}.category .center .buttons{display:flex;align-items:center;justify-content:center;gap:10px}.category .center .buttons h4{font-family:Verdana;font-size:13px;font-weight:100;color:gray}.category .center .buttons .sortButton{border-style:none;background-color:#fff;font-family:Verdana;color:#4b4b4b}.category .center .buttons .sortButton:hover{cursor:pointer;color:#47b6fe}.category .center .buttons .selectedSort{color:#47b6fe;font-weight:600}.category .center .form-control{width:60%}@media (max-width: 700px){.category{margin-top:20px;margin-bottom:60px}.category .noItems p{text-align:center;margin-top:50px}.arrows{display:none}}@media (min-width: 701px){.category{margin:120px 25%}.category .center .searchForm{padding-bottom:40px}.category .noItems p{margin-top:60px;text-align:center;font-weight:700}.category .bottom{border-style:solid;border-width:1px;border-color:#e0e0e0;border-radius:25px;padding:5px 15px 0}}.listCatOptions{position:fixed;bottom:0;right:0;left:0;z-index:999;background-color:#fff;color:gray;padding:10px;-webkit-box-shadow:0px 0px 7px -5px black;box-shadow:0 0 7px -5px #000;font-family:Verdana;border-radius:20px;animation:slide-up .3s cubic-bezier(.4,0,.2,1) backwards}.listCatOptions .deleteLink{color:red;text-decoration:none}.listCatOptions .item{margin:45px}.listCatOptions .item .link,.listCatOptions .item .iconLink{color:inherit;text-decoration:none}.listCatOptions .item .icon{padding-right:15px}.list{margin-top:80px}.list h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list .top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.list .top h1{font-family:Verdana;font-size:20px;color:#3b3b3b;letter-spacing:1.5px;text-transform:capitalize}.list .top .catIcons{padding-top:8px;color:#47b6fe;font-size:30px}.list .top .catIcons:hover{cursor:pointer;opacity:70%}.list .center{display:block;text-align:center}.list .center .searchForm{margin-bottom:10px}.list .center .form-control{width:60%}.list .center .buttons{display:flex;align-items:center;justify-content:center;gap:10px}.list .center .buttons h4{font-family:Verdana;font-size:13px;font-weight:100;color:gray}.list .center .buttons .sortButton{border-style:none;background-color:#fff;font-family:Verdana;color:#4b4b4b}.list .center .buttons .sortButton:hover{cursor:pointer;color:#47b6fe}.list .center .buttons .selectedSort{color:#47b6fe;font-weight:600}@media (max-width: 700px){.list{margin-top:20px;margin-bottom:60px}.list .noItems p{text-align:center;margin-top:50px}}@media (min-width: 701px){.list{margin:120px 25%}.list .center .searchForm{padding-bottom:40px}.list .noItems p{text-align:center;font-weight:700;margin-top:60px}.list .bottom{border-style:solid;border-width:1px;border-color:#e0e0e0;border-radius:25px;padding:5px 15px 0}}.bottom .noItems p{text-align:center;font-weight:700;margin-top:-3em}.newCategoryPage{opacity:1;animation:fadeIn .5s ease-in;font-family:Verdana}.newCategoryPage h2{color:#4b4b4b;text-align:left;font-size:20px}.selected{background-color:#bebebe;color:#47b6fe}.indivIcon:hover{cursor:pointer;color:#47b6fe}.indivIcon:active{transform:translateY(2px)}@media (min-width: 701px){.newCategoryPage{display:block;text-align:center;margin-top:120px;margin-bottom:80px}.categoryForm{display:inline-block;border-style:solid;border-width:1px;border-color:#e0e0e0;border-radius:25px;text-align:left;padding:50px 40px 10px 50px;font-size:14px}.categoryForm .form-control{width:360px}.iconSelect{width:30em;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.iconSelect .indivIcon{width:3em;height:3em;border-style:solid;border-width:.01em;border-radius:.2em;margin-bottom:1em}}@media (max-width: 700px){h2{margin-left:23px}.iconSelect{width:24em;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}.iconSelect .indivIcon{width:2.5em;height:2.5em;border-style:solid;border-width:.01em;border-radius:.2em;margin-bottom:.6em}}.newListPage{opacity:1;animation:fadeIn .5s ease-in}.updateItemPage{opacity:1;animation:fadeIn .5s ease-in;font-family:Verdana,Geneva,Tahoma,sans-serif;font-size:.9em}.updateItemPage h2{font-weight:700}label{font-weight:100;margin-bottom:.5em}form{margin-bottom:6em}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (min-width: 701px){.updateItemPage{display:block;text-align:center;margin-top:100px;margin-bottom:80px}.updateItemPage .itemForm{display:inline-block;text-align:left;border-style:solid;border-width:1px;border-color:#e0e0e0;border-radius:25px;padding:50px 40px 0 50px}}@keyframes horizontal-shaking{0%{transform:translate(0)}25%{transform:translate(7px)}50%{transform:translate(-7px)}75%{transform:translate(7px)}to{transform:translate(0)}}.deleteText{color:red;text-align:center;margin-right:2em;font-weight:100;text-transform:uppercase;letter-spacing:1px;font-size:14px}.deleteText:hover{cursor:pointer;text-decoration:underline;opacity:.6}.deleteText:active{transform:translateY(2px)}.btn .deleteBtn{padding:15px 40px;background:red;border:0;color:#fff;text-transform:uppercase;font-family:helvetica;font-size:12px;letter-spacing:3px;position:relative;transition:all .4s cubic-bezier(.645,.045,.355,1);cursor:pointer;margin-right:1.5em;z-index:1}.btn .deleteBtn:hover{opacity:.6}.deleteUserAlert{position:fixed;right:0;left:0;z-index:999;background-color:#fff;text-transform:uppercase;font-family:helvetica;font-size:15px;letter-spacing:2px;border-radius:20px;color:red;-webkit-box-shadow:0px 0px 7px -5px black;box-shadow:0 0 7px -5px #000;overflow-x:hidden}@media (max-width: 700px){.deleteText{text-align:left;margin-left:1.6em;margin-top:-50px;margin-bottom:75px}.btn{display:grid;gap:15px;width:250px}.deleteUserAlert{bottom:350px;width:79%;margin-left:2.5em;padding:2em 1em;gap:10px}.deleteUserAlert form{display:flex;flex-direction:column;justify-content:center;align-items:center}.deleteUserAlert form .form-group{width:auto}.deleteUserAlert input{width:300px}.deleteUserAlert .btn{display:grid;gap:10px;margin-bottom:-60px}.deleteUserAlert .btn button{width:230px}}@media (min-width: 701px){h5{margin-top:80px}.deleteText{margin-bottom:50px}.overlay{display:block;text-align:center}.overlay .deleteUserAlert{display:inline-block;height:auto;position:absolute;margin-left:auto;margin-right:auto;left:0;right:0;bottom:25em;width:450px;padding-top:20px}.overlay .deleteUserAlert .btn{margin-bottom:-35px}}