@import url(https://fonts.googleapis.com/css2?family=Open+Sans:wght@300&display=swap);.navigation[data-v-8a765dd6]{padding-left:10px;padding-top:10px;position:fixed;width:300px;height:100%;resize:horizontal;transition:.5s}.navigation #navi-ul li[data-v-8a765dd6]{padding-left:4px;position:relative}.navigation #navi-ul li.active[data-v-8a765dd6]:before{content:"";position:absolute;top:12%;left:0;background:var(--bgColor);height:70%;width:2px}.navigation #navi-ul li .icon[data-v-8a765dd6]{font-size:1.2em}.navigation #navi-ul #sidebar-toggle[data-v-8a765dd6]{display:none}.navigation #navi-ul li[data-v-8a765dd6]:nth-child(3){color:#7388da}.navigation #navi-ul li[data-v-8a765dd6]:nth-child(4){color:#d35d58}.navigation #navi-ul li[data-v-8a765dd6]:nth-child(5){color:#39916a}.navigation #navi-ul li[data-v-8a765dd6]:nth-child(6),.navigation #navi-ul li[data-v-8a765dd6]:nth-child(7){color:#7388da}.navigation #navi-ul li[data-v-8a765dd6]:not(:first-child):hover{background-color:#eee}.navigation #navi-ul li .title[data-v-8a765dd6]{color:#000;position:absolute;left:10%}.navigation #navi-ul[data-v-8a765dd6]{line-height:55px}#firstListItem[data-v-8a765dd6]{position:relative}#firstListItem .icon[data-v-8a765dd6]{color:#dfae55}#firstListItem .icon i[data-v-8a765dd6]{font-size:1.5em}#firstListItem .icon-2[data-v-8a765dd6]{position:absolute;left:91%}#firstListItem .user-info[data-v-8a765dd6]{top:-10px;left:10px;position:relative;display:inline-block}#firstListItem .user-info .name[data-v-8a765dd6]{display:inline}#firstListItem .user-info .email[data-v-8a765dd6]{opacity:.6;position:absolute;top:18px;left:0;display:inline;font-size:.8em}#firstListItem .email-toggle[data-v-8a765dd6]{position:absolute;top:55.2px;width:225px;background-color:#fff;padding-left:10px;border-radius:5px;z-index:1000;box-shadow:1px 2px 13px 6px hsla(0,0%,49.8%,.82);transition:.5s}#firstListItem .email-toggle ul li[data-v-8a765dd6]{border-top-right-radius:5px;border-bottom-right-radius:5px;line-height:35px}#firstListItem .email-toggle ul li .text[data-v-8a765dd6]{font-size:.9em;color:#000}#firstListItem .email-toggle ul hr[data-v-8a765dd6]{color:#ff69b4}#firstListItem .email-toggle ul li[data-v-8a765dd6]:hover{background:#eee!important}#firstListItem .email-toggle ul li .icon[data-v-8a765dd6]{color:grey;font-size:.7em}#firstListItem .email-toggle ul li .text[data-v-8a765dd6]{margin-left:10px}#addNewList .title[data-v-8a765dd6]{position:absolute;left:10%}#addNewList .icon-2[data-v-8a765dd6]{position:absolute;left:91%}@media only screen and (max-width:800px){.navigation[data-v-8a765dd6]{left:-300px;z-index:10000;background-color:#fff}.navigation #navi-ul #sidebar-toggle[data-v-8a765dd6]{display:block}.navigation.active[data-v-8a765dd6]{left:0;z-index:100000}#responsiveButton2[data-v-8a765dd6]{font-size:1.5em}#responsiveButton2>i[data-v-8a765dd6]{color:grey}}.wrapper[data-v-4c1cd140]{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.modal[data-v-4c1cd140]{position:fixed;top:30%;display:flex;flex-direction:column;width:300px;min-height:200px;justify-content:space-around;align-items:flex-start;background:#fff;border-radius:5px;padding:10px;z-index:200000000000000}.modal .content[data-v-4c1cd140]{overflow-wrap:anywhere}.modal-btn[data-v-4c1cd140]{cursor:pointer;border:none;width:100px;height:30px;font-weight:600}#deleteBtn[data-v-4c1cd140]{background-color:#d61414;margin-right:20px;color:#fff;outline:none;letter-spacing:1.5px}#cancelBtn[data-v-4c1cd140]{outline-width:.5px;letter-spacing:1.2px}#cancelBtn[data-v-4c1cd140]:hover{outline:auto}#scrollDateContainer[data-v-3be41eb6]{top:-200px;left:-25px;display:inline-block;position:absolute;width:auto;z-index:10000000000000000000;display:none}#scrollDateContainer.visible[data-v-3be41eb6]{display:flex;flex-direction:column}.buttons[data-v-3be41eb6]{display:flex;justify-content:space-between;background-color:#fff}.buttons .button[data-v-3be41eb6]{border-top:3px solid grey;display:flex;justify-content:center;align-items:center;width:150px;height:50px}.buttons .button[data-v-3be41eb6]:hover{background-color:#eee}.wrapper[data-v-3be41eb6]{display:flex;width:300px;height:350px;background-color:#fff}.side[data-v-3be41eb6]{width:149px;height:350px;overflow-y:scroll;overflow-x:hidden;scroll-behavior:smooth}#left[data-v-3be41eb6]{border-right:1.5px solid grey}#right[data-v-3be41eb6]{border-left:1.9px solid grey}.side[data-v-3be41eb6]::-webkit-scrollbar{display:none}.rects[data-v-3be41eb6]{display:flex;justify-content:center;align-items:center;width:149px;height:50px}.rects.selected[data-v-3be41eb6]{background-color:#c2c1c1}.rects[data-v-3be41eb6]:hover{background-color:#eee}.rects.active[data-v-3be41eb6]{background-color:grey}.calendar[data-v-6021e744]{display:none;position:absolute;bottom:75px;right:50px;width:250px;background-color:#fff;border-radius:5px;z-index:500000000;padding:10px}.calendar.visible[data-v-6021e744]{display:block}.today[data-v-6021e744]{display:flex;justify-content:space-between}.today h3[data-v-6021e744]{font-weight:500}.today .arrows[data-v-6021e744]{display:flex;justify-content:space-between;width:35px}.days-title[data-v-6021e744]{grid-template-rows:1fr;margin:10px 0}.days-title[data-v-6021e744],.days[data-v-6021e744]{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr}.days[data-v-6021e744]{grid-template-rows:1fr 1fr 1fr 1fr 1fr 1fr}.day[data-v-6021e744]{font-size:.8em}.day-num[data-v-6021e744],.day[data-v-6021e744]{display:flex;justify-content:center;align-items:center}.day-num[data-v-6021e744]{border:1px;width:30px;height:30px;margin:1.5px}.day-num[data-v-6021e744]:hover{border:2px solid grey}.passive[data-v-6021e744]{background-color:#eee}.buttons[data-v-6021e744]{margin-top:10px;display:flex;justify-content:space-between}.buttons .button[data-v-6021e744]{width:110px;height:25px;outline:none;font-weight:700;border:0 solid}#saveBtn[data-v-6021e744],.today-active[data-v-6021e744]{color:#fff;background-color:#0373f3}.active[data-v-6021e744]{outline:3px solid #0373f3;z-index:500000001;outline-offset:1.5px;color:#000}.bottom[data-v-6021e744]{width:230px;background-color:#fff;display:flex;flex-direction:column;align-items:center}.bottom .hour-wrapper[data-v-6021e744]{display:flex;margin-top:10px;height:30px;width:230px;border:1px solid #000;align-items:center;border-radius:3px}.bottom .hour-wrapper #left[data-v-6021e744]{border-right:1px solid #b9acac}.bottom .hour-wrapper .hour-side[data-v-6021e744]{width:115px;display:flex;justify-content:center;align-items:center;height:100%}.bottom .buttons[data-v-6021e744]{display:flex;justify-content:space-between;margin:10px 0;width:230px}.bottom .buttons .button[data-v-6021e744]{width:110px;border:1px solid transparent;padding:5px 0;font-size:15px}.bottom .buttons #save[data-v-6021e744]{background-color:#00f;border:1px solid #00f;color:#fff}.bottom .buttons .button[data-v-6021e744]:hover{border:1px solid #000}hr[data-v-4c372fa5]{color:grey}.options[data-v-4c372fa5]{position:absolute;visibility:hidden;top:30px;right:80px;width:300px;border-radius:5px;background:#fff;opacity:0;z-index:200;height:0;transition:height .6s,opacity .6s}.options .option[data-v-4c372fa5]{position:relative;display:flex;justify-content:space-between;height:40px;align-items:center}.options .option[data-v-4c372fa5]:hover{background:hsla(0,0%,93.3%,.9333333333333333)}.options .option[data-v-4c372fa5]:first-child{border-top-right-radius:5px;border-top-left-radius:5px}.options .option[data-v-4c372fa5]:last-child{border-bottom-right-radius:5px;border-bottom-left-radius:5px}.options .option .icon[data-v-4c372fa5]{padding-left:10px}.options .option .text[data-v-4c372fa5]{position:absolute;left:40px;font-family:Open Sans,sans-serif;font-weight:600}.options .option .faded-text[data-v-4c372fa5]{padding-right:10px;font-family:Open Sans,sans-serif;font-weight:600;color:grey}.options.active[data-v-4c372fa5]{height:162px;visibility:visible;opacity:1}.main[data-v-70bc804e]{position:absolute;background-color:var(--mainBgColor);width:calc(100% - 300px);left:300px;min-height:100vh}.main .content[data-v-70bc804e]{position:relative;height:100vh;display:flex;flex-direction:column;justify-content:space-between}.main .content .top-info[data-v-70bc804e]{display:flex;justify-content:space-between;align-items:center;padding:30px}.main .content .top-info .days-info[data-v-70bc804e]{position:relative;display:inline-block}.main .content .top-info .days-info ul li[data-v-70bc804e]{color:#fff}.main .content .top-info .days-info ul li h3[data-v-70bc804e]{letter-spacing:1.5px;font-size:1.5em}.main .content .top-info .days-info ul li p[data-v-70bc804e]{font-size:.87em}.main .content .top-info .options[data-v-70bc804e]{position:relative;display:inline-block;color:#fff}.main .content .top-info .options a[data-v-70bc804e]{color:#fff;text-decoration:none;background-color:rgb(255 255 255/14%);border-radius:3px;cursor:default;border:1px solid hsla(0,0%,100%,.18)}.main .content .top-info .options .dots[data-v-70bc804e]{padding:3px}.main .content .top-info .options a[data-v-70bc804e]:hover{background-color:#323f75}.main .content .top-info .options .toggle-menu[data-v-70bc804e]{display:none;z-index:1000000;position:absolute;right:0;height:auto;width:250px;background-color:#fff;top:100%;border-radius:3px;flex-direction:column}.main .content .top-info .options .toggle-menu .hover-menu[data-v-70bc804e]{cursor:pointer;display:flex;padding:3px 10px 3px 10px;border-top-left-radius:3px;border-top-right-radius:3px;align-items:center;background-color:#fff;color:#000;height:40px}.main .content .top-info .options .toggle-menu .hover-menu .icon[data-v-70bc804e]{color:#717171;margin-right:5px}.main .content .top-info .options .toggle-menu .hover-menu .text[data-v-70bc804e]{margin-right:80px}.main .content .top-info .options .toggle-menu .hover-menu[data-v-70bc804e]:hover{background-color:#eee}.main .content .top-info .options .toggle-menu .hover-menu .arrow[data-v-70bc804e]{height:10px;width:10px;border:solid #000;border-width:0 2px 2px 0;transform:rotate(-45deg)}.main .content .top-info .options .toggle-menu .color-options[data-v-70bc804e]{display:flex;flex-direction:column;color:#000;height:auto;background-color:#fff}.main .content .top-info .options .toggle-menu .color-options .colors[data-v-70bc804e]{display:flex;justify-content:space-evenly;flex-wrap:wrap;background-color:#fff}.main .content .top-info .options .toggle-menu .color-options .colors .color-box[data-v-70bc804e]{width:50px;height:50px;background-color:#4559aa;margin:4px}.main .content .top-info .options .toggle-menu .color-options .colors .color-box.active[data-v-70bc804e]{outline:solid;outline-color:#00f;outline-offset:2px}.main .content .top-info .options .toggle-menu .color-options .colors #blue[data-v-70bc804e]{background-color:#4559aa}.main .content .top-info .options .toggle-menu .color-options .colors #green[data-v-70bc804e]{background-color:#368e68}.main .content .top-info .options .toggle-menu .color-options .colors #purple[data-v-70bc804e]{background-color:#a968aa}.main .content .top-info .options .toggle-menu .color-options .colors #orange[data-v-70bc804e]{background-color:#d05a55}.main .content .top-info .options .toggle-menu .color-options .colors #gray[data-v-70bc804e]{background-color:#76838f}.main .content .top-info .options .toggle-menu .color-options .colors #darkGreen[data-v-70bc804e]{background-color:#0b736d}.main .content .top-info .options .toggle-menu .color-options .colors #lightBlue[data-v-70bc804e]{background-color:#dfedf9}.main .content .top-info .options .toggle-menu .color-options .colors #lightPurple[data-v-70bc804e]{background-color:#f2e7f9}.main .content .top-info .options .toggle-menu .color-options .colors #lightOrange[data-v-70bc804e]{background-color:#f9e8de}.main .content .top-info .options .toggle-menu .other-options[data-v-70bc804e]{margin-top:10px}.main .content .top-info .options .toggle-menu .other-options .option[data-v-70bc804e]{display:flex;align-items:center;height:40px;color:#000;padding-left:10px}.main .content .top-info .options .toggle-menu .other-options .option[data-v-70bc804e]:hover{background-color:#eee}.main .content .top-info .options .toggle-menu .other-options .option .icon[data-v-70bc804e]{color:#717171;margin-right:5px}.main .content .top-info .options .toggle-menu .toggle-side[data-v-70bc804e]{display:none;padding:10px;position:absolute;right:99%;top:0;width:200px;background-color:#fff;border-radius:5px;border:1px solid #b4b1b1}.main .content .top-info .options .toggle-menu .toggle-side .side-options[data-v-70bc804e]{display:flex;flex-direction:column}.main .content .top-info .options .toggle-menu .toggle-side .side-options .option[data-v-70bc804e]{color:#000;height:40px;display:flex;align-items:center}.main .content .top-info .options .toggle-menu .toggle-side .side-options .option .icon[data-v-70bc804e]{margin-right:10px;color:#717171}.main .content .top-info .options a[data-v-70bc804e]:first-child{font-size:1.2em;text-align:center;padding:2px 4.5px 2px 4.5px;margin-right:15px}.main .content .top-info .options a[data-v-70bc804e]:last-child{font-size:1.2em;padding:2px}.main .content .middle[data-v-70bc804e]{overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;top:108.8px;height:100%}.main .content .middle .completed[data-v-70bc804e]{cursor:pointer;position:relative;display:flex;justify-content:space-between;align-self:flex-start;left:10%;margin-top:10px;background-color:rgb(255 255 255/14%);color:#fff;border-radius:5px;height:35px;min-height:35px;margin-bottom:20px;width:140px;padding:5px}.main .content .middle .completed .icon.active[data-v-70bc804e]{transform:rotate(45deg)}.main .content .middle .completed .text[data-v-70bc804e]{position:absolute;left:27px;top:6px}.main .content .middle .completed .icon[data-v-70bc804e]{position:absolute;top:10px;left:5px;width:10px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(-45deg);transition:.4s}.main .content .middle .icon[data-v-70bc804e]{display:flex;align-items:center;flex-direction:column;justify-content:center;color:#fff}.main .content .middle .completed-todos[data-v-70bc804e]{display:none;position:relative;width:80%}.main .content .middle .completed-todos.active[data-v-70bc804e]{display:block}.main .content .middle .completed-todos ul[data-v-70bc804e]{width:100%}.main .content .middle .icon .icon-pic img[data-v-70bc804e]{width:100px}.main .content .middle .icon .icon-title[data-v-70bc804e]{margin-top:10px;font-size:1.2em;text-align:center;margin-top:25px;letter-spacing:1.5px}.main .content .middle .icon .icon-subtitle[data-v-70bc804e]{text-align:center;margin-top:10px;width:300px;white-space:normal}.main .content .middle ul[data-v-70bc804e]{width:80%}.main .content .middle ul li[data-v-70bc804e]{margin-top:3px}.main .content .middle ul li .todo[data-v-70bc804e]{display:flex;border-radius:5px;padding:0 20px;justify-content:space-between;align-items:center;background-color:#fff;width:100%;height:auto}.main .content .middle ul li .todo .infoSection .text[data-v-70bc804e]{left:44px;width:80%;overflow-wrap:anywhere}.main .content .middle ul li .todo .infoSection .text p.done[data-v-70bc804e]{text-decoration:line-through;color:grey}.main .content .middle ul li .todo .infoSection .text h5[data-v-70bc804e]{font-weight:100;color:grey}.main .content .middle ul li .todo[data-v-70bc804e]:hover{background-color:#eee}.main .content .middle ul li .todo .infoSection[data-v-70bc804e]{width:100%;align-items:center;justify-content:space-between}.main .content .middle ul li .todo .circle input[data-v-70bc804e]{position:absolute;opacity:0;height:0;width:0}.main .content .middle ul li .todo .circle span[data-v-70bc804e]{position:absolute;z-index:1000;display:block;top:-12px;width:25px;height:25px;border:3px solid grey;border-radius:50%}.main .content .middle ul li .todo .circle .container:hover input~.checkmark[data-v-70bc804e]{background-color:#ccc}.main .content .middle ul li .todo .circle input:checked~.checkmark[data-v-70bc804e]{background-color:var(--mainBgColor)}.main .content .middle ul li .todo .circle .container .checkmark[data-v-70bc804e]:after{content:"";position:absolute;display:none}.main .content .middle ul li .todo .circle .container input:checked~.checkmark[data-v-70bc804e]:after{display:block}.main .content .middle ul li .todo .circle .container .checkmark[data-v-70bc804e]:after{left:5px;top:2px;width:5px;height:10px;border:solid #000;z-index:1000;border-width:0 3px 3px 0;transform:rotate(45deg)}.main .content .middle ul li .todo .circle .container .checkmark[data-v-70bc804e]{position:relative;top:15px}.main .content .middle ul li .todo .text[data-v-70bc804e]{position:relative;top:-10px;left:30px}.main .content .bottom[data-v-70bc804e]{width:100%;margin-bottom:30px}.main .content .bottom .input[data-v-70bc804e]{display:flex;position:relative;left:10%;width:80%}.main .content .bottom .input #mainInput[data-v-70bc804e]{z-index:10000;background-color:rgb(255 255 255/14%)}.main .content .bottom .input:focus-within>.container[data-v-70bc804e]{display:block}.main .content .bottom .input:focus-within>.plus[data-v-70bc804e]{display:none}.main .content .bottom .input:focus-within input[data-v-70bc804e]::-moz-placeholder{color:transparent}.main .content .bottom .input:focus-within input[data-v-70bc804e]:-ms-input-placeholder{color:transparent}.main .content .bottom .input:focus-within input[data-v-70bc804e]::placeholder{color:transparent}.main .content .bottom .input input[data-v-70bc804e]{color:#fff}.main .content .bottom .input .plus[data-v-70bc804e]{position:relative;left:1%;top:22px;z-index:100000}.main .content .bottom .input .plus #vertical[data-v-70bc804e]{transform:rotate(90deg)}.main .content .bottom .input .plus #horizontal[data-v-70bc804e],.main .content .bottom .input .plus #vertical[data-v-70bc804e]{position:absolute;width:20px;display:block;height:1.5px;background-color:#fff}.main .content .bottom .input .liste[data-v-70bc804e]{display:inline-block;position:relative;z-index:0}.main .content .bottom .input .liste[data-v-70bc804e],.main .content .bottom .input .liste ul[data-v-70bc804e]{border-top-right-radius:5px;border-bottom-right-radius:5px;background-color:rgb(255 255 255/14%)}.main .content .bottom .input .liste ul .calendar-menu[data-v-70bc804e]{display:flex;flex-direction:column;border-radius:5px;position:absolute;bottom:100%;width:200px;padding:10px;height:0;background-color:#fff;visibility:hidden}.main .content .bottom .input .liste ul .calendar-menu.visible[data-v-70bc804e]{visibility:visible;height:142px;transition:height .5s}.main .content .bottom .input .liste ul .calendar-menu .calendar-option[data-v-70bc804e]{color:#000;position:relative;height:30px;display:flex;align-items:center;cursor:pointer}.main .content .bottom .input .liste ul .calendar-menu .calendar-option .text[data-v-70bc804e]{margin-left:20px}.main .content .bottom .input .liste ul .calendar-menu .calendar-option .day-text[data-v-70bc804e]{position:absolute;right:5px}.main .content .bottom .input .liste ul .calendar-menu .calendar-option[data-v-70bc804e]:hover{background-color:#eee}.main .content .bottom .input .liste ul li[data-v-70bc804e]{cursor:pointer}.main .content .bottom .input .liste ul li[data-v-70bc804e]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.main .content .bottom .input .liste ul li[data-v-70bc804e]:hover{background-color:hsla(0,0%,46.7%,.5)}.main .content .bottom .input input[data-v-70bc804e]{pointer-events:auto;width:100%;height:45px;border-top-left-radius:5px;border-bottom-left-radius:5px;border:none;outline:none;padding-left:50px;font-size:large;background-color:#4559aa}.main .content .bottom .input input[data-v-70bc804e]::-moz-placeholder{color:#fff}.main .content .bottom .input input[data-v-70bc804e]:-ms-input-placeholder{color:#fff}.main .content .bottom .input input[data-v-70bc804e]::placeholder{color:#fff}.main .content .bottom .input .container[data-v-70bc804e]{display:none;position:absolute;width:30px;left:1%;top:0;z-index:100000}.main .content .bottom .input .container input[data-v-70bc804e]{position:absolute;opacity:0;height:0;width:0}.main .content .bottom .input .container span[data-v-70bc804e]{position:absolute;z-index:1000;top:10px;display:block;width:25px;height:25px;border:3px solid #f5f5f5;border-radius:50%}.main .content .bottom .input ul[data-v-70bc804e]{position:relative;width:100%;height:100%;display:none;justify-content:space-around;color:#fff;background-color:#4559aa;opacity:.8;border-top-right-radius:5px;border-bottom-right-radius:5px;align-items:center}.main .content .bottom .input ul li[data-v-70bc804e]{display:flex;align-items:center;padding:0 5px 0 5px;height:100%}.main .content .bottom .input ul li[data-v-70bc804e]:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.main .content .bottom .input ul li .text[data-v-70bc804e]{font-size:.8em}.main .content .bottom .input ul li[data-v-70bc804e]:hover{background-color:#323f75}.fas.fa-star[data-v-70bc804e]{color:var(--mainBgColor)}#responsiveButton[data-v-70bc804e]{display:none;width:50px;height:50px}.container .navigation.mobile[data-v-70bc804e]{display:block;z-index:1001;width:250px;top:0;left:0;background-color:#fff}#context-menu[data-v-70bc804e]{visibility:hidden;position:fixed;z-index:1000000;width:250px;background:#fff;height:0;opacity:0;transition:height .5s,opacity 1s}#context-menu.visible[data-v-70bc804e]{visibility:visible;opacity:1;height:326px;display:block;border-radius:5px;border:1px solid grey}#context-menu .item[data-v-70bc804e]{padding:8px 10px;font-size:15px;height:40px;color:rgba(0,0,0,.678);cursor:pointer;border-radius:inherit;transform-origin:top left}#context-menu .item .icon[data-v-70bc804e]{margin-right:5px}#context-menu .item[data-v-70bc804e]:hover{background-color:#eee}@media only screen and (max-width:800px){.main[data-v-70bc804e]{left:0;width:100%}#responsiveButton[data-v-70bc804e]{display:block;font-size:1.5em;z-index:1002}#responsiveButton>i[data-v-70bc804e]:hover{background-color:#4559aa;padding:3px}.main .content .top-info .options[data-v-70bc804e]{align-self:flex-end}}#overlay[data-v-70bc804e]{position:fixed;display:none;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:200000000}#overlay.active[data-v-70bc804e]{display:block}*{margin:0;padding:0;box-sizing:border-box;font-family:Roboto,sans-serif}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#555}.container{position:relative;width:100%}ul{list-style:none}