@import url(https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,400;1,500&display=swap);@import url(https://fonts.googleapis.com/css2?family=Oranienbaum&display=swap);@import url(https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap);*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Arial,Helvetica,sans-serif;margin:0;padding:0}html{background-color:#f5f5f5}.App{display:flex;height:auto;overflow:hidden;padding:0;width:100%}.App .actual{display:flex;flex-direction:column;gap:16px}@media(min-width:1000px){.App .actual{flex-direction:row}}.App .actual .previewWrapper{align-items:flex-start;aspect-ratio:9/16;background:#ff0;display:flex;flex:1 1;justify-content:flex-start;max-height:100vh;overflow:hidden}.App .actual .preview{display:flex;height:1920px;justify-content:center;min-height:1920px;min-width:1080px;transform-origin:0 0;width:1080px}.App .actual .preview .App-header{align-items:center;aspect-ratio:9/16;color:#000;display:flex;flex-direction:column;font-size:calc(12px + 2vmin);position:relative;text-align:center}.App .actual .preview .App-header p{margin:10px;z-index:100}.App .actual .conrols,.App .actual .conrols .controls-inner{align-items:flex-start;display:flex;flex:1 1;flex-direction:column}.App .actual .conrols .controls-inner{justify-content:flex-start;padding:16px;width:calc(100% - 32px)}.App .actual .conrols .controls-inner .row{margin-bottom:16px;width:100%}.App .actual .conrols .controls-inner h2{border-bottom:1px solid #000;color:#000;display:flex;font-family:Cormorant Garamond;margin-bottom:16px;margin-top:16px;padding:0 0 8px;width:100%}.App .actual .conrols .controls-inner .form-group{align-items:flex-start;display:flex;flex-direction:column;justify-content:flex-start;margin-bottom:16px;width:100%}.App .actual .conrols .controls-inner .form-group label{font-weight:500;margin-bottom:4px;width:100%}.App .actual .conrols .controls-inner .form-group input{border:1px solid #ccc;font-size:16px;padding:8px;width:calc(100% - 32px)}.App .actual .conrols .controls-inner .form-group.check{align-items:center;background:#eee;flex-direction:row;justify-content:flex-start;padding:8px;width:calc(100% - 32px)}.App .actual .conrols .controls-inner .form-group.check input,.App .actual .conrols .controls-inner .form-group.check label{line-height:20px;margin:0;padding:0;width:auto}.App .actual .conrols .controls-inner .form-group.check input{margin-right:16px}.App .actual .conrols .controls-inner .color-picker{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;gap:16px}.App .actual .conrols .controls-inner .color-picker .color-item{align-items:center;display:flex;flex-direction:row;gap:5px;justify-content:space-between}.App .actual .conrols .controls-inner .color-picker .color-item .color-fenster{border:1px solid #ccc;border-radius:5px;height:50px;width:50px}.App .actual .conrols .controls-inner .logo-picker{align-items:flex-start;display:flex;flex:1 1;flex-direction:row;flex-wrap:wrap;gap:16px}.App .actual .conrols .controls-inner .logo-picker .logo-item{align-items:center;display:flex;flex-direction:row;gap:16px}.App .actual .conrols .controls-inner .logo-item img{height:50px;object-fit:cover;width:50px}.App button{background:none!important;border:1px solid #000!important;border-radius:5px!important;cursor:pointer;display:flex!important;font:normal normal 900 11px/11px Arial,Helvetica,sans-serif!important;justify-content:center!important;letter-spacing:.55px!important;margin-top:32px;padding:16px 32px!important;text-align:center!important;text-decoration:none!important;text-transform:uppercase!important}.App .error{background:#ff8787;font-size:14px;margin-top:5px;overflow:hidden;padding:20px;position:fixed;text-align:center;top:0;width:100%;z-index:1000}.App-header *{font-family:Cormorant Garamond;font-weight:300}.react-colorful{flex:1 1}.last select{border-radius:5px;flex:1 1;height:50px}.actual{display:flex;flex-direction:row;height:100%;width:100%}.top{flex:10 1;width:100%}.imgHead{align-items:center;display:flex;flex-direction:column;gap:16px;margin:64px 0 16px;width:100%}.logo{width:15%}.logoText{font-size:40px;text-transform:uppercase}.bgimg{flex:9 1;width:100%}.bgimg img{height:100%;object-fit:cover;width:100%}.text{font-size:16px;margin:0 auto;width:90%}.text .title{font-family:Playfair Display SC,serif;font-size:60px;font-weight:400!important;line-height:80px;text-transform:uppercase}.hline{background-color:#000;height:2px;margin:10px auto;width:90%}.text .sub{font-size:52px}.text .sub.author{font-style:italic}.custom-picker{display:flex;width:100%}.form-group.picker{align-items:center;height:200px;width:100%}.rainbow{background:linear-gradient(90deg,red,#ff7f00 14.28%,#ff0 28.57%,#0f0 42.85%,#00f 57.14%,indigo 71.42%,#8f00ff 85.71%,red)}.home{align-items:center;display:flex;flex-direction:column;gap:16px;height:100vh;justify-content:center;width:100%}.home h1{font-size:40px;font-weight:500}.home .link-container{display:flex;flex-direction:column;gap:16px;margin-top:16px}.home .link-container a{border-bottom:1px solid rgba(0,0,0,.502);color:#000;font-size:20px;font-weight:500;text-decoration:none}.home .link-container a:hover{color:rgba(0,0,0,.502)}.App-resizer{align-items:flex-start;display:flex;width:100%}@media(max-width:1000px){.App-resizer{align-items:center;flex-direction:column}}.App-resizer .previewWrapper{background:#ff0;max-height:1080px;max-width:1920px;width:1920px}.App-resizer .previewWrapper .App-header{align-items:center;aspect-ratio:16/9;display:flex;justify-content:center;width:100%}.App-resizer .previewWrapper .App-header .imgContainer{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;width:100%}.App-resizer .previewWrapper .App-header .imgContainer img{aspect-ratio:16/9;object-fit:cover;object-position:center;width:100%;z-index:1000}.App-resizer .controls{padding:10px}.App-resizer .controls,.App-resizer .controls .inputs,.App-resizer .controls .inputs .input.download{display:flex;flex-direction:column;gap:10px}.App-resizer .controls .inputs .input.download button{background:#000;border:none;color:#fff;cursor:pointer;font-size:16px;padding:10px;width:100%}
/*# sourceMappingURL=main.d52e5428.css.map*/