main.faf6a4fc.css.map

{"version":3,"sources":["main.css"],"names":[],"mappings":"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","file":"main.faf6a4fc.css","sourceRoot":"source","sourcesContent":[":root {\n    --task-train-block-size: 260px;\n    --task-test-block-size: 340px\n}\n\nbody {\n    text-align: center;\n    background-color: #F8F9FB;\n    padding: 20px;\n    color: #4B6EA9;\n    font-family:Verdana, Geneva, Tahoma, sans-serif;\n}\n\nh2{\n    text-transform: uppercase;\n}\n\na{\n    color: inherit;\n    text-decoration: none;\n}\n\n#logo-image {\n    height: 150px;\n    margin-bottom: 40px;\n}\n\n#circle {\n\tposition: absolute;\n\twidth: 60px; \n\theight: 60px; \n    border-radius: 50%;  \n    pointer-events: none;\n}\n\n.level-card {\n    margin: 0px 1px 14px 1px;\n    display: inline-block;\n    width: fit-content;\n    text-align: center;\n    cursor: pointer;\n    -webkit-filter: drop-shadow(1px 3px 4px #0000005d); \n    filter: drop-shadow(1px 3px 4px #0000005d);\n}\n\n.level-card:hover {\n    background-color: gainsboro;\n    border-radius: 20px 20px 10px 10px;\n}\n\n.task-icon {\n    display: block;\n    width: fit-content;\n    border: solid 5px;\n    border-radius: 20px;\n    background-color: white;\n    margin-bottom: 10px;\n}\n\n.solved {\n    background-image: linear-gradient(to bottom, rgb(255 255 255), rgb(138 229 88));\n}\n\n.levels-block {\n    display: block;\n    box-sizing: border-box;\n    width: 100%;\n    border-radius: 26px;\n    padding: 6px;\n    box-shadow: inset 0px 10px 24px 1px rgb(0 0 0 / 33%);\n}\n\n.task-train-block { \n    width: var(--task-train-block-size);\n    height: var(--task-train-block-size);\n}\n\n\n.task-test-block { \n    width: var(--task-test-block-size);\n    height: var(--task-test-block-size);\n}\n\n#pallete {\n    position: fixed;\n    z-index: 10;\n    bottom: 0;\n    background-color: white;\n    padding: 20px 40px 10px;\n    left: 50%;\n    transform: translate(-50%, 100%);\n    width: fit-content;\n    border-radius: 40px 40px 0 0;\n    box-shadow: 0px 5px 24px 1px rgb(0 0 0 / 33%);\n    transition-duration: 200ms;\n}\n\n#pallete.show {\n    transform: translate(-50%, 0);\n}\n\n.pallete_cell {\n    width: 8vw; \n    aspect-ratio: 1 / 1;\n    max-width: 80px;\n    transition-duration: 100ms;\n}\n\n.pallete_cell:before {\n\tcontent: \"\";\n\tfloat: left;\n\tpadding-top: 100%; \n}\n\n.pallete_cell.main {\n    border: thick double white;\n    margin-right: 20px;\n    box-shadow: 0px 5px 24px 1px rgb(0 0 0 / 33%);\n}\n\n.is_inline {\n    display: inline-block;\n    vertical-align: middle;\n}\n\n.block {\n    display: inline-grid;\n    vertical-align: middle;\n    row-gap: 1px;\n    column-gap: 1px;\n    /*grid-template-columns: repeat(12, 1fr);*/\n    max-width: 100%;\n    max-height: 100%;\n    /*max-width: 250px;\n    max-height: 400px;*/\n\n    position: relative;\n    top: 50%;\n    transform: translateY(-50%);\n}\n\n.cell {\n\tposition: relative;\n    aspect-ratio: 1 / 1;\n}\n\n.cell:before {\n\tcontent: \"\";\n\tfloat: left;\n\tpadding-top: 100%; \n}\n\n.is_black {\n    background-color: #000;\n}\n\n.is_blue {\n    background-color: #0074D9;\n}\n\n.is_red {\n    background-color: #FF4136;\n}\n\n.is_green {\n    background-color: #2ECC40;\n}\n\n.is_yellow {\n    background-color: #FFDC00;\n}\n\n.is_grey {\n    background-color: #AAAAAA;\n}\n\n.is_magenta {\n    background-color: #F012BE;\n}\n\n.is_orange {\n    background-color: #FF851B;\n}\n\n.is_aqua {\n    background-color: #7FDBFF;\n}\n\n.is_maroon {\n    background-color: #870C25;\n}\n\n\n.is_clickable {\n    cursor: pointer;\n    transition-duration: 100ms;\n}\n\n.is_clickable:hover {\n    /*opacity: 0.7;*/\n    /*transform: scale(0.92);*/\n    transform: scale(1.2);\n    box-shadow: 0 0 3px 2px white;\n    z-index: 5;\n}\n\n.is_dragable {\n    cursor: pointer;\n    transition-duration: 500ms;\n}\n\n.is_dragable:hover {\n    /*opacity: 0.7;*/\n    /*outline: solid red 10px;*/\n    transform: scale(1.05) rotate(1deg);\n}\n\n.is_hidden {\n    display: none;\n}\n\n\n.noselect {\n    -webkit-touch-callout: none; /* iOS Safari */\n      -webkit-user-select: none; /* Safari */\n       -khtml-user-select: none; /* Konqueror HTML */\n         -moz-user-select: none; /* Old versions of Firefox */\n          -ms-user-select: none; /* Internet Explorer/Edge */\n              user-select: none; /* Non-prefixed version, currently\n                                    supported by Chrome, Edge, Opera and Firefox */\n  }\n\n.big_button {\n    border: none;\n    border-radius: 40px;\n    width:100%; \n    height:150px;  \n    display:inline-block;\n    margin-bottom: 20px;\n    cursor: pointer;\n    max-width: 500px;\n    background-image: linear-gradient(to bottom, rgba(245, 246, 252, 0.144), rgba(117, 19, 93, 0.226));\n    transition-duration: 300ms;\n    color:white;\n    text-transform: uppercase;\n    font-size: 40pt;\n    font-family: fantasy;\n}  \n\n.big_button:hover {\n    /*opacity: 0.7;*/\n    /*outline: solid red 10px;*/\n    transform: scale(1.02);\n}\n\n/*\ntable {\n    border-spacing: 1px;\n    width: 220px;\n}\n\ntable.is_big {\n    width: 340px;\n}\n*/\n\n@keyframes emoji_anim {\n    0%   {opacity: 0; visibility: visible;}\n    20%  {opacity: 1;}\n    80%  {opacity: 1;}\n    100% {opacity: 0;}\n  }\n\n.animation {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100%;\n    background-color: rgb(200 200 200 / 50%);\n    visibility: hidden;\n    z-index: 15;\n}\n\n.animation.live {\n    animation-name: emoji_anim;\n    animation-duration: 3s;\n    animation-iteration-count: 1;\n}\n\n.animation_image {\n    position: fixed;\n    transform: translate(-50%, -50%);\n    left: 50%;\n    top: 50%;\n    /*\n    visibility: hidden;\n\n    animation-name: emoji_anim;\n    animation-duration: 3s;\n    animation-iteration-count: 1;\n    */\n}\n\n.arrow_img {\n    vertical-align: middle; \n    width: 30px\n}\n\n.train_example{\n    display:inline-block; \n    /*margin: 40px 30px 40px 30px;*/\n}\n\n#train_container {\n    background-color: bisque;\n    display: flex;\n    flex-direction: row;\n    flex-flow: row wrap;\n    justify-content: space-around;\n    row-gap: 40px;\n    column-gap: 10px;\n    padding: 20px;\n}\n\n.github_text {\n    text-decoration: underline;\n    font-size: 18pt;\n    margin-left: 14px;\n}"]}