.quiz-soc{box-sizing:border-box;font-family:Arial,sans-serif;padding:20px;text-align:center}.quiz-soc-logo{display:block;height:auto;margin:10px auto;max-width:500px;width:100%}h2{font-size:24px;font-weight:700;margin-top:40px}table{background-color:#000;border-collapse:collapse;border-radius:10px;color:#fff;margin:0 auto;max-width:800px;overflow:hidden;width:100%}td,th{border:1px solid #444;padding:12px}th{background-color:#333;font-weight:700}tr:nth-child(2n){background-color:#222}tr:hover{background-color:#444}tr:first-child,tr:nth-child(2),tr:nth-child(3){background-color:#4caf50;color:#fff}tr:first-child:hover,tr:nth-child(2):hover,tr:nth-child(3):hover{background-color:#45a049}@media (max-width:768px){.quiz-soc-logo,table{width:90%}td,th{padding:10px}.h5,h2{font-size:20px}}@media (max-width:480px){.quiz-soc-logo,table{width:100%}td,th{font-size:14px;padding:8px}.h5,h2{font-size:18px;margin-top:20px}.quiz-soc{padding:10px}.h5,h2,td,th{word-wrap:break-word}}.App{box-sizing:border-box;color:#fff;margin:0;min-height:100vh;overflow-x:hidden;padding:20px;position:relative;text-align:center}.App:before{background-image:url(/static/media/background.57baad231e249bf9f643.png);background-position:50%;background-repeat:no-repeat;background-size:cover;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;z-index:-1}.lsdlogo{display:block;height:auto;margin:10px auto 0;max-width:100%;position:relative;width:150px;z-index:1}.logo{width:680px}.date,.logo{display:block;height:auto;margin:0 auto;max-width:100%;position:relative;z-index:1}.date{width:150px}.nav-menu{align-items:center;display:flex;flex-wrap:wrap;font-size:35px;gap:18px;justify-content:center;margin-bottom:20px;margin-top:25px}.nav-menu a{border-radius:10px;color:#fff;font-size:26px;font-weight:700;padding:5px 10px;text-decoration:none;white-space:nowrap}.nav-menu a:hover{color:#ee8be0}.separator{color:#333}.h1,.separator{font-weight:700}.h1{font-size:24px;margin-top:40px}.text-box{background-color:#f7fcfb;border:2px solid #000;border-radius:10px;box-shadow:0 4px 8px #0000001a;color:#000;font-size:18px;margin:20px auto;max-width:710px;opacity:75%;padding:15px;width:90%}.h2,.text-box{font-weight:700}.h2{font-size:24px;margin-top:40px}.image-grid{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.image-container{margin-bottom:20px;text-align:center}.image-wrapper{border:0 solid #000;border-radius:10px;display:inline-block;overflow:hidden;position:relative}.image-wrapper img{border-radius:1px;height:auto;padding:5px;transition:opacity .3s ease;width:150px}.hover-text{align-items:center;background-color:#000;border-radius:5px;box-sizing:border-box;color:#fff;display:flex;flex-direction:column;font-size:1.2rem;font-weight:700;height:100%;justify-content:center;left:0;opacity:0;padding:10px;position:absolute;text-align:center;top:0;transition:opacity .3s ease;width:100%}@media (max-width:768px){.hover-text{font-size:.9rem;padding:8px}}@media (max-width:480px){.hover-text{font-size:.7rem;padding:5px}}.container:active .hover-text,.container:hover .hover-text{opacity:1}.image-wrapper:hover .image{opacity:0}.image-wrapper:hover .hover-text{opacity:1}.h3{font-size:24px;font-weight:700;margin-top:40px}.leaderboard{background-color:#000;border-radius:10px;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:500px;overflow:hidden;width:100%}.top-three{background-color:#111010;color:#fff;padding:20px}.top-rank{align-items:center;background-color:#ffffff1a;border-radius:10px;display:flex;justify-content:space-between;margin-bottom:10px;padding:15px;transition:transform .2s ease,box-shadow .2s ease}.top-rank:hover{box-shadow:0 4px 8px #0003;cursor:pointer;transform:scale(1.05)}.rank-1{background-color:gold}.rank-2{background-color:silver}.rank-3{background-color:#cd7f32}.rank{font-size:20px;font-weight:700;text-align:center;width:30px}.name{flex-grow:1;margin:0 10px}.name,.score{font-size:18px;font-weight:700}.score{text-align:right;width:60px}.scrollable-ranks{max-height:0;overflow-y:auto;transition:max-height .5s ease-out}.leaderboard:hover .scrollable-ranks{max-height:200px}.rank-item{align-items:center;border-bottom:1px solid #ddd;display:flex;justify-content:space-between;padding:10px;transition:background-color .2s ease}.rank-item:hover{background-color:#3a3535;cursor:pointer}.rank-item:last-child{border-bottom:none}.h4,.h5{font-size:24px;font-weight:700;margin-top:40px}@media (max-width:768px){.lsdlogo{width:120px}.logo{width:80%}.date{width:120px}.nav-menu{font-size:28px;gap:10px}.nav-menu a{font-size:20px}.text-box{font-size:16px;width:90%}.leaderboard{width:90%}.image-wrapper img{width:120px}}@media (max-width:480px){.lsdlogo{width:100px}.logo{width:90%}.date{width:100px}.nav-menu{font-size:24px;gap:5px}.nav-menu a{font-size:16px}.text-box{font-size:10px;width:85%}.image-wrapper img{width:100px}.h1,.h2,.h3,.h4,.h5{font-size:20px;margin-top:20px}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.860a38bd.css.map*/