@font-face{font-family:Kievit;src:url(../fonts/kievit_medium.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Exo2;src:url(../fonts/Exo2-VariableFont_wght.ttf) format("truetype");font-weight:900}@font-face{font-family:Exo2;src:url(../fonts/Exo2-VariableFont_wght.ttf) format("truetype");font-weight:400}:root{--gray:#E7E7E7;--black:#32302E;--yellow:#FAB200;--red:#BB232A;--shadow:rgba(50, 48, 46, 0.3) 0px 3px 8px 0px;--text-shadow:0px 3px 8px rgba(50, 48, 46, 0.3);--quotebox-height:280px;font-size:16px}*{box-sizing:border-box}.text-page{font-family:Exo2;padding:20px}.button{color:#fff;border:none;font-size:23px;font-family:inherit;padding:10px 20px;cursor:pointer;outline:0;box-shadow:var(--shadow);transition:transform .3s ease-out}body,html{margin:0;width:100%}body{box-sizing:border-box;background-color:var(--gray);font-family:Kievit;overflow-x:hidden}header{background-color:var(--black);width:100%;height:80px;display:flex;align-items:center;justify-content:space-between;color:#fff;box-sizing:initial;font-family:Exo2}h1{margin:0 20px 0 20px;font-size:30px;white-space:nowrap;font-style:italic;font-weight:900;text-transform:uppercase}h1>a{text-decoration:none;color:inherit}#header-description{font-size:17px;text-align:right;margin-right:20px}main{min-height:calc(100vh - 80px);max-width:1000px;margin:0 auto;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:30px 0}#inputs{width:100%;margin:0 auto 0 auto;display:flex;align-items:center;justify-content:center;flex-direction:column;width:350px}#issue-input{width:100%;font-size:20px;font-family:inherit;outline:0;padding:0;border:none;height:43px;text-align:center;box-shadow:var(--shadow);transition:transform .3s ease-out}#issue-input:focus,#issue-input:hover{transform:scale(1.05)}#start-button{margin-top:15px;width:100%;background-color:var(--red)}#start-button:hover{transform:scale(1.05)}#generator{width:100%;display:grid;display:none;grid-template-columns:1fr 1fr 1fr;grid-column-gap:0;margin:30px 0 10px 0}.quotebox{width:100%;height:var(--quotebox-height);box-shadow:var(--shadow);background-color:#fff;overflow:hidden;position:relative}.quotebox:after,.quotebox:before{content:"";position:absolute;left:0;width:100%;height:25%;z-index:3}.quotebox:before{top:0;background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 100%)}.quotebox:after{bottom:0;background:linear-gradient(to top,#fff 0,rgba(255,255,255,0) 100%)}.quotes{display:none;position:absolute;bottom:var(--quotebox-height);left:0;width:100%;z-index:1}@keyframes first-scroll{0%{transform:translateY(0)}100%{transform:translateY(calc(var(--quotebox-height) * calc(var(--quotes-first-count) + 1)))}}@keyframes second-scroll{0%{transform:translateY(0)}100%{transform:translateY(calc(var(--quotebox-height) * calc(var(--quotes-second-count) + 1)))}}@keyframes third-scroll{0%{transform:translateY(0)}100%{transform:translateY(calc(var(--quotebox-height) * calc(var(--quotes-third-count) + 1)))}}.quotebox:nth-of-type(1)>.quotes{animation:first-scroll calc(.38s * var(--quotes-first-count)) linear infinite}.quotebox:nth-of-type(2)>.quotes{animation:second-scroll calc(.36s * var(--quotes-second-count)) linear infinite}.quotebox:nth-of-type(3)>.quotes{animation:third-scroll calc(.4s * var(--quotes-third-count)) linear infinite}.quote-container{width:100%;height:var(--quotebox-height);display:flex;align-items:center;justify-content:center}.quote{width:100%;text-align:center;font-size:23px;padding:20px}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.2)}100%{transform:scale(1)}}.selected-quote{display:none;position:absolute;z-index:2;width:100%;animation-name:pop;animation-duration:.3s;animation-timing-function:ease-out;animation-delay:0s;animation-iteration-count:1;animation-direction:alternate}#finalize{width:100%;margin:30px 0;height:50px}#finalize-button{display:none;margin:0 auto;width:350px;background-color:var(--yellow);transition:transform .3s ease-out;animation-name:pop;animation-duration:.3s;animation-timing-function:ease-out;animation-delay:0s;animation-iteration-count:1;animation-direction:alternate}#finalize-button:hover{transform:scale(1.05)}#editor{grid-template-rows:auto 1fr auto;display:none;padding:30px 0 0 0;height:100vh}#image-selection{margin:0 auto 15px auto;display:grid;grid-template-columns:150px 150px 150px;grid-column-gap:15px}.image-radio{display:none}.image{display:block;height:150px;width:100%;background-color:#fff;background-size:cover;background-position:center;border:8px solid #fff;box-shadow:var(--shadow);cursor:pointer;position:relative}#image-selection .image-check{display:none;position:absolute;bottom:-18px;right:-15px;color:var(--yellow);font-size:40px;text-shadow:var(--text-shadow)}#image-selection .image-radio:checked+.image>.image-check{display:block}#stage-container{height:100%;overflow:hidden;padding:10px}#stage{box-shadow:var(--shadow)}#download-button{margin:15px auto;width:300px;background-color:var(--red);transition:transform .3s ease-out;display:flex;align-items:center;justify-content:center}#download-button:hover{transform:scale(1.05)}#download-wait{display:none}footer{font-family:Exo2;width:100%;background-color:var(--black);padding:30px;color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:15px}footer>*{line-height:1.4;text-align:center}footer a{color:#fff;text-decoration:none;white-space:nowrap}footer a:hover{text-decoration:underline}#vt-logo{width:170px;margin:30px 0 30px 0}@media(max-width:730px){:root{--quotebox-height:190px}#issue-input{font-size:19px}#issue-input,.button{max-width:85vw}header{flex-direction:column;justify-content:center;padding:0 15px;height:100px;box-sizing:border-box}h1{margin:0 0 5px 0}#header-description{font-size:15px;text-align:center;margin:0}.quote{font-size:14px}#finalize{width:100%;margin:20px 0;height:50px}#editor{grid-template-rows:auto 1fr auto;display:none;padding:30px 0;height:93vh}#image-selection{margin:0 auto 15px auto;display:grid;grid-template-columns:90px 90px 90px;grid-column-gap:10px}.image{height:90px;border:5px solid #fff}}