@font-face{font-family:rauschen;font-weight:700;src:url(rauschen.d1a01c7fa2172b95.otf) format("truetype")}@font-face{font-family:mustardo;font-weight:700;src:url(mustardo.1fdaf8d01d504e30.ttf) format("truetype")}@font-face{font-family:Academic_M54;font-weight:700;src:url(Academic_M54.929ed789a5569a3e.ttf) format("truetype")}body{--yellow: #ffbc33;--red: #f03c50;--grey: #ebe6d8;background:var(--yellow);overflow:hidden;font-family:rauschen;margin:0;padding:0}main{height:100vh;width:100vw;display:flex;justify-content:center;align-items:center}main #design-container{position:relative;width:500px;margin:auto}main #design-container #background{width:100%}main #design-container #mitt-outline-mask{width:100%;position:absolute;inset:0;z-index:10000000;pointer-events:none}main #design-container #mitt-logo-mask{width:94px;position:absolute;right:122px;bottom:75px;z-index:10000000;pointer-events:none}main #design-container #mitt-logo-mask.background-2{right:125px;bottom:80px}main #design-container #mitt-logo-mask.background-3{right:136px;bottom:49px}main #design-container #mitt-logo-mask.background-4{right:108px;bottom:68px}main #design-container #design-area{position:absolute;pointer-events:auto;top:5px;left:5px;width:400px;height:700px;overflow:hidden;padding:0}main #design-container #design-area img{position:absolute;-webkit-user-select:none;user-select:none}main #design-container #design-area #userText{position:absolute;width:100%;text-align:center;white-space:nowrap;line-height:30px;z-index:1000;-webkit-user-select:none;user-select:none;font-size:30px}main footer#footer-bar{background:var(--yellow);position:fixed;left:0;right:0;bottom:50px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:20px 0}main footer#footer-bar button{background:none;border:none;border-radius:none;width:200px}main footer#footer-bar button img{width:100%}