@font-face {
  font-family:Dascentian;
  src: url(https://dascent-sigils.com/wp-content/font/DascentianSigils.woff);
  src: url(https://dascent-sigils.com/wp-content/font/DascentianSigils.woff2);
}

.simdes{display:block;width:80%;height:auto;margin:10px auto 12px auto;padding:0 1em 2em;background-color:#f1f1f1;}    	
/*** Schimba Txt ***/
#inputText {display:block;font-family: Arial, sans-serif;width:100%;max-width:100%;max-height:300px;height: 100px;margin-bottom: 20px;padding: 10px;border: 1px solid #ccc;min-width:300px;min-height: 100px;box-sizing:border-box;}

#outputText {display:block;font-family: Dascentian, sans-serif;width: 100%;max-width:100%;max-height:100%;height: auto;padding: 10px;border: 0 solid #ccc;background-color: rgba(0,0,0,0.0);margin:20px auto 12px auto; word-break:break-all; word-wrap:normal;box-sizing:border-box;}
#controls {display: block;width:90%;height:auto;margin:10px auto 12px auto;}
#fontSizeSlider {margin: 10px;}
#colorPicker {margin: 10px;}
#saveButton {margin-top: 20px;cursor: pointer;}
.docnt{display: block;width:90%;height:auto;margin:10px auto 12px auto;text-align:left;}
.appinner{display:block;width:100%;padding:0;margin:0 auto;}
.appinput{display:block;width:100%;height:auto;margin:0 auto;}
.appoutput{display:block;width:90%;height:auto;}
.descripionapp{display:block;width:80%;height:auto;padding:.7em;}	
@media(max-width:600px){
@font-face {
  font-family:Dascentian;
  src: url(https://dascent-sigils.com/wp-content/font/DascentianSigils.woff);
  src: url(https://dascent-sigils.com/wp-content/font/DascentianSigils.woff2);
}

.simdes{display:block;width:100%;height:auto;margin:10px auto 12px auto;padding:0 .5em 2em;background-color:#f1f1f1;box-sizing:border-box;}    	
/*** Schimba Txt ***/
#inputText {display:block;font-family: Arial, sans-serif;width:100%;max-width:100%;max-height:300px;height: 100px;margin-bottom: 20px;padding: 10px;border: 1px solid #ccc;min-width:90%;min-height: 100px;box-sizing:border-box;}

#outputText {display:block;font-family: Dascentian, sans-serif;width: 100%;max-width:100%;max-height:100%;height: auto;padding: 10px;border: 0 solid #ccc;background-color: rgba(0,0,0,0.0);margin:20px auto 12px auto; word-break:break-all; word-wrap:normal;box-sizing:border-box;}
#controls {display: block;width:90%;height:auto;margin:10px auto 12px auto;}
#fontSizeSlider {margin: 10px;}
#colorPicker {margin: 10px;}
#saveButton {margin-top: 20px;cursor: pointer;}
.docnt{display: block;width:90%;height:auto;margin:10px auto 12px auto;text-align:left;}
.appinner{display:block;width:100%;padding:0;margin:0 auto;}
.appinput{display:block;width:100%;height:auto;margin:0 auto;}
.appoutput{display:block;width:90%;height:auto;}
.descripionapp{display:block;width:80%;height:auto;padding:.7em;}	
}
input[type="range"].fontSizeSlide{height:5px;padding:0;}



/** The Stuff **/
.isfontwrap{margin:0;padding:0;font-family:Arial,sans-serif;background-color:#f4f4f4;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;box-sizing:border-box;}
.iscontainer{background-color:#ffffff;padding:20px;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.1);text-align:center;max-width:90%;width:600px;box-sizing:border-box;}
#fontSelector{padding:10px;margin-bottom:20px;border:1px solid #ccc;border-radius:5px;font-size:1rem;width:calc(100% - 22px);max-width:300px;box-sizing:border-box;}
#contentText{font-size:1.5rem;line-height:1.6;color:#333;padding:10px;word-wrap:break-word;}
@media (max-width: 768px){.iscontainer{padding:15px;}
#fontSelector{font-size:0.9rem;width:calc(100% - 20px);}
#contentText{font-size:1.2rem;}}
@media (max-width: 480px){.iscontainer{padding:10px;}#fontSelector{font-size:0.8rem;width:calc(100% - 18px);}
#contentText{font-size:1rem;}}