#root{width:100%;height:100vh;margin:0 auto;padding:10px 15%}.header{color:#000}.header h1{margin-top:20px;font-size:30px}.for-task{position:relative;color:#000;border:1px solid #aaa;margin:20px 0;padding:5px 20px 20px}.for-task h3{font-size:14px}.container{position:relative;margin-top:40px;width:100%;aspect-ratio:3/2;border:3px solid #000;background-image:url(/assets/cart2-CGtZG1e2.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:30px;box-shadow:0 0 15px 10px #0000004d;overflow:hidden;z-index:0}.container:before{content:"";position:absolute;width:100%;height:100%;background-color:#0006;z-index:-1}.info-star{width:100%;padding:50px;font-size:20px;color:#fff}.btn-box{margin-top:30px;display:flex;justify-content:start;gap:20px}.btn-box a.active{box-shadow:0 0 5px 5px #0006}.btn-box_links{top:10px;right:30px;width:100%;position:absolute;display:flex;justify-content:flex-end;gap:20px}.btn-box a,.btn-back{border:1px solid #000;padding:5px 10px}.btn-back{cursor:pointer}.open-task{width:100%;margin-top:30px;border:1px solid #aaa;background-color:#eee;text-align:center;padding:10px;color:#000;cursor:pointer}.open-task:hover{background-color:#ddd}.shema{position:absolute;width:30px;height:30px;border:2px dotted lawngreen;border-radius:50%;background-color:#0006}.stars-box{color:#fff;font-size:50px;width:100%;height:100%;border-radius:10%;overflow:hidden;padding:30px}.star{font-size:16px;position:absolute;width:25px;height:25px;border-radius:50%;cursor:pointer;animation:shadow var(--timing) linear}.star:after{content:"";position:absolute;width:100%;height:100%;left:-1px;top:-1px;border:1px dashed white;border-radius:50%;animation:round 9s 1s linear}.star:before{content:"";position:absolute;width:100%;height:100%;left:-1px;top:-1px;border:1px dashed white;border-radius:50%;animation:round2 7s 3s linear}.stars-1{background-color:#0ff}.stars-2{background-color:orchid}.stars-3{background-color:#7cfc00}@keyframes shadow{0%{opacity:0}5%{opacity:1}60%{opacity:1}to{opacity:0}}@keyframes round{0%{width:100%;height:100%;left:-1px;top:-1px;opacity:0}5%{opacity:1}60%{opacity:1}to{width:300%;height:300%;left:-100%;top:-100%;opacity:0}}@keyframes round2{0%{width:100%;height:100%;left:-1px;top:-1px;opacity:1}5%{opacity:1}60%{opacity:1}to{width:200%;height:200%;left:-50%;top:-50%;opacity:0}}.main{color:#000;width:100%;margin-top:30px;margin-bottom:50px}.br{margin:20px 0;width:100%;border-bottom:1px solid #aaa}.btn-list{display:flex}.btn-item{width:50%;border:1px solid #ddd;text-align:center;padding:10px;cursor:pointer;background-color:#ddd}.btn-item.active{border:1px solid #aaa;background-color:#eee}.btn-item:hover{background-color:#eee}.content{border:1px solid #aaa;padding:10px}.content ul{text-transform:uppercase}.content li{margin-left:20px;text-transform:none}.three,.cube-box{height:100%}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;--timing: 10s;color-scheme:light;color:#ffffffde;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:500;color:#000;text-decoration:none}a:hover{color:#1a1a1a}a:visited{color:#000}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}@media screen and (max-width: 600px){#root{padding:10px 10%}.header h1{font-size:20px}.btn-box a,.content{font-size:14px}.info-star{font-size:14px;padding:26px}.btn-box{flex-direction:column;gap:5px}}