@import url(https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;800;900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}.header{background:#333;display:flex;flex-direction:row;height:0}.header .header__title{align-items:center;display:flex;flex:1 1;flex-direction:row}.header .header__title .header__logo svg{height:32px;margin:0 12px 0 16px;width:32px}.header .header__title .header__name{color:#eee;font-family:Orbitron,sans-serif;font-size:18px;font-weight:700;letter-spacing:2px}.header nav{height:100%}.header nav ul{font-size:14px;list-style:none;margin:0;padding:0}.header nav ul,.header nav ul li{align-items:center;display:flex;height:100%;justify-content:center}.header nav ul li{cursor:pointer;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.header nav ul li a{align-items:center;color:#eee;display:flex;height:100%;justify-content:center;padding:0 16px;text-decoration:none;transition:all .5s ease-in-out}.header nav ul li a:hover{background:rgba(0,0,0,.5)}.main-content{flex-direction:row;height:calc(100vh - 32px)}.main-content,.main-content .page__home{align-items:center;display:flex;width:100vw}.main-content .page__home{background:#222;flex-direction:column;height:100%;justify-content:center}.main-content .page__home .title{color:#eee;font-family:Orbitron,sans-serif;font-size:32px;font-weight:700;letter-spacing:2px;margin-top:8px}.main-content .page__email-signature{align-items:center;display:flex;flex-direction:row;height:100%;width:100vw}.main-content .page__email-signature .left-drawer{background-color:rgba(0,0,0,.025);border-right:1px solid rgba(0,0,0,.1);box-shadow:0 0 8px rgba(0,0,0,.1);font-size:14px;height:100%;padding:16px 0;width:320px}.main-content .page__email-signature .left-drawer .instructions{font-size:12px;margin-bottom:16px;padding:0 32px}.main-content .page__email-signature .left-drawer .instructions-hr{border:none;border-top:1px solid rgba(0,0,0,.1);margin:16px}.main-content .page__email-signature .left-drawer .form-fields-container{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:0 64px 0 32px}.main-content .page__email-signature .left-drawer .form-fields-container label{color:#777;font-size:10px;margin:0;padding:0;text-align:left;width:100%}.main-content .page__email-signature .left-drawer .form-fields-container input{background-color:#fff;border:1px solid rgba(0,0,0,.5);border-radius:4px;margin:1px 0 8px;padding:4px 8px;width:100%}.main-content .page__email-signature .left-drawer .form-fields-container .attach-image-container{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}.main-content .page__email-signature .left-drawer .form-fields-container .attach-image-container .btn-clear-image{cursor:pointer;font-size:24px;margin:0;padding:0;position:absolute;right:4px;top:.17em;transition:all .5s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main-content .page__email-signature .left-drawer .form-fields-container .attach-image-container .btn-clear-image:hover{color:red}.main-content .page__email-signature .left-drawer .form-fields-container .style-select{background-color:#fff;border:1px solid rgba(0,0,0,.5);border-radius:4px;display:none;margin:1px 0 8px;padding:4px 8px;width:100%}.main-content .page__email-signature .left-drawer .btn-copy-container{align-items:center;display:flex;margin:16px 32px}.main-content .page__email-signature .left-drawer .btn-copy-container .btn-copy{background:#333;border-radius:4px;color:#fff;cursor:pointer;padding:8px 24px;transition:all .5s ease-in-out;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.main-content .page__email-signature .left-drawer .btn-copy-container .btn-copy:hover{background:#777;color:#fff}.main-content .page__email-signature .preview-container{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;margin-top:-96px}.main-content .page__email-signature .preview-container .signature-preview-title{color:#555;font-size:24px;font-weight:700;margin:0 0 8px;padding:0;text-align:left;width:640px}.main-content .page__email-signature .preview-container .mock-email-client{border:1px solid rgba(0,0,0,.1);border-radius:4px;box-shadow:0 0 4px rgba(0,0,0,.1);color:#777;display:flex;flex-direction:column;font-size:12px;width:640px}.main-content .page__email-signature .preview-container .mock-email-client .mec__header{background-color:#eee;color:#222;font-weight:500;padding:4px 8px}.main-content .page__email-signature .preview-container .mock-email-client .mec__subject,.main-content .page__email-signature .preview-container .mock-email-client .mec__to{border-bottom:1px solid #eee;margin:0 8px;padding:8px 0}.main-content .page__email-signature .preview-container .mock-email-client .mec__body{display:flex;flex:1 1;flex-direction:column;font-size:14px;padding:32px}.main-content .page__email-signature .preview-container .mock-email-client .mec__body .mec__body_content{color:#333;flex:1 1}.main-content .page__email-signature .preview-container .mock-email-client .mec__footer{align-self:flex-end;padding:8px}.main-content .page__email-signature .preview-container .mock-email-client .mec__footer .btn-send{background:#0b57d0;border-radius:4px;color:#fff;padding:8px 24px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.footer{align-items:center;background:#333;color:#eee;display:flex;font-family:Orbitron,sans-serif;height:32px}.footer .footer-copy{font-size:12px;margin:0 32px;text-align:right;width:100%}
/*# sourceMappingURL=main.c4784143.css.map*/