@font-face{font-family:DMSerifDisplay;src:url(/assets/DMSerifDisplay-Regular-BB3xDZ4A.ttf);font-display:swap}@font-face{font-family:DMSerifDisplay-Italic;src:url(/assets/DMSerifDisplay-Italic-D1fnzAS9.ttf);font-display:swap}@font-face{font-family:Jost;src:url(/assets/Jost-VariableFont_wght-Cm8dCCqe.ttf);font-display:swap}@font-face{font-family:Jost-Light;src:url(/assets/Jost-ExtraLight-z7pEe2j0.ttf);font-display:swap}@font-face{font-family:Jost-Light;src:url(/assets/Jost-Light-BKorx5AZ.ttf);font-display:swap}html,body,blockquote,code,h1,h2,h3,h4,h5,h6,p,pre,button,fieldset,form,input,legend,textarea,select{margin:0;padding:0}fieldset{border:0}a,a *{cursor:pointer}div{margin:0;padding:0;background-color:transparent;text-align:left}hr,img{border:0}applet,iframe,object{border:0;margin:0;padding:0}button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer}ul,li{list-style:none;margin:0;padding:0}strong{font-weight:700}em{font-style:italic}:root{--base-size: 1.2rem;--scale: 1.25;--factor: .3;--radius: 1rem;--text-xl: calc(var(--h1) * var(--scale)) 2;--h1: calc(var(--h2) * var(--scale));--h2: calc(var(--h3) * var(--scale));--h3: calc(var(--h4) * var(--scale));--h4: calc(var(--h5) * var(--scale));--h5: calc(var(--h6) * var(--scale));--h6: var(--base-size);--text-small: calc(var(--h6) * .5);--color-dark: #1b1818;--color-gray-800: #464040;--color-gray-700: #646060;--color-gray-500: #878080;--color-gray-300: #a59c9c;--color-gray-200: #cfc5c5;--color-gray-100: #ece7e7;--color-light: rgb(250, 245, 244);--color-blue: #1e86b9;--color-blue-strong: #1c2f3a;--color-blue-light: #5687a0;--color-green: #058a71;--color-green-strong: #126b5b;--color-green-light: #43998b;--color-red: #ee3a59;--color-red-strong: #bd1532;--border-test: 1px none black}html{box-sizing:border-box;margin:0;padding:0}.font-xl{font-size:var(--xl)}h1,.h1{font-size:var(--h1);padding:0 0 calc(var(--h1) * var(--factor));line-height:var(--h1)}h2,.h2{font-size:var(--h2);padding:0 0 calc(var(--h2) * var(--factor));line-height:var(--h2)}h3,.h3{font-size:var(--h3);padding:0 0 calc(var(--h3) * var(--factor));line-height:var(--h3)}h4,.h4{font-size:var(--h4);padding:0 0 calc(var(--h4) * var(--factor));line-height:var(--h4)}h5,.h5{font-size:var(--h5);padding:0 0 calc(var(--h5) * var(--factor));line-height:var(--h5)}h6,.h6{font-size:var(--h6);padding:0 0 calc(var(--h6) * var(--factor));line-height:var(--h6)}p{font-size:var(--base-size)}a{color:var(--color-green);text-decoration:underline}.color-accent{color:var(--color-blue)}.color-accent-light{color:var(--color-blue-light)}.color-accent-strong{color:var(--color-blue-strong)}.color-ok{color:var(--color-green)}.color-ok-light{color:var(--color-green-light)}.color-ok-strong{color:var(--color-green-strong)}.color-alert{color:var(--color-red-strong)}.font-serif{font-family:DMSerifDisplay}.font-serif-italic{font-family:DMSerifDisplay-Italic}.font-sans{font-family:Jost}.font-sans-light{font-family:Jost-Light}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;background-color:var(--color-light);color:var(--color-dark);font-family:Jost}header,app-header{width:100%;display:flex;align-items:baseline;outline:var(--border-test)}.header-separator{width:100%;height:1rem;margin-top:1rem;box-shadow:0 20px 14px -25px #8c8b8b inset}.page-title{font-family:DMSerifDisplay;text-align:left;width:80%}.page-title a,.page-title a:link,.page-title a:visited{text-decoration:none;color:var(--color-gray-700)}.page-title a:hover{color:var(--color-gray-800)}.page-title a:active{color:var(--color-dark)}.nav-desk{display:flex;flex-direction:row;gap:var(--h4);font-size:var(--h5)}.nav-desk a{color:var(--color-green-strong);text-decoration:none}.nav-desk a:hover{color:var(--color-gray-800);text-decoration:underline}.info-box{width:auto;padding:var(--h4);display:flex;justify-content:start;align-items:start;background-color:#f03c5a99;border-radius:.5rem;margin-bottom:1rem;line-height:var(--h4)}.info-box>div:nth-child(1){width:80%}.info-box>div:nth-child(2){width:20%}.button-close{width:3rem;height:3rem;background:none;color:inherit;border:none;padding:0;font:inherit;cursor:pointer;outline:inherit}.icon-close{width:3rem;height:3rem}#app{width:100%;margin:0 auto;padding:1rem 2rem 3rem;display:flex;flex-direction:column;text-align:center;border:none}main{width:80%;min-height:70vh;margin:0 auto;padding:var(--h3) 0 0 0}iconify-icon{display:inline-block;width:1em;height:1em}.score-board{display:flex;flex-direction:row;margin:1rem;align-items:baseline}.message-container-description{display:flex;justify-content:center;align-items:baseline}#already-answered-quotes{padding-top:var(--h2);display:flex;flex-direction:column;gap:var(--h6)}.already-played-quote{width:60%;border:var(--border-test)}.normal-text{font-size:var(--base-size)}.small-text{font-size:var(--text-small)}.quote{display:flex;flex-direction:column;justify-content:end;gap:var(--h5);font-family:DMSerifDisplay-Italic;line-height:3.5rem;padding:0;outline:var(--border-test)}.message{display:flex;flex-direction:column;align-items:center;margin:auto;line-height:3.5rem;width:100%;min-height:500px;padding:var(--h4) 0 0 0;outline:var(--border-test)}.quote h3{text-align:center;padding:0 4rem}.score-board-page{display:flex;flex-direction:column;align-items:center;justify-content:end;font-family:Jost;line-height:3.5rem;padding:var(--h4) 0 0 0;outline:var(--border-test)}.tries-left{padding:2rem 0 0rem;display:flex;justify-content:center;flex-direction:row;gap:1rem;outline:var(--border-test)}.star-score{offset-anchor:bottom;width:2em;height:2em;color:var(--color-green-strong)}.answer-field{padding:var(--h4);outline:var(--border-test)}.button-container{width:40%;margin:auto;display:flex;flex-direction:column;gap:var(--h6);transition:order 3.5s ease-in-out}.message-container{text-align:center;padding:var(--h3) 0 0 0;margin:auto;display:flex;flex-direction:column}.message-greeting{width:45%}.message-container h2,h6{text-align:center;text-justify:inter-character;line-height:var(--h4)}.game-start{width:100%;border-radius:calc(var(--radius) * 1.5);padding:var(--text-small);font-size:var(--h6);font-family:Jost;color:var(--color-light);background-color:var(--color-green-strong);border:2px solid var(--color-green-strong)}.answer{width:100%;border-radius:calc(var(--radius) * 1.5);padding:var(--text-small);font-size:var(--h6);font-family:Jost}.next-button-container{order:1;height:42px;align-self:center}.next{align-self:center;width:200px;height:42px;border-radius:calc(var(--radius) * 1.5);opacity:0;margin-top:var(--h6);display:flex;font-size:var(--h6);font-family:Jost;text-align:center;text-decoration:none}.next-reveal{animation:reveal-hidden 2s ease 1s 1 normal forwards}.next a{display:block;margin:auto;width:95%;text-decoration:none}button a:link,button a:visited,.answer a:visited{color:var(--color-dark);text-decoration:none}.button a:active,.answer:active a{color:var(--color-light)}.answer-neutral{background-color:var(--color-light);color:var(--color-dark);border:2px solid var(--color-dark)}.answer-wrong{color:var(--color-red-strong);background-color:var(--color-light);border:2px solid var(--color-red-strong);transition:color .2s,border .5s}.answer-right,.answer-right:active{color:var(--color-light);background-color:var(--color-green-strong);border:2px solid var(--color-green-strong);transition:color .2s,border .5s,background-color 1s}.answer-reveal{color:var(--color-green);border:2px solid var(--color-green);cursor:default}.answer-disabled{color:var(--color-gray-500);background-color:var(--color-light);border:2px solid var(--color-gray-500);cursor:default;transition:color .5s,border 1s}button,.answer-neutral:hover{background-color:var(--color-gray-100)}button:active,.answer-neutral:active{background-color:var(--color-dark);color:var(--color-light);border-color:var(--color-light)}button:active a{color:var(--color-light)}footer{position:relative;bottom:0}app-footer{padding:2rem 0;display:flex;justify-content:end;gap:var(--h4);font-size:var(--h6)}author-info{display:flex;flex-direction:column;align-items:center;margin-top:var(--h1);overflow:hidden;color:var(--color-gray-700);font-family:Jost-Light;animation:author-name 2s cubic-bezier(.71,-.01,0,.99) 0s 1 normal forwards}.separator{width:50%;height:20px;margin-top:40px;box-shadow:0 20px 14px -25px #8c8b8b inset;border-bottom:1px solid rgba(0,0,0,0);border-top:1px solid rgb(219,215,215);border-left:0;border-right:0}@keyframes neutral-wrong{0%{color:var(--color-dark);border:2px solid var(--color-dark)}to{color:var(--color-red-strong);border:2px solid var(--color-red-strong)}}@keyframes author-name{0%{opacity:0;height:0px}20%{height:210px}to{opacity:1;height:210px}}.hidden{display:none}@keyframes reveal-hidden{0%{opacity:0}to{opacity:1}}@media screen and (max-width: 1280px){main{width:90%;padding:var(--h1) 0 0 0}.button-container{width:80%}.already-played-quote{width:90%}}@media screen and (max-width: 480px){body{width:100vw}:root{--base-size: 1.2rem;--scale: 1.1;--factor: .3}#app{width:95%;padding:0;margin:0 auto}header{padding:var(--h6) 0 0 0}app-header{flex-direction:column}.page-title{font-size:var(--h1);width:auto}.message-container .h1{font-size:4rem}.message-container{width:100%}.quote h3{padding:0 16px}.button-container{width:90%}.answer-field{padding-left:0;padding-right:0}.already-played-quote{width:90%}section,.section{padding:var(--h6) 0 var(--h6) 0}app-footer{padding:4rem 0rem 2rem;gap:8px}}