@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800&display=swap);body{display:flex;justify-content:center;min-height:100vh;padding:2rem}#root>div{display:flex;flex-direction:column;gap:3rem}@media(min-width:80rem){#root>div{flex-direction:row}}button{background:none;border:2px solid #0c4a6e;border-radius:5px;color:#0c4a6e;font-family:inherit;font-size:.9rem;height:28px;overflow:hidden;position:relative;text-align:center;transition:color .5s ease 0s;width:80px}button:before{background:#0c4a6e;border-radius:50%;bottom:100%;content:"";height:200px;left:-30px;position:absolute;transition:all .7s ease 0s;width:250px;z-index:-1}button:focus-visible,button:hover{color:#fff;cursor:pointer}button:focus-visible:before,button:hover:before{bottom:-50px}input,textarea{font-family:inherit;font-size:.8rem;padding:.5rem;width:100%}textarea{min-height:100px;resize:none}h2{font-size:1.3rem;font-weight:500}.editor,.preview{display:flex;flex-direction:column;gap:1rem;width:600px}.editor{border:2px solid #0c4a6e;border-radius:.3rem;min-height:620px;padding:2rem}.editor .group,.editor section{display:flex;flex-direction:column;gap:.5rem}.editor section .groups-field{display:flex;flex-direction:column;gap:1rem}.editor section .section-header{align-items:center;display:flex;gap:.5rem}.preview{border:1px solid #000;box-shadow:1px -1px 4px #555;display:flex;flex-direction:column;gap:1rem;height:877px;padding:3rem}.preview .preview-header{grid-gap:.5rem;border-bottom:3px solid #0c4a6e;display:grid;gap:.5rem;grid-template-columns:3fr 1fr;padding-bottom:1rem}.preview .preview-header .username{color:#0c4a6e;font-weight:800;text-transform:uppercase}.preview .preview-header .title{font-weight:500;text-transform:capitalize}.preview .preview-header .info{grid-gap:.3rem;align-content:center;display:grid;font-size:.8rem;gap:.3rem;grid-column:2;grid-row:1/3;grid-template-columns:-webkit-max-content -webkit-max-content;grid-template-columns:max-content max-content}.preview .description p{font-size:.85rem}.preview .preview-list{display:flex;flex-direction:column;gap:.5rem}.preview .preview-list .sub-title{color:#074c6e;font-weight:600;text-transform:uppercase}.preview .preview-list .list>div{align-items:center;display:flex;font-size:.8rem;gap:.5rem;justify-content:space-between;text-transform:capitalize}.preview .preview-list .list>div .title{color:#555}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body{font-family:Montserrat,sans-serif;font-size:1rem;line-height:1.5}
/*# sourceMappingURL=main.6a685aa4.css.map*/