.card{margin:10px;padding:30px;width:var(--content-width);max-width:var(--content-max-width);font:var(--body-medium);text-align:center;color:var(--quinary-color);background-color:#e9807480;transition:transform .25s,background-color .4s,box-shadow .4s;animation:fadeIn 1.5s forwards linear}.card:hover{cursor:pointer;transform:translateY(-5%);background-color:var(--secondary-color);box-shadow:#00000040 0 25px 50px -12px}.inputContainer{position:relative;width:100%;height:100%}.input,.inputBackdrop{width:100%;height:100%;font:var(--body-large);border-style:none;animation:fadeIn 1.5s forwards linear;resize:none}.input{outline:none;z-index:2;position:absolute;color:var(--primary-color);background-color:#0000}.input:focus{outline:none}.inputBackdrop{color:#8e8d8a;background-color:var(--quaternary-color);pointer-events:none}@media screen and (min-width: 769px){.input,.inputBackdrop{font:var(--body-xxl)}}.timer{z-index:2;position:fixed;display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;opacity:.5;font:var(--header-xxl);color:#000;text-align:center;pointer-events:none}@media screen and (min-width: 2160px){.timer{padding-top:10%;align-items:flex-start}}.button{margin:10px;padding:18px;font:var(--header-xs);color:var(--quinary-color);background-color:var(--secondary-color);border-radius:18px;border-style:solid;border-color:var(--quinary-color)}.button:hover{cursor:pointer;filter:brightness(1.1)}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}@font-face{font-family:header;src:url(/assets/SourceCodePro-Bold-839f42df.ttf)}@font-face{font-family:body;src:url(/assets/SourceCodePro-Regular-6e5dd049.ttf)}@font-face{font-family:accent;src:url(/assets/SourceCodePro-Light-4a8b8632.ttf)}:root{--header-xxl: 4rem header;--header-xl: 2.8rem header;--header-large: 2.25rem header;--header-medium: 1.85rem header;--header-small: 1.5rem header;--header-xs: 1.2rem header;--body-xxl: 1.8rem body;--body-xl: 1.5rem body;--body-large: 1.23rem body;--body-medium: 1rem body;--body-small: .9rem body;--accent-medium: 1rem accent;--accent-small: .8rem accent;--content-width: 90%;--content-max-width: 2160px;--primary-color: #e85a4f;--secondary-color: #e98074;--tertiary-color: #8e8d8a;--quaternary-color: #d8c3a5;--quinary-color: #eae7dc}html,body,#root,.app{margin:0;padding:0;height:100%;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;background-color:var(--secondary-color)}.backdrop{z-index:3;position:fixed;top:0;left:0;height:100vh;width:100vw;background-color:#00000094}.header{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.appTitle{width:min-content;font:var(--header-large);color:var(--quinary-color);margin:5px 0;padding:0;text-shadow:1px 2px 0px rgba(0,0,0,.096);transform:skewY(-5deg);animation:fadeIn 1.5s forwards linear}.gameStatus{font:var(--header-small);color:#000;text-shadow:1px 2px 0px rgba(0,0,0,.116)}.panel{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-shrink:0;height:250px;width:var(--content-width);max-width:var(--content-max-width)}.panel .description{display:none}.panel .description.waiting-on-user-to-choose-quote{z-index:3;position:absolute;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;height:100%;width:100%;box-sizing:border-box;padding:20px 50px 50px;font:var(--body-small);color:#eae7dc;overflow-y:auto}.groupHeader{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:0;padding:10px;font:var(--header-small)}.buttonGroup{display:flex;flex-direction:column;text-align:center;animation:fadeIn 1.5s forwards linear}.cardGroup{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:center;align-items:center;width:var(--content-width);max-width:var(--content-max-width);animation:fadeIn 1.5s forwards linear}.waiting-on-user-to-choose-quote{z-index:3}.waiting-on-user-to-choose-quote>.groupHeader{color:#eae7dc}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media screen and (min-width: 769px){.appTitle{font:2.2rem header}.panel{height:400px}.panel .description.waiting-on-user-to-choose-quote{justify-content:center;font-size:1.2rem;padding:50px}.groupHeader,.buttonGroup{flex-direction:row}}