@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@300;400&display=swap);#app{font-family:Avenir,Helvetica,Arial,sans-serif;text-align:center;color:#2c3e50}#app,body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:#fff;padding:0;margin:0;height:100vh;width:100vw}*{font-family:Raleway,sans-serif}#title h1{margin:0;padding:0;line-height:120px;color:#fff;font-size:40px;font-weight:600}#title{background-color:#00a2ff;background-image:url(/img/wave.b2f8b9f9.jpg);background-size:cover;background-position-y:40%;height:120px;top:0}#flexbox,#title{position:absolute;width:100vw;left:0}#flexbox{top:120px;height:calc(100vh - 120px);flex-direction:row;display:flex;overflow:clip}.mainContainer{flex:1;position:relative;overflow-y:auto;text-align:left}.mainContainer .blurCard.active{width:100%;height:100%;position:absolute;top:0;z-index:10;background-color:rgba(212,223,233,.541);filter:blur(5px)}.formCard.active{padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;width:25vw;height:50vh;border-radius:30px;background-color:#fff;border:1px solid #d8d8d8;position:absolute;top:25vh;left:4vw}.formCard h1{color:#a7a7a7;max-height:100px}.formCard li,.formCard p{color:#a7a7a7;font-weight:400}.formCard ul{border:1px solid #a7a7a7;border-radius:20px;padding:10px;max-height:300px;overflow-y:scroll}.formCard{display:none}.formCard *{flex-grow:1;text-align:center}.mainContainer ul{list-style-type:none;width:-moz-fit-content;width:fit-content}.mainContainer>ul>li{border:1px solid #fff;border-radius:5px;margin:none;margin-top:20px;padding:10px;position:relative;transition:border .2s,max-height .55s,opacity .25s,padding .25s,margin-top .25s,color .25s;max-height:300px}.mainContainer>ul>li.inactive{color:#cecece}.mainContainer>ul>li.hide{max-height:0;margin-top:0;padding:0;opacity:0;border:none}.mainContainer>ul>li.selected,.mainContainer>ul>li:hover{border:1px solid #bebebe}.mainContainer>ul>li:not(.selected) .deleteButton{display:none}.mainContainer>ul>li :not(.deleteButton){pointer-events:none}.deleteButton{position:absolute;top:calc(50% - 20px);right:-55px;height:40px;width:40px;border-radius:20px;border:1px solid #d8d8d8;background-color:#fff;display:flex;justify-content:center;align-items:center;transition:background-color .1s}.deleteButton img{height:23px;width:23px}.deleteButton:hover{background-color:#f7f7f7}.listP{margin:0;padding:0}.mainContainer h2{text-align:center;color:#a7a7a7;font-weight:600}#componentContainer{border:3px solid #d8d8d8;border-top:none;border-bottom:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background-color:transparent;margin-top:10px;margin-bottom:10px}::-webkit-scrollbar-thumb{background:#d8d8d8;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#c5c5c5}.addButton{height:35px;width:35px;border-radius:3px;border:none;background-color:#78f18c;display:flex;justify-content:center;align-items:center;transition:background-color .1s}.addButton img{height:23px;width:23px}.addButton:hover{background-color:#71e284}.horizontalFlexHolder{display:flex;justify-content:center;align-items:center;flex-direction:row;max-height:100px;gap:20px}.submitButton{background-color:#5eec76;border:none;outline:none;height:50px;line-height:50px;font-size:25px;color:#fff;font-weight:400;border-radius:5px;transition:background-color .25s}.submitButton:hover{background-color:#57e06e}.cancelButton{background-color:#f57373;border:none;outline:none;height:50px;line-height:50px;font-size:25px;color:#fff;font-weight:400;border-radius:5px;transition:background-color .25s}.cancelButton:hover{background-color:#e96d6d}.miniButton{background-color:#5eec76;border:none;outline:none;max-height:30px;line-height:30px;font-size:15px;color:#fff;font-weight:600;border-radius:5px;transition:background-color .25s}.miniButton:hover{background-color:#57e06e}