*{-webkit-box-sizing:border-box;box-sizing:border-box;color:#2b3467;font-family:Inter,Helvetica,Arial,sans-serif;margin:0;padding:0}.btn{border:none;border-radius:80px;cursor:pointer;display:inline-block;font-weight:400;padding:10px 20px;text-align:center;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;white-space:nowrap}.only-icon-button{background-color:#2b3467;border-radius:35px;color:#fff;display:block;height:44px;position:relative;width:60px}body{-webkit-animation:gradient 15s ease infinite;animation:gradient 15s ease infinite;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background:linear-gradient(-45deg,#056133,#056133 25%,#f10707 0,#f10707 50%,#056133 0,#056133 75%,#e80909 0,#e80909);background-size:400% 400%;height:100%;position:relative}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.bg-white-shade{background:#fcffe7;height:100%;left:0;opacity:1;opacity:.95;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.main-section{min-height:100vh;padding:50px 0;position:relative;width:100%}.container{margin:0 auto;max-width:1366px;padding:0 15px;text-align:center}.site-logo{background:url(../img/logo.png) no-repeat 50%;background-size:contain;height:100px;margin:0 auto 10px;width:100px}.site-headline{font-size:34px;font-weight:800;margin-bottom:15px}.site-subheadline{font-size:18px;font-weight:400;margin:0 auto 25px;max-width:800px}.all-input-wrapper{-ms-flex-wrap:wrap;flex-wrap:wrap;gap:12px;margin-bottom:25px}.all-input-wrapper,.input-area{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.input-box{-webkit-box-flex:1;-ms-flex-positive:1;border:1px solid #536493;border-radius:100px;display:block;flex-grow:1;font-size:25px;font-weight:700;height:44px;max-width:400px;padding:10px 80px 10px 20px;width:100%}.input-box-container{-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}.input-box::-webkit-input-placeholder{color:#61758a;font-size:20px;font-weight:400}.input-box::-moz-placeholder{color:#61758a;font-size:20px;font-weight:400}.input-box:-ms-input-placeholder{color:#61758a;font-size:20px;font-weight:400}.input-box::-ms-input-placeholder{color:#61758a;font-size:20px;font-weight:400}.input-box::placeholder{color:#61758a;font-size:20px;font-weight:400}.submit-button{border:none;cursor:pointer;font-size:36px;font-weight:700;height:38px;line-height:0px;position:absolute;right:4px;top:3px;width:52px}.btn-icon{background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;height:20px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:20px}.add-icon{background:url(../img/add.png)}.items{-ms-flex-wrap:wrap;flex-wrap:wrap;margin:auto;max-width:600px}.item,.items{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px;justify-content:center}.item{background:#fff;border:1px solid #b8b8b8;border-radius:80px;cursor:auto;font-size:20px;font-weight:400;padding:6px 15px;position:relative;-webkit-transition:all .5s ease;transition:all .5s ease}.item.blink{background:#eb455f;color:#fff}.item .close{background:url(../img/cross.png) no-repeat 50%,#eb455f;background-size:50%;border-radius:80px;cursor:pointer;font-size:16px;height:30px;line-height:17px;opacity:0;position:absolute;right:2px;text-align:center;top:2px;-webkit-transition:all .5s ease;transition:all .5s ease;vertical-align:middle;visibility:hidden;width:30px}.item:hover{-webkit-box-shadow:0 4px 10px rgba(0,0,0,.2);box-shadow:0 4px 10px rgba(0,0,0,.2);color:#cacaca}.item:hover .close{opacity:1;visibility:visible}.buttonsWrapper{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:15px;justify-content:center;margin-bottom:25px}.reset-shuffle-button{display:block;font-size:18px;font-weight:700;height:100%;padding:10px 20px;width:-webkit-max-content;width:-moz-max-content;width:max-content}.shuffle-icon{background:url(../img/shuffle.png) no-repeat 50%;background-size:contain;height:20px;margin-right:8px;width:20px}.shuffle-button{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#2b3467;display:-webkit-box;display:-ms-flexbox;display:flex;height:44px;justify-content:center;width:-webkit-max-content;width:-moz-max-content;width:max-content}.shuffle-button .btn-text{color:#fff;font-size:18px;font-weight:400}.delete-icon{background:url(../img/delete.png)}.reset-icon{background:url(../img/reset.png)}.delete-all-items-button{-webkit-box-ordinal-group:2;-ms-flex-order:1;background:#eb455f;order:1}.shuffle-button{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.input-area{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}@media(max-width:690px){.delete-all-items-button{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.shuffle-button{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.input-area{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.site-logo{height:70px;width:70px}.site-headline{font-size:26px;margin-bottom:5px}.site-subheadline{font-size:13px}}