@import "https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&display=swap";
@font-face{font-family:CustomTitle;src:url(/fonts/title.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:CustomText;src:url(/fonts/text.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#fff;max-width:100vw;height:100vh;font-family:Kalam,cursive;overflow-x:hidden}.title{color:#04060d;text-shadow:2px 2px 4px rgba(234,224,215,.8);text-align:center;z-index:10;background:0 0;padding:1rem;font-family:CustomTitle,Kalam,cursive;font-size:3rem;font-weight:700;position:relative}.canvas-container{width:100%;height:calc(100vh - 5rem);position:relative;overflow:hidden}.export-button{color:#eae9e9;cursor:pointer;z-index:1000;background:#344364;border:3px solid #04060d;border-radius:12px;padding:1rem 2rem;font-family:CustomText,sans-serif;font-size:1.2rem;font-weight:600;transition:all .3s;position:fixed;bottom:2rem;right:2rem;box-shadow:4px 4px #04060d}.export-button:hover{background:#3c404b;transform:translate(-2px,-2px);box-shadow:6px 6px #04060d}.export-button:active{transform:translate(0);box-shadow:2px 2px #04060d}@media (max-width:768px){.title{padding:.75rem;font-size:2rem}.canvas-container{height:calc(100vh - 4rem)}.export-button{padding:.75rem 1.5rem;font-size:1rem;bottom:1rem;right:1rem}}