img, iframe {max-width: 100%; height: auto} html,body{-webkit-text-size-adjust:100%;text-size-adjust:100%} body {font-family: 'Cabin', sans-serif;color: #4d4d4d;font-size: 18px;max-width: max-content;margin: auto;background-image: url(pexels-veli-can-11429022.jpg);background-size: cover;background-position: center;} a {color: #654edb;} h1,h2,h3,h4,h5,h6 {font-family: 'Cinzel', serif;color: #654edb;border-bottom: 2px solid #789956;margin-bottom: 0.5cm; }h1 {text-shadow: 0 0 3px #000;color: #789956;border-bottom: 2px solid #654edb;}h1 sub, h1 sup {font-size: 18px;}.highlight {color: #789956;} fieldset {border: 0;border-bottom: 2px solid #789956;display: flex;flex-wrap: wrap;margin: 0.5cm 0.1cm;} legend {font-family: 'Cinzel', serif;font-weight: bold;font-size: 20px;color: #654edb;} label {display: inline-block;flex: 1;margin: 0.1cm;min-width: max-content;} label span {display: inline-block;min-width: max-content;} label span + input {display: block;width: calc(100% - 22px);} button {background-color: #654edb;font-family: 'Cinzel', serif;font-size: 20px;color: #fff;border: 0;border-radius: 1cm;padding: 0.25cm 0.5cm;margin: 1cm auto;display: block;} input {padding: 6px 10px;border: 1px solid #789956;border-radius: 20px;} .pricing {position: fixed;top: 0.25cm;right: 0.25cm;background: #654edb;color: #fff;padding: 0.25cm 0.5cm;border-radius: 20px;font-size: 20px;box-shadow: 0 0 3px #000;} form {background-color: rgba(255, 255, 255, 0.8);padding: 0.1cm;margin: 0.5cm auto;border-radius: 20px;box-shadow: 0 0 3px #000;} .quote-form {display: none;} .quote-form.active {display: block;} .quote-tabs {display: flex;gap: 0.2cm;margin: 0.5cm auto 0;max-width: max-content;} .quote-tab {background-color: rgba(255, 255, 255, 0.6);padding: 0.2cm 0.4cm;border-radius: 10px 10px 0 0;cursor: pointer;display: flex;align-items: center;gap: 0.2cm;font-family: 'Cinzel', serif;color: #654edb;transition: background-color 0.2s;} .quote-tab:hover {background-color: rgba(255, 255, 255, 0.7);} .quote-tab.active {background-color: rgba(255, 255, 255, 0.9);box-shadow: 0 -2px 3px rgba(0, 0, 0, 0.1);} .tab-name {outline: none;border-bottom: 1px dashed transparent;min-width: 60px;} .tab-name:focus {border-bottom-color: currentColor;} .tab-delete {color: #f44;font-weight: bold;cursor: pointer;font-size: 20px;line-height: 1;padding: 0 0.1cm;} .tab-delete:hover {color: #f00;} .add-quote-btn {background-color: #789956;font-family: 'Cinzel', serif;font-size: 16px;color: #fff;border: 0;border-radius: 10px;padding: 0.2cm 0.4cm;cursor: pointer;transition: background-color 0.2s;} .add-quote-btn:hover {background-color: #5f7a44;}