@import url('https://fonts.googleapis.com/css2?family=Audiowide&family=Bebas+Neue&family=Cinzel+Decorative:wght@700&family=Comforter+Brush&family=Gemunu+Libre:wght@300&family=Goldman&family=Great+Vibes&family=Lobster+Two&family=Oswald&family=Pirata+One&family=Play&family=Zilla+Slab+Highlight&display=swap');
*{text-shadow:none;}
#dxmain{display:block;width:100%;height:auto;float:none;clear:both;box-sizing:border-box;font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;}
#dxmain:before,#dxmain:after{content:"";display:block;clear:both;}
.bgdiploma svg{margin:0 auto;}
canvas, img, svg{image-rendering: crisp-edges;}
.container-fluid,.iflex{display: flex;flex-direction: row;gap:1%;}
.xcard{display:block;width:30%;height:auto;padding:0 0 1em;box-shadow:0 1px 2px #999;}
.cl2{display:block;width:80%;height:auto;background-color:#f1f1f1;}
.dsnone,.dnone{display:none;}
.signature{display:block;width:130px;height:auto;margin:10px auto 12px auto;text-align:center;}
.signature img{display:block;width:100%;height:auto;margin:0 auto;}
.options .blk{margin-top:7px;margin-bottom:10px;}#add-text-btn{padding:.3em 1em .3em;height:auto;background-color:#06C;color:#fff;font-size:14px;text-align:center;border-radius:0 10px 10px 0;}#add-text-btn:hover{background-color:#036;color:#fff;cursor:pointer;}
@media (max-width: 400px) and (max-width: 820px)  {.xcard{display:block;width:280px;height:auto;background-color:#ccc;position:fixed;top:20px;left:5px;z-index:100000;}.xcard .doform{display:block;width:90%;height:auto;}
	#content,.cl2{width:1px;height:1px;overflow:hidden;}.foflex, .iflex{flex-direction:column;}}

#content{color:#555;}
.thename{display:block;width:70%;height:auto;margin:0 auto 10px auto;padding:0 0 .5em;border-bottom:3px dotted #003388;font-size:2em;line-height:normal;}
.foflex{display: flex;width:90%;margin:20px auto 22px auto;padding:2em 0 0;flex-direction: row;gap:2%;font-size:14px;}
.sig{display:block;width:50%;color:#036;}
.txt-center{text-align:center;}
.txt-right{text-align:right;}
.dreaming{width:90%;height:auto;margin:1px auto 2px auto;font-family: 'Roboto';}
.blk .btn{font-size:14px;padding:0;}
.xprint{display:block;width:90%;height:auto;margin:-30px auto 10px auto;font-size:13px;text-align:center;opacity:.3;}
.xprint:hover{display:block;width:90%;height:auto;margin:-30px auto 10px auto;font-size:13px;text-align:center;opacity:1;}
.options{width:90%;margin:0 auto;padding:1em 0 1em;}
.topusername{display:block;width:100%;margin:0 auto;padding:1em 0 1em;text-align:center;font-size:17px;background-color:#fff;}
.blk{margin-top:10px;}
/* thai */
@font-face {
  font-family: 'Charm';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/charm/v10/7cHrv4oii5K0Md6TDvsvwH8RnA.woff2) format('woff2');
  unicode-range: U+0E01-0E5B, U+200C-200D, U+25CC;
}
/* vietnamese */
@font-face {
  font-family: 'Charm';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/charm/v10/7cHrv4oii5K0Md6TDvs0wH8RnA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Charm';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/charm/v10/7cHrv4oii5K0Md6TDvs1wH8RnA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Charm';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/charm/v10/7cHrv4oii5K0Md6TDvs7wH8.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Quintessential';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quintessential/v20/fdNn9sOGq31Yjnh3qWU14Ddtjb55QbgWAw.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Quintessential';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/quintessential/v20/fdNn9sOGq31Yjnh3qWU14Ddtjb53Qbg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
.bggrad{background: rgb(142,208,255);
background: -moz-linear-gradient(47deg, rgba(142,208,255,1) 0%, rgba(166,249,215,1) 49%, rgba(255,155,238,1) 100%);
background: -webkit-linear-gradient(47deg, rgba(142,208,255,1) 0%, rgba(166,249,215,1) 49%, rgba(255,155,238,1) 100%);
background: linear-gradient(47deg, rgba(142,208,255,1) 0%, rgba(166,249,215,1) 49%, rgba(255,155,238,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8ed0ff",endColorstr="#ff9bee",GradientType=1);}

@media (min-width: 270px) and (max-width: 400px){#dxmainx,#dxmain,.cl2,.xcard,.bggrad{display:none;}}
h4#heading{display:block;margin-top:40px;padding-bottom:7px;padding-top:17px;border-top:1px solid #444;font-weight:400;}