body {font-family: sans-serif;display: flex;min-height: 100vh;margin: 0;}a, a:link, a:visited {padding: 0.8rem;text-decoration: none;color: #3F51B5;transition: 0.5s;font-weight: 400;text-shadow: 0px 0px 0.5px #3f51b5;}a:hover, a:active, a:focus {border: none;color: #F44336;text-shadow: 0px 0px 0.5px #F44336;}hr {border: 0px;height: 1px;background: rgb(0 0 0 / 18%);width: 68%;margin: 0px 4rem 3rem 4rem;position: relative;}nav {width: 200px;background: #f4f4f4;padding: 1em;border-right: 1px solid #ccc;}nav ul {list-style: none;padding: 0;width: 94%;margin: 0%;}.sidenav li, .tab_dload {cursor: pointer;margin: 7px auto;padding: 1rem;border: 1px solid rgb(0 0 0 / 13%);transition: 0.5s;}.sidenav li:hover {color: #F44336;text-shadow: 0px 0px 0.5px #f44336;background: #fbfbfb;}.sidenav_inner {width: 100%;height: 100vh;margin:none;padding: none;overflow-y: auto;overflow-x: auto;}#close_menu_item {margin-bottom: 180px;}.tab_active {color: #3F51B5;text-shadow: 0px 0px 0.5px #3F51B5;background: #fbfbfb;}main {flex: 1;}main .inner {padding: 2em;}.section {display: none;}.section.active {display: block;}.inner_doc {vertical-align: middle;margin: 10% auto;width: 70%;}.dload, #dload_btn, .tab_dload {font-size: 1.2rem;background: #dddddd;color: #3F51B5;border: 1px solid #b8b9bd;padding: 1rem;margin: 2rem auto;box-shadow: inset 0px -12px 22px #cbcbcb;transition:0.6s;cursor: pointer;}#dload_btn:hover, #dload_btn:active, #dload_btn:focus, #tab_dload:hover, #tab_dload:active, #tab_dload:focus {color: #F44336;box-shadow: inset 0px -12px 22px #e7e7e7;}.tab_dload {background: #dddddd;color: #3F51B5;box-shadow: inset 0px -12px 22px #cbcbcb;transition:0.6s;cursor: pointer;margin-top: 3rem !important;}.tab_dload:hover, .tab_dload:active, .tab_dload:focus {color: #3F51B5;box-shadow: inset 0px -12px 22px #e7e7e7;}.smallcontent:hover, .smallcontent:active, .smallcontent:focus {transition: 120s;}#doc_form{vertical-align: middle;margin: 10% auto;width: 70%;}.doc_tab {text-align: left;}.doc_tab p:nth-of-type(1) {margin: 0.5rem 1rem;}.doc_tab p:nth-of-type(2), .doc_tab p:nth-of-type(3) {border-left: 5px solid rgb(0 0 0 / 18%);padding: 0.7rem 1rem;margin: 0px 1rem 1rem 1.5rem;}.smallcontent {vertical-align: top;margin-bottom: 1.5rem;zoom: 60%;display: inline;cursor: default;}.midcontent {vertical-align: top;margin-bottom: 1.5rem;zoom: 80%;display: inline;cursor: default;}form, #name_form {margin: auto;position: relative;width: 70%;text-align: center;padding: 10vh 0px 0px 0px;}footer {display: block;width: 100%;margin-top: 70vh;background: #e5e5e5;padding: 2rem 0px; }footer nav {width: auto;background: none;margin: auto;border: none;text-align: center;}footer nav ul li {list-style: none;display: inline-flex;margin: 0.5rem;}#copyright {margin: auto;text-align: center;}.copy_inner {font-size:0.8em; color:#999; margin-top:2em;}#loader {position: fixed;inset: 0;background: #fff;display: flex;align-items: center;justify-content: center;flex-direction: column;z-index: 9999;font-family: sans-serif;transition: opacity 0.5s ease;font-size: 2rem;color: rgb(0 0 0 / 67%);}#loading-text, #ready {font-size: 1.8rem;opacity: 0;transition: opacity 0.5s ease;position: fixed;top: 60%;left: 50%;transform: translate(-50%, -50%);}.loading-circle {position: fixed;top: 20vh;}.loading-circle > img {display: block;margin: 10%;width: 100px;height: 100px;animation: spin 4s linear infinite;}@keyframes spin {from { transform: rotate(0deg); }to { transform: rotate(360deg); }}@media (max-width: 900px) {#hamburger {display: block;position: absolute;overflow-y: auto;right: 2%;top: 1%;width: 10vw;height: 10vw;min-width: 70px;min-height: 70px;border: 1px solid #ccc;color: #000;}.sidenav {display: none;background: #fff;position: fixed;top: 0;left: 0;width: 100vw;height: 100vh;z-index: 999;box-shadow: 0 4px 10px rgba(0,0,0,0.1);}.sidenav.open {display: block;}}@media (min-width: 901px) {#hamburger {display: none;}}.fading-out {opacity: 0;transition: opacity 0.4s ease-in-out;}.fading-in {opacity: 1;transition: opacity 0.8s ease-in-out;}.form_label {display: block;margin: 0.3rem;padding: 2rem 0.3rem 0.3rem 0.3rem;border: none;border-top: 1px solid #ccc;}.doc_tabs > form {border: 1px solid #ccc;padding: 40px;min-width: 580px;max-width: 90%;margin: auto;}input[type=text], input[type=email], textarea, select#type, select option, .form_tip {width: 460px;}input[type=text], input[type=email], select#type {padding: 0.5rem;}input[type=text], input[type=email], textarea, select#type, select option {padding: 0.5rem;font-size: 1.2rem;color: rgba(0, 0, 0, 59%);border: 2px solid #ccc;appearance: none;}select {background-image: url('data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjNzc3IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMTIgOCI+PHBhdGggZD0iTTAgMGw2IDYgNi02eiIvPjwvc3ZnPg==');background-repeat: no-repeat;background-position: right 12px center;background-size: 12px 8px;}textarea {padding: 0.2rem 0.5rem 0px 0.5rem;line-height: 1.1rem;height: 270px;z-index: 9998;}input[type=text]:hover, input[type=email]:hover, textarea:hover, select#type:hover,input[type=text]:focus, input[type=email]:focus, textarea:focus, select#type:focus,input[type=text]:active, input[type=email]:active, textarea:active, select#type:active {color: rgba(0, 0, 0, 95%);outline: 2ox solid #444;border: 2px solid #444;} .form_tip {border: none;padding: 0px;margin: 0px auto 2rem auto;text-align: right;}.t_error, .t_error_explain {position: relative;width: 100%;padding: 20px 0px;color: #222;}.t_error_explain {color: #F44336;}.quote {position: relative;padding: 10px 20px 20px 20px;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 0.5rem;width: 40%;margin: -20px auto 20px auto;background: #f5f4ee;box-shadow: inset 2px 2px 1px rgb(35 28 24 / 20%);}label {display: block;margin: 1.5rem;padding: 1rem;border: 1px solid #ccc;}#schemePicker {display: flex;gap: 1em;background: #ddd;padding: 0.5em 1em;border-bottom: 1px solid #ccc;}#schemePicker span {cursor: pointer;padding: 0.25em 0.5em;background: #fff;border: 1px solid #aaa;border-radius: 4px;}#schemePicker span:hover {background: #eee;}.colors_table, .icons_table, .frames_table, .patterns_table, .styles_table {padding: 2px 6px;border: 1px solid #ccc;margin: auto;text-align: center;}.ttt, .ctt {padding: 0px;margin: auto;text-align: center;}.colors_table, .icons_table {width: 320px;height: 354px;}.frames_table, .patterns_table, .styles_table {width: 500px;height: 490px;}.color-box, .icon-box, .frame-box, .pattern-box, .style-box, .ttc, .tcc {display: inline-flex;margin: auto;position: relative;color: transparent;text-align: center;border: 1px solid #000;margin: 4px 4px;outline: 2px solid #eee;font-size: 0px;cursor: pointer;}.color-box, .icon-box, .ttc, .tcc {width: 50px;height: 50px;}.frame-box, .pattern-box, .style-box {width: 150px;height: 100px;}.color-box:focus, .color-box:active, .icon-box:focus, .icon-box:active, .frame-box:focus, .frame-box:active, .pattern-box:focus, .pattern-box:active, .ttc:focus, .ttc:active, .tcc:focus, .tcc:active, .selected {border: 1px dotted #ff0000;outline: 2px double #ff0;}.color-box:hover, .icon-box:hover, .frame-box:hover, .pattern-box:hover, .ttc:hover, .tcc:hover {border: 1px dotted #0043ff;outline: 2px double #d7d7d7;animation: pulse-shadow 0.5s infinite alternate ease-in-out;}.icon-box {background-size: auto 84%;background-position: center;background-repeat: no-repeat;}.frame-box {background-position: top left;background-size: 200%;background-repeat: no-repeat;}.style-box {background-position: center;background-size: 100%;background-repeat: no-repeat;}.ttl {width: 320px;}.ctl {width: 280px;}@keyframes pulse-shadow {from {box-shadow: 0 0 14px rgba(183, 183, 183, 0.2);}to {box-shadow: 0 0 14px rgba(183, 183, 183, 0.99);}}#color01 {background-color: #ffffff;}#color02 {background-color: #f6f5fb;}#color03 {background-color: #f7f7f7;}#color04 {background-color: #ebebeb;}#color05 {background-color: #eae9ef;}#color06 {background-color: #fffdf6;}#color07 {background-color: #f9f5ee;}#color08 {background-color: #fff9e4;}#color09 {background-color: #f7efdf;}#color10 {background-color: #fff0d4;}#color11 {background-color: #fff6f6;}#color12 {background-color: #f9eeee;}#color13 {background-color: #ffe4e4;}#color14 {background-color: #f7dfdf;}#color15 {background-color: #ffd4d4;}#color16 {background-color: #f6faff;}#color17 {background-color: #eef5f9;}#color18 {background-color: #e4f9ff;}#color19 {background-color: #dfeff7;}#color20 {background-color: #dfe7f7;}#color21 {background-color: #f9fff6;}#color22 {background-color: #f2f9ee;}#color23 {background-color: #eeffe4;}#color24 {background-color: #eaf7df;}#color25 {background-color: #e3ebd8;}#icon00, #pattern00, #frame00, #style00 {border: none;height: auto;width: auto;padding: 8px;font-size: 24px;}#icon01 {background-image: url('./../../../images/main/rozeta_1.png');}#icon02 {background-image: url('./../../../images/main/rozeta_2.png');}#icon03 {background-image: url('./../../../images/main/rozeta_3.png');}#icon04 {background-image: url('./../../../images/main/rozeta_4.png');}#icon05 {background-image: url('./../../../images/main/rozeta_5.png');}#icon06 {background-image: url('./../../../images/main/symbol_1.png');}#icon07 {background-image: url('./../../../images/main/symbol_2.png');}#icon08 {background-image: url('./../../../images/main/symbol_3.png');}#icon09 {background-image: url('./../../../images/main/symbol_4.png');}#icon10 {background-image: url('./../../../images/main/symbol_5.png');}#icon11 {background-image: url('./../../../images/main/konkurs_1.png');}#icon12 {background-image: url('./../../../images/main/konkurs_2.png');}#icon13 {background-image: url('./../../../images/main/konkurs_3.png');}#icon14 {background-image: url('./../../../images/main/konkurs_4.png');}#icon15 {background-image: url('./../../../images/main/konkurs_5.png');}#icon16 {background-image: url('./../../../images/main/okazja_1.png');}#icon17 {background-image: url('./../../../images/main/okazja_2.png');}#icon18 {background-image: url('./../../../images/main/okazja_3.png');}#icon19 {background-image: url('./../../../images/main/okazja_4.png');}#icon20 {background-image: url('./../../../images/main/okazja_5.png');}#icon21 {background-image: url('./../../../images/main/dyplom_1.png');}#icon22 {background-image: url('./../../../images/main/dyplom_2.png');}#icon23 {background-image: url('./../../../images/main/dyplom_3.png');}#icon24 {background-image: url('./../../../images/main/dyplom_4.png');}#icon25 {background-image: url('./../../../images/main/dyplom_5.png');}#pattern01{background-image: url('./../../../images/textures/papier_czerpany.png');}#pattern02{background-image: url('./../../../images/textures/papier_techniczny.png');}#pattern03{background-image: url('./../../../images/textures/papier_tkany.png');}#frame01{background-image: url('./../../../images/frames/ramka_1.png');}#frame02{background-image: url('./../../../images/frames/ramka_2.png');}#frame03{background-image: url('./../../../images/frames/ramka_3.png');}#frame04{background-image: url('./../../../images/frames/ramka_4.png');}#frame05{background-image: url('./../../../images/frames/ramka_5.png');}#frame06{background-image: url('./../../../images/frames/ramka_6.png');}#frame07{background-image: url('./../../../images/frames/ramka_7.png');}#frame08{background-image: url('./../../../images/frames/ramka_8.png');}#frame09{background-image: url('./../../../images/frames/ramka_9.png');}#style01{background-image: url('./../../../images/styles/chmury.png');}#style02{background-image: url('./../../../images/styles/fale.png');}#style03{background-image: url('./../../../images/styles/flary.png');}#style04{background-image: url('./../../../images/styles/krajobraz.png');}#style05{background-image: url('./../../../images/styles/kropki.png');}#style06{background-image: url('./../../../images/styles/kwiaty.png');}#style07{background-image: url('./../../../images/styles/linie.png');}#style08{background-image: url('./../../../images/styles/pustynia.png');}#style09{background-image: url('./../../../images/styles/woda.png');}#ttcolor01 {background-color: #c99700;}#ttcolor02 {background-color: #657a2c;}#ttcolor03 {background-color: #2c5c2c;}#ttcolor04 {background-color: #006d68;}#ttcolor05 {background-color: #d56e00;}#ttcolor06 {background-color: #983914;}#ttcolor07 {background-color: #6d3629;}#ttcolor08 {background-color: #43332f;}#ttcolor09 {background-color: #bb0000;}#ttcolor10 {background-color: #810b3d;}#ttcolor11 {background-color: #540e4e;}#ttcolor12 {background-color: #220e64;}#ttcolor13 {background-color: #5c455c;}#ttcolor14 {background-color: #0b358b;}#ttcolor15 {background-color: #001d59;}#ttcolor16 {background-color: #000000;}#tccolor01 {background-color: #5e4200;}#tccolor02 {background-color: #203e00;}#tccolor03 {background-color: #004d58;}#tccolor04 {background-color: #7b2c11;}#tccolor05 {background-color: #4e0000;}#tccolor06 {background-color: #43332f;}#tccolor07 {background-color: #49004e;}#tccolor08 {background-color: #001d59;}#tccolor09 {background-color: #000000;}.fftext, .fftitle {font-size: 2rem;padding: 6px;border-radius: 4px;border: 1px solid rgb(0 0 0 / 32%);color: rgb(0 0 0 / 62%);}.color-preset {display: flex;flex-wrap: wrap;gap: 6px;margin-top: 5px;}.color-preset .preset {width: 24px;height: 24px;border-radius: 4px;cursor: pointer;}.del-btn-li {list-style: none;margin: auto;}.cert_tip {position: absolute;top: 1em;left: 50%;transform: translateX(-50%);background: rgba(255, 255, 255, 0.8);padding: 0.4em 1em;border-radius: 1.5em;font-size: 0.9em;font-style: italic;box-shadow: 0 2px 6px rgba(0,0,0,0.15);z-index: 10;pointer-events: none;animation: fadeout 5s ease-in-out forwards;}@keyframes fadeout {0% { opacity: 1; }20%{ opacity: 0.8;}40%{ opacity: 0.6;}60%{ opacity: 0.4;}80%{ opacity: 0.2;}100% { opacity: 0;}}#previewFrame {aspect-ratio: 3508 / 2480;position: relative;width: 100%;height: auto;border: 1px solid #ccc;overflow: hidden;}#printPreview {width:3508px; height:2480px; position:absolute; left:-99999px; top:-99999px;}#previewFrame.portrait {aspect-ratio: 2480 / 3508;width: 100%;height: auto;}#previewFrame.landscape {aspect-ratio: 3508 / 2480;width: 100%;height: auto;}[data-placeholder]:empty::before {content: attr(data-placeholder);color: #aaa;pointer-events: none;}.resizable-text {font-size: clamp(12px, 4vw, 48px);border:1px solid transparent;color: rgb(0 0 0 / 62%);}.resizable-text:hover, .resizable-text:active, .resizable-text:focus {outline: 2px dotted #00000014;border-radius: 4px;border: 1px dotted #ff0000;}.resizable-text:focus {outline: 2px dotted #a6adff;border-radius: 4px;border: 1px dotted rgb(0 0 0 / 35%);}.name {font-family: 'Great Vibes', cursive;text-align: center;min-width: 50%;max-width: 100%;margin: auto;padding-top: 12%;color: rgb(0 0 0 / 82%);}.recipient {font-family: 'Amarante', cursive;}.title, .from {font-family: 'Playfair Display', serif;}.title, .recipient, .from {text-align: center;min-width: 50%;max-width: 90%;margin: auto;margin-top: 2%;}.recipient{display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: rgb(0 0 0 / 62%);}.title {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;color: rgb(0 0 0 / 62%);}.from {display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;height: 18%;color: rgb(0 0 0 / 52%);}.stamp {color: rgb(0 0 0 / 56%);position: relative;float: right;margin: -2% 7%;text-align: center;width: 86%;}.stampbox {width: 100%;text-align: center;}.layer.resizable-text {opacity: 0.98;}.stampname {margin: 2% 7%;width: 86%;display: block;position: relative;text-align: center;color: rgb(0 0 0 / 66%);}.previewBG {position:relative;aspect-ratio: 3508 / 2480;margin:0px;padding:0px;border: none;width: 100%;height: 100%;}#previewBG3 {background-color: transparent;background-size: 30% auto;background-position: center center;background-repeat: repeat;background-image: url('./../../../images/textures/papier_tkany.png');}#previewBG2 {background-color: transparent;background-size: auto 14%;background-position: 84% 16%;background-repeat: no-repeat;background-image: url('./../../../images/main/dyplom_5.png');}#previewBG1 {background-size: 100%;background-color: transparent;background-position: center center;background-repeat: no-repeat;background-image: url('./../../../images/frames/ramka_3.png');}#previewBG0 {background-size: 100%;background-color: transparent;background-position: center center;background-repeat: no-repeat;background-image: url('./../../../images/styles/chmury.png');}#previewBGX {background-size: 100%;background-color: transparent;background-position: center center;background-repeat: no-repeat;background-image: url('./../../../images/colors/kolor01.png');} @media (prefers-contrast: more) { .cert_tip, .copy_inner, footer { color: #000 !important; background-color: #fff !important;}} @media screen and (max-resolution: 1dpi) {.cert_tip, .copy_inner, footer {color: #111 !important;}}