#root{display:flex;flex-direction:column;height:100%}.title-container{display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:red;height:auto;height:150px}.title-container>.title-text{font-size:42px;font-weight:700;text-align:center}.title-container>.game-rules{font-size:24px;text-align:center}@media screen and (max-width: 600px){.title-container>.title-text{font-size:24px}.title-container>.game-rules{font-size:20px}}.score-container{display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:36px}.score-container>#correct-icon,.score-container>.score,.score-container>#incorrect-icon,.score-container>.win-message{width:150px;padding:10px 20px;margin:5px;text-align:center}.score-container .correct-icon{color:#0b660b}.score-container .incorrect-icon{color:red}.score-container .win-message{text-align:center}.score-container .hidden{display:none}.card{display:flex;flex-direction:column;align-items:center;justify-content:center;width:300px;height:auto;border:4px solid black;border-radius:15px;overflow:hidden;padding:5px;margin:15px}.card>.food-name{font-size:1.4rem;font-weight:700;padding:10px;text-align:center}.card>img{width:100%;height:100%;border-radius:15px;object-fit:cover}.card:hover{transition:transform .3s ease;transform:scale(1.1)}.card{transition:transform .2s ease-in-out;transform:scale(1)}@media screen and (max-width: 600px){.card{width:100px;margin:5px}.card>.food-name{font-size:1r.2em}}.cards-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;margin:10px 50px}@media screen and (max-width: 600px){.cards-container{margin:5px}}.game-container{background-color:#b6b3b3;background-size:cover;flex:0 1 auto;min-height:100vh}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}*{margin:0;padding:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}