@font-face{font-family:pixelfont;src:url(/assets/prstartk-3gMVhe6S.ttf);font-display:auto}.App{font-family:pixelfont;display:grid;gap:clamp(16px,4vw,80px);padding:clamp(16px,5vw,80px);box-sizing:border-box;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));width:min(1100px,100%);margin:0 auto;justify-content:center;justify-items:center;place-items:center}.homeButton{position:fixed;top:clamp(10px,2vw,20px);left:clamp(10px,2vw,20px);z-index:10}.homeButton:hover{transform:scale(1.05)}.homeButton:active{transform:scale(.95)}@media(min-width:900px){.App{grid-template-columns:repeat(4,1fr)}}@media(max-width:899px){.App{grid-template-columns:repeat(2,1fr)}}@media(max-width:500px){.App{grid-template-columns:repeat(1,1fr)}}.contentWindow{border:2px solid black;border-radius:10px;padding:clamp(16px,3vw,30px);width:min(900px,calc(100% - 32px));max-height:calc(100vh - 32px);background-color:#fff;display:flex;flex-direction:column;gap:clamp(12px,2vw,20px);align-items:center;text-align:center;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);overflow:auto}.contentTitle{font-family:pixelfont;font-size:clamp(18px,2.5vw,32px);font-weight:700}.contentImage{margin-top:auto;max-width:100%;height:auto;border:2px solid black;border-radius:5px}.contentText{line-height:1.4;font-family:pixelfont;font-size:clamp(14px,1.6vw,18px)}.contentBackButton{margin-top:auto;font-family:pixelfont;font-size:clamp(14px,1.4vw,18px);padding:8px 20px;border:2px solid black;background-color:#fff;cursor:pointer;transition:.3s}.contentBackButton:hover{background-color:#d3d3d3}.tile{border:2px solid black;background-color:#fff;padding:clamp(10px,2vw,16px);margin:0;text-align:center;width:clamp(220px,26vw,320px);aspect-ratio:1 / 1;border-radius:8px;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(8px,1.5vw,12px);align-items:center;transition:transform .2s ease,background-color .2s ease}.image{max-width:100%;max-height:100%;object-fit:contain;flex-shrink:1}.title{padding-top:0;font-family:pixelfont;font-size:clamp(14px,1.6vw,20px);font-weight:700}.description{font-family:pixelfont;font-size:clamp(12px,1.2vw,16px)}button{font-family:pixelfont;font-size:clamp(12px,1.2vw,16px);padding:clamp(6px,1vw,10px) clamp(10px,1.5vw,14px);border:2px solid black;background-color:#fff;cursor:pointer;transition:.3s}button:hover{background-color:#d3d3d3}.tile:hover{transform:scale(1.05);transition:transform 1s;background-color:#ffebcd}body{background:linear-gradient(120deg,#e6c1d1,#ff7ce3);background-size:200% 200%;animation:gradientMove 8s ease infinite;height:100vh;margin:0}@keyframes gradientMove{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@font-face{font-family:pixelfont;src:url(/assets/prstartk-3gMVhe6S.ttf)}.login-screen{padding:20px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.login-title{font-family:pixelfont;font-size:2vw;margin-bottom:20px;border:black 2px solid;background-color:#fff;padding:10px;border-radius:5px;display:inline-block}.login-button{background-color:#4caf50;color:#fff;padding:10px 20px;border:none;border-radius:5px;cursor:pointer}.login-button:hover{background-color:#45a049}