header{background-color:#1b1918;line-height:1.5;max-height:70px}.barlogo{padding-top:10px;padding-right:10px;padding-left:15px;max-height:50px}.headerText{color:#e9e3ce;display:flex;align-items:flex-end;font-size:25px;font-family:Cinzel,serif;padding-bottom:10px}.btn-trans{background-color:transparent;border:0;cursor:pointer;display:flex;justify-self:flex-end;margin-top:-55px;box-shadow:none}.wrapper{padding:2rem;padding-top:0}@media (max-width: 700px){.wrapper{padding:.5rem;padding-top:0}}@media (max-width: 700px){header{height:50px}.barlogo{padding-bottom:10px;padding-right:10px;padding-left:15px;height:30px}.headerText{color:#e9e3ce;display:flex;align-items:center;font-size:16px;font-family:Cinzel,serif;padding-bottom:10px}.btn-trans{width:15px;height:15px;margin-right:20px}}.quiz-card--cover{max-width:fit-content;min-width:320px;background-color:#e6dbc3;box-shadow:0 4px 8px #0003;transition:.3s}.quiz-card--cover:hover{box-shadow:0 8px 16px #0003}.quiz-card--container{padding:15px;color:#3c3126}.join-card--cover{margin:20px;border-color:#c9ad6a;border-width:2px;border-style:solid;max-width:300px;min-height:400px}.join-card--container{padding:15px}.join-card--h2{text-align:center;font-size:20;text-decoration:underline;padding-bottom:10px}.edit-card--cover{margin:20px;border-color:#c9ad6a;border-width:2px;border-style:solid;max-width:300px;min-height:400px}.edit-card--container{padding:15px}.edit-card--h2{text-align:center;font-size:20pt;text-decoration:underline;padding-bottom:10px}.edit-card--image{width:100%}.edit-card--button{width:100%;height:100%;display:flex;justify-content:space-evenly}.quiz-info{background-color:#e6dbc3;width:250px;border:#c9ad6a;border-style:solid;border-width:2px;border-radius:1em;padding:0 15px 15px;margin-bottom:15px;margin-top:30px}@media (max-width: 1024px){.quiz-info{width:95%;margin:auto auto 10px}}.quiz-info--subtitle{font-style:italic;margin-top:-5px}.quiz-info--textarea-description{width:100%;min-height:70px;resize:vertical;background-color:transparent;border-style:none;border-color:transparent;border-width:0px}@media (max-width: 1024px){.quiz-info--textarea-description{min-height:25px}}.quiz-info--textarea-name{background-color:transparent;border-style:none;border-color:transparent;border-width:0px;width:100%;cursor:pointer;display:flex;font-size:20px;font-family:Cinzel,serif;font-weight:700;height:40px;margin-top:10px;color:#3c3126}@media (max-width: 1024px){.quiz-info--textarea-name{font-size:18px}}.quiz-info--start-button{width:80%;height:50px;margin:auto;justify-content:center;font-size:30px}@media (max-width: 1024px){.quiz-info--start-button{width:60%;height:35px;margin:auto auto 10px;justify-content:center;font-size:20px}}.question-card{position:fixed;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1023}.question-card--cover{margin-left:15%;margin-right:15%;max-width:2048px;max-height:75%;margin-top:170px;border-color:#c9ad6a;background-color:#e6dbc3;border-width:5px;border-style:solid;border-radius:2em;box-shadow:0 4px 8px #00000080;position:relative;z-index:12;padding:20px}@media (max-width: 700px){.question-card--cover{margin-top:20px;margin-left:20px;margin-right:60px;border-width:3px}}.question-card--question-container{text-align:center;max-height:40%;padding:15px;display:flex}.question-card--inputfield{background-color:#ede7d1;border-style:none;width:100%;min-height:100px;border-radius:.7em;font-size:18px;text-align:center;font-family:Metamorphous,cursive;resize:none}.question-card--answer-container{padding-left:15px;padding-right:15px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:15px}@media (max-width: 700px){.question-card--answer-container{grid-template-columns:1fr}}@media (max-width: 1024px) and (min-width: 700px){.question-card--answer-container{grid-template-columns:1fr 1fr}}.question-card--footer{background-color:#465e55;max-width:2048px;margin-left:12%;margin-right:12%;height:8em;border-radius:2em;display:flex;align-items:flex-end;justify-content:space-around;margin-top:-70px;position:relative;z-index:11;box-shadow:0 4px 8px #0003}@media (max-width: 700px){.question-card--footer{margin-top:-50px;margin-left:5px;margin-right:45px}}.question-card--add-btn{font-size:35px;height:40px;width:40px;display:flex;justify-content:center;border-radius:50%;background-color:#5b8a78;float:right;margin-bottom:10px}.question-card--save-button{display:flex;justify-content:center;margin-bottom:7px;margin-right:60px;margin-top:10px;background-color:#5b8a78;width:100px;border-radius:.3em}@media (max-width: 700px){.question-card--save-button{width:50px;margin-right:40px}}@media (max-width: 1024px) and (min-width: 700px){.question-card--save-button{width:90px;margin-right:40px}}@media (max-width: 700px){.question-card--save-button--text-display{display:none}}.question-card--upload-area{width:100%;display:flex;height:100%;justify-content:center;align-content:center;flex-wrap:wrap;border:#c9ad6a;border-width:2px;border-style:dashed;cursor:pointer}.question-card--picture-field{width:90%!important;position:absolute;top:100px}.preview-question{background-color:#e6dbc3;width:100%;border:#c9ad6a;border-style:solid;border-width:2px;border-radius:1em;position:relative;margin-bottom:15px}@media (max-width: 700px){.preview-question{margin-bottom:10px}}@media (max-width: 1024px) and (min-width: 700px){.preview-question{margin-bottom:10px}}.preview-question--header{background-color:#ccc2ad;border-radius:.8em .8em 0 0;height:50px;display:flex;justify-content:space-between;align-items:center;padding-top:5px;padding-left:10px;padding-right:10px}.preview-question--content{padding:10px 20px}.preview-question--footer{background-color:#ccc2ad;border-radius:0 0 .8em .8em;height:50px;display:flex;justify-content:space-between;align-items:center;padding-top:5px;padding-left:10px;padding-right:10px}.preview-question--edit-button{border-radius:.2em;gap:5px}.preview-question--correct{min-width:20px;height:20px;background-color:#35785f;margin-right:10px;border-radius:.2em}.preview-question--wrong{min-width:20px;height:20px;background-color:#ad4b3c;margin-right:10px;border-radius:.2em}.dropdown{border-style:solid;border-color:#c9ad6a;border-width:1px;padding-right:5px}.dropdown--box{cursor:pointer;background-color:#fff;display:flex;padding-left:5px;width:100%;justify-content:space-between}.dropdown--foldout{background-color:#fff;position:absolute;overflow:hidden;border-style:solid;border-color:#c9ad6a;border-width:1px;z-index:10}.dropdown--item{display:block;padding-left:10px;padding-right:10px;text-align:center;cursor:pointer}.dropdown--item:hover{background-color:#ede7d1}.dropdown--item--active{background-color:#c9ad6a}.answer-card--cover{background-color:#465e55;box-shadow:0 4px 8px #0003;transition:.3s}.answer-card--answer-container{display:flex;justify-content:center;flex-direction:column;align-items:center;gap:10px}.answer-card--textarea{width:85%;min-height:80px;resize:none;background-color:#0000001a;color:#e9e3ce;border:none;text-align:center;display:flex}.answer-card--button{width:20px;height:20px;justify-content:center;border-radius:.2em;padding:0;background-color:#5b8a78}.answer-card--footer{background-color:#333f3a;height:35px;margin-top:10px;display:flex;justify-content:space-between;align-items:center}.switch{position:relative;display:inline-block;width:25px;height:25px;margin:10px}.switch input{opacity:0;width:0;height:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ad4b3c;-webkit-transition:.4s;transition:.4s;border-radius:2em}.slider:hover{box-shadow:#00000080 0 0 .8em}.slider:before{position:absolute;-webkit-transition:.4s;transition:.4s;border-radius:2em}input:checked+.slider{background-color:#35785f}.answer-play-card--cover{width:100%;background-color:#465e55;box-shadow:0 4px 8px #0003;transition:.3s;color:#e9e3ce;height:unset;display:unset;padding:0;border-radius:4px}.answer-play-card--cover:hover{box-shadow:0 8px 16px #0003}.answer-play-card--container{padding:15px;min-height:200px;display:flex;align-items:center;justify-content:center}@media (max-width: 1024px){.answer-play-card--container{font-size:12px;min-height:50px;padding:10px}}.spinner--loader{border:8px solid #f3f3f3;border-radius:50%;border-top:8px solid #3498db;width:64px;height:64px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}.spinner--container{width:100%;display:flex;justify-content:center}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-card--cover{margin-left:15%;margin-right:15%;max-width:2048px;margin-top:-30px;border-color:#c9ad6a;background-color:#e6dbc3;border-width:5px;border-style:solid;border-radius:2em;box-shadow:0 4px 8px #00000080;position:relative;z-index:12}@media (max-width: 700px){.play-card--cover{margin-top:20px;margin-left:0;margin-right:0;border-width:3px}}.play-card--question-container{text-align:center;max-height:40%;padding:15px}.play-card--answer-container{padding-left:15px;padding-right:15px;padding-bottom:30px;display:flex;justify-content:center;gap:5px}@media (max-width: 1024px){.play-card--answer-container{display:grid;grid-template-columns:1fr 1fr;justify-items:center}}.play-card--footer{background-color:#465e55;max-width:2048px;margin-left:12%;margin-right:12%;height:8em;border-radius:2em;display:flex;align-items:flex-end;justify-content:space-around;color:#e9e3ce;margin-top:-70px;position:relative;z-index:11;box-shadow:0 4px 8px #0003}@media (max-width: 700px){.play-card--footer{margin-top:-50px;margin-left:-5px;margin-right:-5px}}.loading-overlay{position:fixed;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000;cursor:pointer}.loading-overlay--content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#ede7d1;padding:20px;border:1px solid #888;width:80%;max-width:250px;height:80%;max-height:250px;text-align:center;display:flex;flex-direction:column;justify-content:center}.vertical-enter{opacity:0}.vertical-move{transition:transform 1s}.vertical-enter-active{animation:vertical-in .5s ease-out forwards;transition:opacity .5s}.vertical-leave-active{animation:vertical-out .5s ease-out forwards;transition:opacity .5s;opacity:0}@keyframes vertical-in{0%{transform:translateY(-20px)}to{transform:translateY(0)}}@keyframes vertical-out{0%{transform:translateY(0)}to{transform:translateY(-20px)}}.horizontal-enter{opacity:0}.horizontal-move{transition:transform 1s}.horizontal-enter-active{animation:horizontal-in .5s ease-out forwards;transition:opacity .5s}.horizontal-leave-active{animation:horizontal-out .5s ease-out forwards;transition:opacity .5s;opacity:0}@keyframes horizontal-in{0%{transform:translate(-20px)}to{transform:translate(0)}}@keyframes horizontal-out{0%{transform:translate(0)}to{transform:translate(-20px)}}.countdown-timer{font-size:50px;height:70px;width:70px;display:flex;justify-content:center;border-radius:50%;background-color:#c9ad6a;margin:auto;position:relative;z-index:13}.leaderboard-card{position:relative;z-index:13;display:grid;justify-items:center;margin-top:60px;background-color:#e6dbc3b3;border-radius:5em;padding-bottom:20px;border-style:solid;border-color:#c9ad6a;margin-left:15%;margin-right:15%}@media (max-width: 700px){.leaderboard-card{margin-top:20px;margin-left:0;margin-right:0;border-width:3px;padding-left:15px}}.leaderboard-card--button{width:100px;height:50px;border-radius:1em;float:right;justify-content:center}@media (max-width: 700px){.leaderboard-card--button{font-size:15px;width:75px;height:30px;margin:10px}}.leaderboard-card--final-score{width:85%;margin-top:35px}@media (max-width: 700px){.leaderboard-card--final-score{width:80%;margin-left:-15px}}.leaderboard-card--final-score--first-place--container{width:130px;height:0px;background-color:#5b8a78;display:grid;justify-items:center;border-radius:1em 1em 0 0;align-items:start;animation:growFirstPlace .8s ease-in 3s 1;animation-fill-mode:forwards}@media (max-width: 700px){.leaderboard-card--final-score--first-place--container{width:110px}}.leaderboard-card--final-score--first-place--image{background-color:#ede7d1;border-radius:50%;height:70px;width:70px;display:flex;justify-content:center;align-items:center;border-color:#c9ad6a;border-width:4px;border-style:solid;position:absolute;top:95px;animation:fadeIn .6s ease-in 3.6s 1;animation-fill-mode:forwards;opacity:0}@media (max-width: 700px){.leaderboard-card--final-score--first-place--image{top:75px}}.leaderboard-card--final-score--first-place--text{margin-top:0;margin-bottom:5px;margin-block-start:0;margin-block-end:0;line-height:.3;font-family:Metamorphous,cursive;font-size:13px;animation:fadeIn .2s ease-in 4.2s 1;animation-fill-mode:forwards;opacity:0}@media (max-width: 700px){.leaderboard-card--final-score--first-place--text{font-size:12px}}.leaderboard-card--final-score--second-place--container{width:130px;height:0px;background-color:#465e55;display:grid;justify-items:center;border-radius:0 1em 0 0;align-items:start;animation:growSecondPlace .7s ease-in 1.5s 1;animation-fill-mode:forwards}@media (max-width: 700px){.leaderboard-card--final-score--second-place--container{width:110px}}.leaderboard-card--final-score--second-place--image{background-color:#ede7d1;border-radius:50%;height:70px;width:70px;display:flex;justify-content:center;align-items:center;border-color:#c9ad6a;border-width:4px;border-style:solid;position:absolute;top:135px;animation:fadeIn .6s ease-in 2.1s 1;animation-fill-mode:forwards;opacity:0}@media (max-width: 700px){.leaderboard-card--final-score--second-place--image{top:115px}}.leaderboard-card--final-score--second-place--text{margin-top:0;margin-bottom:5px;margin-block-start:0;margin-block-end:0;line-height:.3;font-family:Metamorphous,cursive;font-size:13px;animation:fadeIn .2s ease-in 2.7s 1;animation-fill-mode:forwards;opacity:0}@media (max-width: 700px){.leaderboard-card--final-score--second-place--text{font-size:12px}}.leaderboard-card--final-score--third-place--container{width:130px;height:0px;background-color:#333f3a;display:grid;justify-items:center;border-radius:1em 0 0;align-items:start;animation:growThirdPlace .6s ease-in 0s 1;animation-fill-mode:forwards}@media (max-width: 700px){.leaderboard-card--final-score--third-place--container{width:110px}}.leaderboard-card--final-score--third-place--image{background-color:#ede7d1;border-radius:50%;height:70px;width:70px;display:flex;justify-content:center;align-items:center;border-color:#c9ad6a;border-width:4px;border-style:solid;position:absolute;top:185px;animation:fadeIn .6s ease-in .6s 1;animation-fill-mode:forwards;opacity:0}@media (max-width: 700px){.leaderboard-card--final-score--third-place--image{top:165px}}.leaderboard-card--final-score--third-place--text{margin-top:0;margin-bottom:5px;margin-block-start:0;margin-block-end:0;line-height:.3;font-family:Metamorphous,cursive;font-size:13px;animation:fadeIn .2s ease-in 1.2s 1;animation-fill-mode:forwards;opacity:0}@media (max-width: 700px){.leaderboard-card--final-score--third-place--text{font-size:12px}}.leaderboard-card--final-score--crown{position:absolute;top:60px;animation:fadeIn .6s ease-in 3.6s 1;animation-fill-mode:forwards;opacity:0}@media (max-width: 700px){.leaderboard-card--final-score--crown{top:40px}}@keyframes growFirstPlace{0%{height:0px}to{height:200px}}@keyframes growSecondPlace{0%{height:0px}to{height:160px}}@keyframes growThirdPlace{0%{height:0px}to{height:110px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.leaderboard-player{background-color:#c9ad6a80;padding-bottom:20px}.leaderboard-player--box-general{font-size:20px;font-weight:700;display:grid;grid-template-columns:2em 30em 4em 2em;grid-auto-rows:60px;align-items:center;justify-self:center}@media (max-width: 700px){.leaderboard-player--box-general{font-size:14px;grid-template-columns:2em 15em 4em 2em;grid-auto-rows:50px;padding-left:0}}@media (max-width: 1250px) and (min-width: 1000px){.leaderboard-player--box-general{grid-template-columns:2em 22em 4em 2em}}@media (max-width: 1000px) and (min-width: 700px){.leaderboard-player--box-general{padding-left:15px;font-size:18px;grid-template-columns:2em 15em 4em 2em}}.leaderboard-player--container{width:100%;background-color:#0003;border-radius:1em}.leaderboard-player--skills{text-align:left;padding-top:10px;padding-bottom:10px;color:#e9e3ce;padding-left:15px}.leaderboard-player--html{width:890%;background-image:linear-gradient(to right,#465e55,#5b8a79);border-radius:1em}.leaderboard-player--score{text-align:right}@media (max-width: 700px){.leaderboard-player--score{margin-top:-15px}}@media (max-width: 1250px) and (min-width: 700px){.leaderboard-player--score{margin-top:-15px}}.leaderboard-player--new-score{color:#465e55;font-weight:lighter}@media (max-width: 700px){.leaderboard-player--new-score{margin-left:-10px;margin-top:20px}}@media (max-width: 1250px) and (min-width: 700px){.leaderboard-player--new-score{margin-left:-10px;margin-top:20px}}.lobby-view--cover{max-width:2048px;margin-left:15%;margin-right:15%;margin-top:60px;border-color:#c9ad6a;background-color:#e6dbc3;border-width:5px;border-style:solid;border-radius:2em;box-shadow:0 4px 8px #00000080;position:relative;z-index:12}@media (max-width: 700px){.lobby-view--cover{margin-top:20px;margin-left:0;margin-right:0;border-width:3px}}.lobby-view--container{padding:15px}@media (max-width: 700px){.lobby-view--container{padding:auto}}.lobby-view--footer{background-color:#465e55;max-width:2048px;height:8em;margin-left:12%;margin-right:12%;margin-top:-70px;border-radius:2em;display:flex;align-items:flex-end;justify-content:space-around;color:#e9e3ce;position:relative;z-index:11;box-shadow:0 4px 8px #0003}@media (max-width: 700px){.lobby-view--footer{margin-top:-50px;margin-left:-5px;margin-right:-5px;border-width:3px}}.lobby-view--player-list{margin:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-auto-rows:2em;justify-items:center}@media (max-width: 700px){.lobby-view--player-list{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:3em;justify-items:center}}.lobby-view--player-names{font-size:18px;font-weight:700}.lobby-view--button{position:relative;z-index:13;width:100px;height:50px;border-radius:1em;float:right;margin:20px;justify-content:center}@media (max-width: 700px){.lobby-view--button{font-size:15px;width:75px;height:30px;margin:10px}}.lobby-view--bg{padding:0;margin:0;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-repeat:no-repeat;background-size:cover}.error-popup{position:fixed;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:1000}.error-popup__content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);background-color:#ede7d1;padding:20px;border:1px solid #c9ad6a;border-radius:1em;max-width:400px;height:80%;max-height:250px;text-align:center;display:flex;gap:10px;flex-direction:column;justify-content:center}.error-popup__title{font-size:20px;font-weight:700;margin-bottom:-10px}.error-popup__message{font-size:15px;margin-bottom:10px}.error-popup__button-container{display:flex;justify-content:space-between;gap:10px}.toast-notifications{position:fixed;display:block;width:100%;height:100%;right:0;bottom:0;pointer-events:none}.toast-notifications__content{max-width:200px;color:#ecf0f1;background-color:#35785f;padding:20px;text-align:center;display:flex;flex-direction:column;justify-content:center;border-radius:.7em;visibility:visible;-webkit-animation:fadein .75s,fadeout .5s 4.5s;animation:fadein .75s,fadeout .5s 4.5s;pointer-events:auto;cursor:pointer}.toast-notifications__bottom{bottom:0%}.toast-notifications__title{font-size:20px;font-weight:700;margin-bottom:10px}.toast-notifications__message{font-size:15px}.toast-notifications__error{background-color:#ad4b3c}.toast-notifications__warning{background-color:#bba236}@-webkit-keyframes fadein{0%{opacity:0}to{opacity:1}}@keyframes fadein{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fadeout{0%{opacity:1}to{opacity:0}}@keyframes fadeout{0%{opacity:1}to{opacity:0}}.home-view{display:flex;justify-content:center;margin-top:20px}@media (max-width: 700px){.home-view{display:grid}}.overview-view{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr;gap:10px;justify-items:center}@media (max-width: 700px){.overview-view{display:grid;grid-template-columns:1fr}}@media (max-width: 2000px) and (min-width: 1700px){.overview-view{display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr}}@media (max-width: 1700px) and (min-width: 1350px){.overview-view{display:grid;grid-template-columns:1fr 1fr 1fr 1fr}}@media (max-width: 1350px) and (min-width: 1024px){.overview-view{display:grid;grid-template-columns:1fr 1fr 1fr}}@media (max-width: 1024px) and (min-width: 700px){.overview-view{display:grid;grid-template-columns:1fr 1fr}}.edit-view--button{display:flex;justify-content:center}.edit-view--header-button{display:flex;justify-content:center;margin:10px 15px;background-color:#5b8a78}@media (max-width: 700px){.edit-view--header-button{width:50px}}@media (max-width: 1024px) and (min-width: 700px){.edit-view--header-button{width:150px}}@media (max-width: 700px){.edit-view--header-button--text-display{display:none}}.edit-view--add-question-button{background-color:#5b8a78}@media (max-width: 700px){.edit-view--add-question-button{font-size:17px}}.edit-view--header-container{display:flex;align-items:center;justify-content:space-between;flex-direction:column}.edit-view--header-text{color:#e9e3ce;margin-bottom:50px}.edit-view--question-view{position:relative;z-index:0;margin-left:5%;display:grid;grid-template-columns:3fr 1fr}@media (max-width: 700px){.edit-view--question-view{width:95%;display:block;margin:auto}}@media (max-width: 1024px) and (min-width: 700px){.edit-view--question-view{width:90%;display:block;margin:auto}}@media (max-width: 1200px) and (min-width: 1024px){.edit-view--question-view{grid-template-columns:2fr 1fr}}@media (max-width: 1500px) and (min-width: 1200px){.edit-view--question-view{grid-template-columns:2fr 1fr}}.edit-view--position-info{position:fixed;right:5%;top:150px}@media (max-width: 700px){.edit-view--position-info{position:relative;display:block;right:0;top:20px;margin-bottom:30px}}@media (max-width: 1024px) and (min-width: 700px){.edit-view--position-info{position:relative;display:block;right:0;top:20px;margin-bottom:30px}}.play-view--bg{padding:0;margin:0;position:absolute;top:0;left:0;z-index:10;width:100%;height:100%;background-repeat:no-repeat;background-size:cover}.play-view--missing-name{background-color:#e6dbc3;width:300px;padding:20px;border-radius:2em;border-color:#c9ad6a;border-style:solid;margin:auto}.inputfield{width:98%;max-width:1500px;height:25px;margin-bottom:10px;border-style:solid;border-color:#c9ad6a;border-width:1px}.inputfield[disabled]{background-color:#ebebe4;color:#545454;cursor:not-allowed}input:focus-visible{outline-style:groove}textarea:focus-visible{outline-style:groove}.inputlabel{font-weight:700}.inputbutton{background-color:#465e55;color:#e9e3ce;border:0;width:80%;height:35px;font-size:18px;font-weight:700;box-shadow:0 4px 8px #0003;cursor:pointer;transition:background-color .5s}.inputbutton[disabled]{background-color:gray;cursor:not-allowed}button{background-color:#465e55;color:#e9e3ce;border:0;height:35px;font-size:18px;font-weight:700;display:flex;align-items:center;padding:15px;box-shadow:0 4px 8px #0003;cursor:pointer;transition:background-color .5s}button:hover{background-color:#333f3a}button:active{background-color:#e4e9e7}button[disabled]{background-color:gray;cursor:not-allowed}.add-btn{font-size:35px;height:40px;width:40px;display:flex;justify-content:center;border-radius:50%;background-color:#5b8a78}.remove-btn{font-size:25px;height:30px;width:30px;display:flex;justify-content:center;border-radius:.2em}.arrow-btn{font-size:30px;height:40px;width:40px;display:flex;justify-content:center;border-radius:30%}.back-btn{font-size:15px;height:40px;width:150px;display:flex;justify-content:center;border-radius:1em;margin-top:10px;margin-bottom:0}.small-btn{font-size:20px;height:25px;width:25px;border-radius:.2em}textarea{border-style:solid;border-color:#c9ad6a;border-width:1px;font-family:Verdana,Geneva,sans-serif}.error{color:red;font-weight:700;font-size:12px}body{min-height:100vh;color:#3c3126;background:#ede7d1;transition:color .5s,background-color .5s;line-height:1.6;font-family:Verdana,Geneva,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0}@media (max-width: 700px){body{font-size:12px}body h1{font-size:30px}body h2{font-size:20px}body h3{font-size:15px}body h4{font-size:18px}body h5{font-size:13px}body h6{font-size:15px}body .h7{font-size:12px}}a{color:#465e55;text-decoration:none;transition:.4s}h1{font-size:40px;font-family:Cinzel,serif;font-weight:700;margin-top:10px;margin-bottom:10px}h2,h3{font-family:Metamorphous,cursive;font-weight:700}h4{font-style:italic;font-size:22px;font-weight:lighter;color:#8f7d68}h5{font-size:15px;margin-bottom:5px}h6{font-size:18px;font-weight:lighter}.h7{font-size:13px;font-weight:lighter;color:#465e55;font-style:italic}.border{border-style:solid;border-color:#c9ad6a;border-width:1px;border-radius:1em}hr{border-color:#c9ad6a}.margin0{margin:0}.edit-button{width:25px;padding:0;background-color:transparent;box-shadow:none}