*,:before,:after{box-sizing:border-box;padding:0;margin:0}html,body{overscroll-behavior:none}body{overflow-x:hidden;min-width:375px;background-color:#181818;color:#f3f3f3;font-family:Righteous,cursive,Helvetica,sans-serif}a{text-decoration:none;color:#f3f3f3}a:hover{color:#41b883}button,input{border:none}*{scrollbar-width:thin;scrollbar-color:rgb(18,18,18) rgb(243,243,243,.2)}*::-webkit-scrollbar{width:8px;height:10px}::-webkit-scrollbar-track{background:rgba(243,243,243,.2)}::-webkit-scrollbar-button{width:0px;height:0px}::-webkit-scrollbar-thumb{background:#41B883}::selection{background-color:#41b883;color:#fff}header{display:flex;justify-content:center;width:375px;margin:25px auto}header h1{font-family:Righteous,cursive,Helvetica,sans-serif;color:#fff;font-size:2.5em;width:max-content}header svg{height:100px;width:100px;fill:#41b883;margin-right:12px}main{width:max-content;height:max-content;display:flex;flex-direction:column;align-items:center;margin:0 auto}#random_choice{cursor:pointer;background-color:#41b883;color:#f3f3f3;border:none;font-family:Righteous,cursive,Helvetica,sans-serif;font-size:1.5em;height:50px;width:310px;border-radius:50px;margin-bottom:25px}#random_choice:active{transform:scale(.95)}#input_box{position:relative;height:50px;width:310px;border-radius:50px;display:flex;align-items:center;margin-bottom:25px}#input_box input{font-family:Righteous,cursive,Helvetica,sans-serif;background-color:#f3f3f3;font-size:1em;height:100%;width:310px;border-radius:50px;outline:none;padding-left:20px;padding-right:85px}#input_box input:focus{box-shadow:0 0 8px 3px #41b883b3;border:1px solid #41B883}#input_box button{position:absolute;cursor:pointer;right:0px;background-color:#41b883;color:#f3f3f3;font-family:Righteous,cursive,Helvetica,sans-serif;font-size:1.4em;height:100%;width:75px;border-radius:50px}#input_box button:active{transform:scale(.92)}#list{width:310px;height:max-content}input.input_saver{background-color:#f5f5f5;width:100%;height:50px;border-radius:50px;overflow:hidden;outline:none;text-align:left;padding-left:20px;padding-right:102px;font-family:Righteous,cursive,Helvetica,sans-serif;font-style:italic;font-size:1em}input.input_saver:focus{box-shadow:0 0 8px 3px #2274a5b3;border:1px solid #2274A5}.load_saver{margin:12px 0 0;position:relative;display:flex;justify-content:space-between;width:100%;height:50px;border-radius:50px}#save{position:absolute;right:0;cursor:pointer;font-family:Righteous,cursive,Helvetica,sans-serif;letter-spacing:.5px;font-size:1em;width:30%;height:100%;border-radius:50px;background-color:#2274a5;color:#fff}#load{cursor:pointer;font-family:Righteous,cursive,Helvetica,sans-serif;letter-spacing:.5px;font-size:1em;width:100%;height:100%;border-radius:50px;background-color:#2274a5;color:#fff}#hide{cursor:pointer;font-family:Righteous,cursive,Helvetica,sans-serif;letter-spacing:.5px;font-size:1em;width:100%;height:100%;border-radius:50px;background-color:#18374c;color:#f5f5f5}#delete{display:flex;justify-content:center;align-items:center;cursor:pointer;font-family:Righteous,cursive,Helvetica,sans-serif;letter-spacing:.5px;font-size:1em;width:30%;height:100%;border-radius:50px;background-color:#dc143c;color:#fff}#delete svg{height:42%;fill:#fff}.load_saver button:active{transform:scale(.92)}.load_saver select{font-family:Righteous,cursive,Helvetica,sans-serif;background-color:#f5f5f5;color:#000;padding:0 20px;width:100%;height:100%;border-radius:50px}.proposition{position:relative;background-color:#34495e;height:50px;width:310px;border-radius:50px;display:flex;justify-content:space-between;align-items:center;padding:0 6px 0 22px;margin-bottom:2px}.proposition button{cursor:pointer;height:100%;width:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:transparent}.proposition button:active{transform:scale(.9)}.proposition button svg{fill:#f3f3f3;height:60%;z-index:5}#own_list{margin:20px 0 0}.a_list{position:relative;cursor:pointer;background-color:#34495e65;height:50px;width:310px;border-radius:50px;display:flex;justify-content:space-between;align-items:center;padding:0 6px 0 22px;margin-bottom:2px}.name_list{display:flex;justify-content:flex-start;align-items:center;height:100%;width:calc(100% - 60px);overflow:hidden;padding-left:10px;letter-spacing:1px}.name_list:active{transform:scale(.96)}.a_list button{cursor:pointer;height:100%;width:50px;display:flex;justify-content:center;align-items:center;border-radius:50%;background-color:transparent}.a_list button svg{fill:#f3f3f3;height:40%;z-index:5}.a_list button:active{transform:scale(.85)}.a_list button:active svg{fill:#dc143c}.reset_list{display:flex;justify-content:center;align-items:center;cursor:pointer;margin:25px 0;height:50px;width:155px;border-radius:50px;font-family:Righteous,cursive,Helvetica,sans-serif;font-size:1.1em;background-color:#dc143c;color:#f3f3f3}.reset_list:active{transform:scale(.95)}footer{height:100px;width:310px;margin:25px auto 0;display:flex;justify-content:center;align-items:center}.coded{cursor:pointer;font-family:Righteous,cursive,Helvetica,sans-serif;font-size:1em;background-color:#41b883;color:#181818;border-radius:50px;padding:2px 8px;margin:0 2px}.bgsaver{background-color:#2274a5;color:#fff}.coded:active{transform:scale(.92)}.active{transform:scale(1.1);background-color:#41b883;z-index:10}.bg_tomato{background-color:tomato}.animate{animation:animChoicer 2.5s ease-in-out backwards}.animate2{animation:animChoicer2 2.5s ease-in-out backwards}.bounce-enter-active{animation:bounce-in .5s}@keyframes bounce-in{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.delete-item{animation:delete-out .5s forwards}@keyframes delete-out{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(0);display:none}}.slide-fade-enter-active{transition:all .4s ease-out}.slide-fade-leave-active{transition:all .4s ease-in}.slide-fade-enter-from,.slide-fade-leave-to{transform:translateY(20px);opacity:0}@keyframes animChoicer{0%{transform:scale(.95)}12.5%{transform:scale(1.05)}25%{transform:scale(.95)}37.5%{transform:scale(1.05)}50%{transform:scale(.95)}62.5%{transform:scale(1.05)}75%{transform:scale(.95)}87.5%{transform:scale(1.05)}to{transform:scale(.95)}}@keyframes animChoicer2{0%{transform:scale(1.05)}12.5%{transform:scale(.95)}25%{transform:scale(1.05)}37.5%{transform:scale(.95)}50%{transform:scale(1.05)}62.5%{transform:scale(.95)}75%{transform:scale(1.05)}87.5%{transform:scale(.95)}to{transform:scale(.925)}}