@font-face{font-family:Futura Bold;src:url(/assets/fonts/Futura-Bold.ttf) format("truetype")}@font-face{font-family:Bubblegum;src:url(/assets/fonts/Bubblegum.ttf) format("truetype")}@font-face{font-family:Retrofest;src:url(/assets/fonts/Retrofest.otf) format("opentype")}@font-face{font-family:brushscriptopti;src:url(/assets/fonts/BrushScriptOpti-Regular.otf) format("opentype")}@font-face{font-family:BenguiatStd;src:url(/assets/fonts/BenguiatStd-Bold.otf) format("opentype")}body,html{position:fixed;width:100%;height:100%;top:0;left:0;right:0;bottom:0}body{--deepblue:#041e41;--orange:#f37a2a;--red:#d82028;margin:0;padding:0;font-family:Arial Narrow}h1,h2,h3,h4,h5,h6{color:var(--deepblue);font-family:Arial}main{overflow:hidden;height:98vh;width:100vw;display:flex;flex-direction:column;justify-content:space-between;align-items:center;overscroll-behavior:contain;background-repeat:no-repeat;background-size:contain}main header{width:92%;margin:0 auto}main header .logo{width:75%;margin:30px 0 0}main .page-title{display:block;width:100%;font-size:35px;text-align:center;text-transform:uppercase}main section{display:flex;flex-direction:column;justify-content:center;width:calc(90% - 100px);padding:30px 50px 40px;margin:auto}main section .selected-design{z-index:100;background-image:url(/assets/pouch.png);background-repeat:no-repeat;background-size:100%;width:650px;height:430px;display:flex;justify-content:center;align-items:center;position:relative}main section .selected-design .design-limits{top:60px;left:20px;right:0;overflow:hidden;width:575px;height:350px;margin:auto}main section .selected-design .design-limits,main section .selected-design .design-limits img{position:absolute;-webkit-user-select:none;user-select:none}main section .selected-design img{width:91%;margin:auto}main section .selected-design #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{height:150px;width:83%;margin:auto;position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:flex-end}main footer .page-btn{background:none;border:none;outline:none;padding:0;width:200px;z-index:2;cursor:pointer}main footer .page-btn img{width:100%}main footer .page-btn.next{margin-left:auto;margin-right:0}main footer .background{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1}