*{margin:0;padding:0;box-sizing:border-box}:root{font-family:var(--font-main)}:root{margin:0;padding:0;box-sizing:border-box;--font-main: "Roboto", Arial, Helvetica, sans-serif;--spacing-1: .5rem;--spacing-2: 1rem;--spacing-3: 2rem;--color-text: #333333;--color-bg: #bfcdd0;--color-bg-light: #dde9ed;--color-bk-header: #f3f4f5;--dull-orange: #e17334;--dark-green-blue: #114e4e;--dirty-blue: #438792;--hospital-green: #a2deaf;--dried-blood: #420101;--rusty-red: #bd1010;--tomato: #e95626;--slate: #3e5b65;--faded-orange: #eab052;--light-grey-blue: #a0c0cf}.fancy-border,.fancy-border-lined-thin{border-radius:255px 15px 225px/15px 225px 15px 255px}.fancy-border:hover,.fancy-border-lined-thin:hover{box-shadow:2px 8px 4px -6px #0000004d}.fancy-border,.fancy-border-lined-thin{border:solid 2px #41403e}.fancy-border-lined-thick{border-radius:255px 15px 225px/15px 225px 15px 255px}.fancy-border-lined-thick:hover{box-shadow:2px 8px 4px -6px #0000004d}.fancy-border-lined-thick{border:solid 3px #41403e}.bdr-blue{border-color:#00f}.bdr-green{border-color:green}.bdr-red{border-color:red}.btn,.form__button--create,.form__button--share,.preview__btn{display:inline-block;height:30px;padding-inline:20px;background-color:var(--dull-orange);color:#fff;font-weight:lighter;line-height:30px;text-align:center;cursor:pointer}.header{color:var(--color-text);background-color:var(--color-bk-header);display:flex;gap:.5em;padding:var(--spacing-2)}.header__logo{height:2em}.footer{padding:var(--spacing-2);display:flex;justify-content:center;align-items:center;gap:var(--spacing-2)}.footer__logo{height:var(--spacing-2)}.preview{padding:38px 35px 40px 45px;background-image:linear-gradient(to bottom,var(--color-bg),var(--color-bg-light))}@media(min-width:768px){.preview{width:calc(100% - 400px)}}.preview__btn{border:none;outline:none}.preview__card{width:240px;height:330px;margin:auto;padding:20px;background-color:#fff}.preview__photo{width:200px;height:200px}.preview__header{border-left:solid 5px var(--dirty-blue);padding-left:15px;margin-left:-20px}.preview__name{color:var(--dark-green-blue)}.preview__icon{display:inline-block;width:32px;height:32px;line-height:32px;text-align:center;margin-left:5px;border-radius:50%;border:solid 2px var(--hospital-green);color:var(--dark-green-blue);text-decoration:none}.preview__photo{background-image:url(../images/monigota.png);background-position:center;background-size:cover}.form{padding:var(--spacing-3)}@media(min-width:768px){.form{width:400px}}.form__box{padding-block:var(--spacing-2);margin-block:var(--spacing-2);border:none;border-bottom:solid 1px #d8d8d8}.form__paletteslist{list-style-type:none}.form__paletteslist>*:not(:last-child){margin-bottom:1rem}.form__paletteItem{display:flex;flex-direction:row;align-items:center}.form__paletteBox{width:2rem;aspect-ratio:1/1}.first_palette .colorOne{background-color:var(--dark-green-blue)}.first_palette .colorTwo{background-color:var(--dirty-blue)}.first_palette .colorThree{background-color:var(--hospital-green)}.second_palette .colorOne{background-color:var(--dried-blood)}.second_palette .colorTwo{background-color:var(--rusty-red)}.second_palette .colorThree{background-color:var(--tomato)}.third_palette .colorOne{background-color:var(--slate)}.third_palette .colorTwo{background-color:var(--faded-orange)}.third_palette .colorThree{background-color:var(--light-grey-blue)}.form__item,.form__item--photo{list-style-type:none;display:flex;flex-direction:column;margin-inline:var(--spacing-1)}.form__item input,.form__item--photo input{padding:var(--spacing-1)}.form__item:not(:first-child),.form__item--photo:not(:first-child){margin-top:18px}.form__designinput{display:flex;justify-content:space-between}.form__item--photo{flex-direction:row;flex-wrap:wrap}.form__photolabel{width:100%}.form__photobutton{color:#fff;background-color:var(--dull-orange);font-weight:lighter;width:140px;height:30px;line-height:30px;text-align:center;cursor:pointer}.form__photoinput{display:none}.form__photothumb{display:inline-block;width:40px;height:40px;margin-left:20px;border:solid 1px var(--hospital-green);background-size:contain;background-position:center center}.form__button--create{border:none;outline:none}.form__button--share{text-decoration:none}:root:has(.create){--font-main: "Gochi Hand", cursive}@media(min-width:768px){.page{display:flex;flex-direction:row-reverse;width:100%}}.collapsed{display:none}.breadcrumbs{display:flex;flex-direction:row;justify-content:center;gap:var(--spacing-1);list-style-type:none}.breadcrumbs__step,.breadcrumbs__step--selected{color:var(--color-bg-light);background-color:var(--dull-orange);padding-block:var(--spacing-1);padding-inline:var(--spacing-2);border:none;outline:none;border-top-right-radius:var(--spacing-1) 50%;border-bottom-right-radius:var(--spacing-1) 50%;corner-shape:bevel;cursor:pointer}.breadcrumbs__step--selected{font-weight:700;outline:solid 1px black}