.start{background:rgb(241,192,192);z-index:2}.start .logo{background:rgb(248,231,231);text-align:center;padding:1rem;border-radius:10px}.start .instructions:before{background:rgb(245,128,143);color:azure;display:inline-block;content:"!";width:1rem;height:1rem;font-size:1rem;border-radius:50%;text-align:center;margin-right:.5rem}.error{background:rgb(253,137,137);z-index:1}.error img{width:200px;height:200px;filter:invert(89%) sepia(27%) saturate(3136%) hue-rotate(230deg) brightness(99%) contrast(105%)}.error .content{padding:1rem;border-radius:10px;text-align:center}.error .message{background:rgb(255,248,123);border-radius:5px;padding:1rem;border:none}.loading{background:rgb(250,250,195);z-index:1;text-align:center}.loading .loading-icon{background:#000;border-radius:50%}.navbar{background:rgb(191,238,163);padding:10px;display:flex;justify-content:space-between;align-items:center}.navbar .info{display:flex;gap:1.5rem}@media screen and (max-width: 900px){.navbar .info{gap:1rem}}.board{padding:2rem;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.image{--width: 300px;--height: 350px;width:var(--width);height:var(--height);position:relative;display:grid;place-items:center;border-radius:10px;transition:transform .33s,box-shadow .33s}.background{background-size:cover;background-position:center;filter:blur(3px);position:absolute;width:100%;height:100%}.image img{max-width:var(--width);max-height:var(--height);position:relative;border-radius:5px}.image:active{transform:scale(.95)}.image .expand{background-color:#f0e2e2d9;background-image:url(/Memory-Game/assets/expand.710aad72.svg);background-size:cover;width:1.5rem;height:1.5rem;border:none;cursor:pointer;border-radius:3px;position:absolute;bottom:1rem;right:1rem}.board .display{background:rgb(4,4,50,.15);z-index:1}.board .display img{max-width:100vw;max-height:100vh}.board .display .close{background:rgba(244,245,249,.5);background-image:url(/Memory-Game/assets/close.339ae282.svg);background-size:cover;cursor:pointer;position:absolute;top:2rem;right:2rem;width:2rem;height:2rem;border-radius:50%;border:none}@media screen and (hover: hover){.image:hover{box-shadow:0 0 10px 1px #eb949b;transform:scale(1.025)}}@media screen and (max-width: 900px){.image{--width: 150px;--height: 150px}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:nanum;src:url(/Memory-Game/assets/NanumBrushScript-Regular.4c3ef40c.ttf)}body{background:rgb(221,239,250);min-height:100vh}.nanum{font-family:nanum}.fs-medium{font-size:1.5rem}.fs-above-medium{font-size:2rem}.fs-big{font-size:3rem}.fs-large{font-size:4rem}.mb-20{margin-bottom:20px}.mb-50{margin-bottom:50px}.hidden{top:-100%}.shown{top:0}.maxxed{position:fixed;left:0;width:100vw;height:100vh;display:grid;place-items:center;transition:top .33s}.public{background:rgb(239,153,153);color:azure;width:100%;padding:.5rem;border:none;border-radius:5px;transition:background-color .33s,color .33s}@media screen and (hover: hover){.public:hover{background:azure;color:#ef9999}}.App{min-height:100vh}@media screen and (max-width: 900px){.fs-medium{font-size:1.15rem}.fs-above-medium{font-size:1.5rem}.fs-large{font-size:3rem}.hidden{top:-150%}}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}html:focus-within{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}