.elementor-15875 .elementor-element.elementor-element-cd420bc{--display:flex;--min-height:95vh;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--margin-top:-100px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:150px;--padding-bottom:50px;--padding-left:40px;--padding-right:40px;}.elementor-15875 .elementor-element.elementor-element-cd420bc:not(.elementor-motion-effects-element-type-background), .elementor-15875 .elementor-element.elementor-element-cd420bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-2def27ea );}.elementor-15875 .elementor-element.elementor-element-9851a13 > .elementor-widget-container{margin:60px 0px -13px 0px;}.elementor-15875 .elementor-element.elementor-element-9851a13 .elementor-heading-title{font-family:"Telegraf", Sans-serif;font-size:7.5vw;font-weight:500;line-height:0.9em;color:var( --e-global-color-2a7bb876 );}.elementor-15875 .elementor-element.elementor-element-e8a1b17{width:var( --container-widget-width, 40.924vw );max-width:40.924vw;--container-widget-width:40.924vw;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:18px;font-weight:500;line-height:27px;color:var( --e-global-color-2a7bb876 );}.elementor-15875 .elementor-element.elementor-element-e8a1b17 > .elementor-widget-container{margin:30px 0px 0px 0px;}.elementor-15875 .elementor-element.elementor-element-e8a1b17.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-15875 .elementor-element.elementor-element-15d7f6c .elementor-button{font-family:"Telegraf", Sans-serif;text-decoration:none;fill:var( --e-global-color-2a7bb876 );color:var( --e-global-color-2a7bb876 );border-style:solid;border-width:1px 1px 1px 1px;border-radius:50px 50px 50px 50px;padding:8px 20px 8px 20px;}.elementor-15875 .elementor-element.elementor-element-15d7f6c .elementor-button:hover, .elementor-15875 .elementor-element.elementor-element-15d7f6c .elementor-button:focus{color:#FFFFFF6B;}.elementor-15875 .elementor-element.elementor-element-15d7f6c .elementor-button:hover svg, .elementor-15875 .elementor-element.elementor-element-15d7f6c .elementor-button:focus svg{fill:#FFFFFF6B;}.elementor-15875 .elementor-element.elementor-element-e34e7ba{--display:flex;--margin-top:50px;--margin-bottom:100px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:40px;}@media(max-width:1024px){.elementor-15875 .elementor-element.elementor-element-cd420bc{--margin-top:-122px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-15875 .elementor-element.elementor-element-9851a13 > .elementor-widget-container{margin:0px 0px -34px 0px;}.elementor-15875 .elementor-element.elementor-element-9851a13 .elementor-heading-title{font-size:55px;}.elementor-15875 .elementor-element.elementor-element-e8a1b17 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15875 .elementor-element.elementor-element-e8a1b17{font-size:14px;line-height:20px;}}@media(max-width:767px){.elementor-15875 .elementor-element.elementor-element-cd420bc{--min-height:88vh;}.elementor-15875 .elementor-element.elementor-element-9851a13 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-15875 .elementor-element.elementor-element-9851a13 .elementor-heading-title{font-size:62px;line-height:62px;}.elementor-15875 .elementor-element.elementor-element-e8a1b17{--container-widget-width:100vw;--container-widget-flex-grow:0;width:var( --container-widget-width, 100vw );max-width:100vw;font-size:14px;line-height:20px;}}/* Start custom CSS for html, class: .elementor-element-abbc1e7 */#text-input {
  width: 100%;
  margin-bottom: 10px;
}

.result {
    background-color: #eaeaea;
    padding: 50px;
    width: 20%;
    margin: 10px 10px 10px 0px;
    font-family: 'Telegraf';
    font-size: 22px;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Telegraf';
	font-style: normal;
	font-weight: 500;
	font-display: auto;
	src: url('https://stokedesign.co/wp-content/uploads/2023/10/PPTelegraf-Medium.woff2') format('woff2'),
		url('https://stokedesign.co/wp-content/uploads/2023/10/PPTelegraf-Medium.woff') format('woff'),
		url('https://stokedesign.co/wp-content/uploads/2023/10/PPTelegraf-Medium.ttf') format('truetype');
}
@font-face {
	font-family: 'Telegraf';
	font-style: normal;
	font-weight: bold;
	font-display: auto;
	src: url('https://stokedesign.co/wp-content/uploads/2023/10/PPTelegraf-Bold.woff2') format('woff2'),
		url('https://stokedesign.co/wp-content/uploads/2023/10/PPTelegraf-Bold.woff') format('woff'),
		url('https://stokedesign.co/wp-content/uploads/2023/10/PPTelegraf-Bold.ttf') format('truetype');
}
/* End Custom Fonts CSS */