1 line
20 KiB
CSS
1 line
20 KiB
CSS
@font-face{font-family:TextMeOne;src:url(/fonts/TextMeOne-Regular.ttf) format("truetype")}.firework{position:absolute;width:5px;height:5px;opacity:1}@keyframes launchFirework{to{opacity:0}}@keyframes launchFirework1{to{transform:translate(22px,-15px)}}.firework1{animation:launchFirework 1002ms linear forwards,launchFirework1 930ms linear forwards}@keyframes launchFirework2{to{transform:translate(-35px,40px)}}.firework2{animation:launchFirework 1355ms linear forwards,launchFirework2 1.43s linear forwards}@keyframes launchFirework3{to{transform:translate(25px,66px)}}.firework3{animation:launchFirework 617ms linear forwards,launchFirework3 778ms linear forwards}@keyframes launchFirework4{to{transform:translate(90px,11px)}}.firework4{animation:launchFirework 866ms linear forwards,launchFirework4 643ms linear forwards}@keyframes launchFirework5{to{transform:translate(-48px,-62px)}}.firework5{animation:launchFirework 534ms linear forwards,launchFirework5 1034ms linear forwards}@keyframes launchFirework6{to{transform:translate(38px,17px)}}.firework6{animation:launchFirework 729ms linear forwards,launchFirework6 1397ms linear forwards}@keyframes launchFirework7{to{transform:translate(-13px,-92px)}}.firework7{animation:launchFirework 1467ms linear forwards,launchFirework7 951ms linear forwards}@keyframes launchFirework8{to{transform:translate(-3px,-41px)}}.firework8{animation:launchFirework 1.37s linear forwards,launchFirework8 899ms linear forwards}@keyframes launchFirework9{to{transform:translate(46px,-82px)}}.firework9{animation:launchFirework 1328ms linear forwards,launchFirework9 814ms linear forwards}@keyframes launchFirework10{to{transform:translate(-7px,-71px)}}.firework10{animation:launchFirework 1073ms linear forwards,launchFirework10 1.18s linear forwards}@keyframes launchFirework11{to{transform:translate(-15px,44px)}}.firework11{animation:launchFirework 634ms linear forwards,launchFirework11 509ms linear forwards}@keyframes launchFirework12{to{transform:translate(64px,48px)}}.firework12{animation:launchFirework 716ms linear forwards,launchFirework12 1153ms linear forwards}@keyframes launchFirework13{to{transform:translate(15px,88px)}}.firework13{animation:launchFirework 1343ms linear forwards,launchFirework13 703ms linear forwards}@keyframes launchFirework14{to{transform:translate(43px,-26px)}}.firework14{animation:launchFirework 513ms linear forwards,launchFirework14 665ms linear forwards}@keyframes launchFirework15{to{transform:translate(42px,15px)}}.firework15{animation:launchFirework 1496ms linear forwards,launchFirework15 852ms linear forwards}@keyframes launchFirework16{to{transform:translate(23px,-9px)}}.firework16{animation:launchFirework 1232ms linear forwards,launchFirework16 680ms linear forwards}@keyframes launchFirework17{to{transform:translate(77px,72px)}}.firework17{animation:launchFirework 869ms linear forwards,launchFirework17 610ms linear forwards}@keyframes launchFirework18{to{transform:translate(-62px,63px)}}.firework18{animation:launchFirework 986ms linear forwards,launchFirework18 690ms linear forwards}@keyframes launchFirework19{to{transform:translate(23px,37px)}}.firework19{animation:launchFirework 952ms linear forwards,launchFirework19 1406ms linear forwards}@keyframes launchFirework20{to{transform:translate(-42px,-85px)}}.firework20{animation:launchFirework 1173ms linear forwards,launchFirework20 1411ms linear forwards}@keyframes launchFirework21{to{transform:translate(-15px,61px)}}.firework21{animation:launchFirework 1376ms linear forwards,launchFirework21 696ms linear forwards}@keyframes launchFirework22{to{transform:translate(-7px,92px)}}.firework22{animation:launchFirework 652ms linear forwards,launchFirework22 832ms linear forwards}@keyframes launchFirework23{to{transform:translate(-45px,-14px)}}.firework23{animation:launchFirework 1207ms linear forwards,launchFirework23 1323ms linear forwards}@keyframes launchFirework24{to{transform:translate(70px,-63px)}}.firework24{animation:launchFirework 1021ms linear forwards,launchFirework24 590ms linear forwards}@keyframes launchFirework25{to{transform:translate(-29px,43px)}}.firework25{animation:launchFirework 821ms linear forwards,launchFirework25 590ms linear forwards}@keyframes launchFirework26{to{transform:translate(-79px,-44px)}}.firework26{animation:launchFirework 873ms linear forwards,launchFirework26 1252ms linear forwards}@keyframes launchFirework27{to{transform:translate(48px,-62px)}}.firework27{animation:launchFirework 824ms linear forwards,launchFirework27 932ms linear forwards}@keyframes launchFirework28{to{transform:translate(-40px,-17px)}}.firework28{animation:launchFirework 932ms linear forwards,launchFirework28 651ms linear forwards}@keyframes launchFirework29{to{transform:translate(61px,83px)}}.firework29{animation:launchFirework 572ms linear forwards,launchFirework29 778ms linear forwards}@keyframes launchFirework30{to{transform:translate(-11px,65px)}}.firework30{animation:launchFirework 1442ms linear forwards,launchFirework30 546ms linear forwards}@keyframes launchFirework31{to{transform:translate(7px,-45px)}}.firework31{animation:launchFirework 1291ms linear forwards,launchFirework31 1338ms linear forwards}@keyframes launchFirework32{to{transform:translate(31px,17px)}}.firework32{animation:launchFirework 591ms linear forwards,launchFirework32 599ms linear forwards}@keyframes launchFirework33{to{transform:translate(-89px,22px)}}.firework33{animation:launchFirework 1022ms linear forwards,launchFirework33 791ms linear forwards}@keyframes launchFirework34{to{transform:translate(18px,-79px)}}.firework34{animation:launchFirework 1225ms linear forwards,launchFirework34 623ms linear forwards}@keyframes launchFirework35{to{transform:translate(32px,-18px)}}.firework35{animation:launchFirework 653ms linear forwards,launchFirework35 1114ms linear forwards}@keyframes launchFirework36{to{transform:translate(82px,65px)}}.firework36{animation:launchFirework 1423ms linear forwards,launchFirework36 628ms linear forwards}@keyframes launchFirework37{to{transform:translate(84px,-80px)}}.firework37{animation:launchFirework 1106ms linear forwards,launchFirework37 750ms linear forwards}@keyframes launchFirework38{to{transform:translate(-77px,-34px)}}.firework38{animation:launchFirework 1459ms linear forwards,launchFirework38 919ms linear forwards}@keyframes launchFirework39{to{transform:translate(0,-93px)}}.firework39{animation:launchFirework 1026ms linear forwards,launchFirework39 912ms linear forwards}@keyframes launchFirework40{to{transform:translate(-25px,94px)}}.firework40{animation:launchFirework 1068ms linear forwards,launchFirework40 1.35s linear forwards}@keyframes launchFirework41{to{transform:translate(85px,-23px)}}.firework41{animation:launchFirework 934ms linear forwards,launchFirework41 998ms linear forwards}@keyframes launchFirework42{to{transform:translate(-11px,-16px)}}.firework42{animation:launchFirework 558ms linear forwards,launchFirework42 658ms linear forwards}@keyframes launchFirework43{to{transform:translate(18px,-50px)}}.firework43{animation:launchFirework 768ms linear forwards,launchFirework43 694ms linear forwards}@keyframes launchFirework44{to{transform:translate(30px,89px)}}.firework44{animation:launchFirework 993ms linear forwards,launchFirework44 859ms linear forwards}@keyframes launchFirework45{to{transform:translate(-99px,65px)}}.firework45{animation:launchFirework 1.13s linear forwards,launchFirework45 1044ms linear forwards}@keyframes launchFirework46{to{transform:translate(-60px,-69px)}}.firework46{animation:launchFirework 1164ms linear forwards,launchFirework46 1437ms linear forwards}@keyframes launchFirework47{to{transform:translate(56px,71px)}}.firework47{animation:launchFirework 524ms linear forwards,launchFirework47 998ms linear forwards}@keyframes launchFirework48{to{transform:translate(96px,38px)}}.firework48{animation:launchFirework 752ms linear forwards,launchFirework48 753ms linear forwards}@keyframes launchFirework49{to{transform:translate(-30px,-15px)}}.firework49{animation:launchFirework 665ms linear forwards,launchFirework49 1.02s linear forwards}@keyframes launchFirework50{to{transform:translate(13px,12px)}}.firework50{animation:launchFirework 844ms linear forwards,launchFirework50 812ms linear forwards}#won{bottom:2rem;height:80px}#memory{display:flex;flex-wrap:wrap;justify-content:center}#memory>.memory-flip-card{font-size:8px;width:230px;height:230px;margin:.3rem;background-color:transparent;perspective:1000px;opacity:1;-webkit-transition:opacity 2s ease-in-out;-moz-transition:opacity 2s ease-in-out;transition:opacity 2s ease-in-out}#memory>.memory-flip-card>.inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .8s;transform-style:preserve-3d}#memory>.memory-flip-card>.inner>.front{cursor:pointer;background-color:#333;background-repeat:no-repeat;background-size:contain;background-position:center}#memory>.memory-flip-card>.inner>.front.style-one{background-image:url(../media/frog512x512.png)}#memory>.memory-flip-card>.inner>.front.style-two{background-image:url(../media/altogether-logo.png)}#memory>.memory-flip-card>.inner>.front.style-two.bg-black,#memory>.memory-flip-card>.inner>.front.style-two.bg-blue{background-image:url(../media/altogether-logo-inverted.png)}#memory>.memory-flip-card>.inner>.back{font-size:8px;transform:rotateY(180deg);background-repeat:no-repeat;background-size:cover;background-position:center}#memory>.memory-flip-card>.inner>.back,#memory>.memory-flip-card>.inner>.front{-webkit-user-select:none;-ms-user-select:none;user-select:none;position:absolute;width:100%;height:100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-shadow:rgba(99,99,99,.2) 0 2px 8px 0}#memory>.memory-flip-card.found{opacity:.7}#memory>.memory-flip-card.found>.inner>.back{border:solid 1px #bcce43}#memory>.memory-flip-card.active>.inner,#memory>.memory-flip-card.found>.inner{transform:rotateY(180deg)}@media (min-width:750px){#memory>.card{font-size:20px}#memory>.card>.inner>.back{font-size:20px}}.rounded-top{border-radius:.5rem .5rem 0 0}.btn,button{border:none;cursor:pointer;height:1.2rem;font-family:TextMeOne,sans-serif;font-weight:700;font-size:.8rem;padding:.1rem .5rem}.btn,select{cursor:pointer}body{--text-color:#fff;--bkg-color:#333}body .bg{--text-color:#fff;--bkg-color:#333}body .dark-mode-only{display:block}body .light-mode-only{display:none}body .btn,body button{color:#333;background:rgba(255,255,255,.6);border-color:#333}body.dark-theme{--text-color:#333;--bkg-color:#fff}body.dark-theme .btn,body.dark-theme button{color:#fff;background:rgba(51,51,51,.6);border-color:#fff}body.dark-theme .dark-mode-only{display:none}body.dark-theme .light-mode-only{display:block}body.dark-theme .bg{--text-color:#333;--bkg-color:#fff}@media (prefers-color-scheme:dark){body{--text-color:#333;--bkg-color:#fff}body .bg{--text-color:#333;--bkg-color:#fff}body .dark-mode-only{display:none}body .light-mode-only{display:block}body .btn,body button{color:#fff;background:rgba(51,51,51,.6);border-color:#fff}body.light-theme{--text-color:#fff;--bkg-color:#333}body.light-theme .btn,body.light-theme button{color:#333;background:rgba(255,255,255,.6);border-color:#333}body.light-theme .dark-mode-only{display:block}body.light-theme .light-mode-only{display:none}body.light-theme .bg{--text-color:#fff;--bkg-color:#333}}.loader{width:100%;height:4.8px;display:inline-block;position:relative;overflow:hidden}.loader::after{content:"";width:96px;height:4.8px;background:#f09130;position:absolute;top:0;left:0;box-sizing:border-box;animation:hitZak .3s ease-in-out infinite alternate}@keyframes hitZak{0%{left:0;transform:translateX(-1%)}100%{left:100%;transform:translateX(-99%)}}#main{margin-bottom:5rem}body,html{background:var(--bkg-color);color:var(--text-color);overflow-x:hidden;height:100%;font-family:TextMeOne,sans-serif;font-size:1rem}body>div,html>div{border-top:solid 1px;border-bottom:solid 1px;border-color:#f09130;left:0;right:0;margin:auto;text-align:center}body a,html a{color:#f09130;text-decoration:none;font-weight:700}body .bg,html .bg{background:var(--bkg-color);color:var(--text-color)}html{font-size:14px}@media (min-width:480px){html{font-size:20px}}.main-btn{margin-top:1rem;font-size:1.2rem;height:1.8rem}.w-100{width:100%}.h-0{height:0}.container,figure,img,video{left:0;right:0;width:100%;height:auto;margin-left:auto;margin-right:auto}.container{max-width:890px}input,select{border:2px solid #f09130;color:#333;box-shadow:inset 0 0 8px rgba(0,0,0,.1),0 0 16px rgba(0,0,0,.1);padding:5px;background:rgba(255,255,255,.8);margin:0 0 5px 0}.user-select-none{-webkit-user-select:none;-ms-user-select:none;user-select:none}.text-wrap{text-wrap:wrap;overflow-wrap:break-word}.to-top{top:-1.3rem}.left{left:0}.right{right:0}.top{top:0}.bottom{bottom:0}.overflow-hidden{overflow:hidden}.success{background-color:#bcce43!important;color:#333}.flex-wrap{flex-wrap:wrap}.flex-row{flex-direction:row}.h1,h1{font-size:2.375rem}.h2,h2{font-size:2.1rem}.h3,h3{font-size:1.825rem}.h4,h4{font-size:1.55rem}.h5,h5{font-size:1.275rem}.h6,h6{font-size:1rem}fieldset{display:flex;align-items:center}fieldset input{margin:0;cursor:pointer}fieldset label{cursor:pointer;padding-left:2rem;width:100%;display:box}.m-0{margin:0}.mb-0{margin-bottom:0}.mt-0{margin-top:0}.me-0{margin-right:0}.ms-0{margin-left:0}.p-0{padding:0}.pb-0{padding-bottom:0}.pt-0{padding-top:0}.pe-0{padding-right:0}.ps-0{padding-left:0}.m-1{margin:.25rem}.mb-1{margin-bottom:.25rem}.mt-1{margin-top:.25rem}.me-1{margin-right:.25rem}.ms-1{margin-left:.25rem}.p-1{padding:.25rem}.pb-1{padding-bottom:.25rem}.pt-1{padding-top:.25rem}.pe-1{padding-right:.25rem}.ps-1{padding-left:.25rem}.m-2{margin:.5rem}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}.me-2{margin-right:.5rem}.ms-2{margin-left:.5rem}.p-2{padding:.5rem}.pb-2{padding-bottom:.5rem}.pt-2{padding-top:.5rem}.pe-2{padding-right:.5rem}.ps-2{padding-left:.5rem}.m-3{margin:.75rem}.mb-3{margin-bottom:.75rem}.mt-3{margin-top:.75rem}.me-3{margin-right:.75rem}.ms-3{margin-left:.75rem}.p-3{padding:.75rem}.pb-3{padding-bottom:.75rem}.pt-3{padding-top:.75rem}.pe-3{padding-right:.75rem}.ps-3{padding-left:.75rem}.m-4{margin:1rem}.mb-4{margin-bottom:1rem}.mt-4{margin-top:1rem}.me-4{margin-right:1rem}.ms-4{margin-left:1rem}.p-4{padding:1rem}.pb-4{padding-bottom:1rem}.pt-4{padding-top:1rem}.pe-4{padding-right:1rem}.ps-4{padding-left:1rem}.m-5{margin:1.25rem}.mb-5{margin-bottom:1.25rem}.mt-5{margin-top:1.25rem}.me-5{margin-right:1.25rem}.ms-5{margin-left:1.25rem}.p-5{padding:1.25rem}.pb-5{padding-bottom:1.25rem}.pt-5{padding-top:1.25rem}.pe-5{padding-right:1.25rem}.ps-5{padding-left:1.25rem}.m-6{margin:1.5rem}.mb-6{margin-bottom:1.5rem}.mt-6{margin-top:1.5rem}.me-6{margin-right:1.5rem}.ms-6{margin-left:1.5rem}.p-6{padding:1.5rem}.pb-6{padding-bottom:1.5rem}.pt-6{padding-top:1.5rem}.pe-6{padding-right:1.5rem}.ps-6{padding-left:1.5rem}.m-7{margin:1.75rem}.mb-7{margin-bottom:1.75rem}.mt-7{margin-top:1.75rem}.me-7{margin-right:1.75rem}.ms-7{margin-left:1.75rem}.p-7{padding:1.75rem}.pb-7{padding-bottom:1.75rem}.pt-7{padding-top:1.75rem}.pe-7{padding-right:1.75rem}.ps-7{padding-left:1.75rem}.m-8{margin:2rem}.mb-8{margin-bottom:2rem}.mt-8{margin-top:2rem}.me-8{margin-right:2rem}.ms-8{margin-left:2rem}.p-8{padding:2rem}.pb-8{padding-bottom:2rem}.pt-8{padding-top:2rem}.pe-8{padding-right:2rem}.ps-8{padding-left:2rem}.m-9{margin:2.25rem}.mb-9{margin-bottom:2.25rem}.mt-9{margin-top:2.25rem}.me-9{margin-right:2.25rem}.ms-9{margin-left:2.25rem}.p-9{padding:2.25rem}.pb-9{padding-bottom:2.25rem}.pt-9{padding-top:2.25rem}.pe-9{padding-right:2.25rem}.ps-9{padding-left:2.25rem}.m-10{margin:2.5rem}.mb-10{margin-bottom:2.5rem}.mt-10{margin-top:2.5rem}.me-10{margin-right:2.5rem}.ms-10{margin-left:2.5rem}.p-10{padding:2.5rem}.pb-10{padding-bottom:2.5rem}.pt-10{padding-top:2.5rem}.pe-10{padding-right:2.5rem}.ps-10{padding-left:2.5rem}.icon-eye:before{display:inline-block;font-family:"Icon Font";content:"\f112"}.icon-start:before{display:inline-block;font-family:"Icon Font";content:"\f12e"}.icon-stop:before{display:inline-block;font-family:"Icon Font";content:"\f12f"}.bg-primary{background-color:#f09130!important}.text-primary{color:#f09130!important}.border-primary{border-color:#f09130!important}.bg-black{background-color:#333!important}.text-black{color:#333!important}.border-black{border-color:#333!important}.bg-white{background-color:#fff!important}.text-white{color:#fff!important}.border-white{border-color:#fff!important}.bg-secundary{background-color:#308ff0!important}.text-secundary{color:#308ff0!important}.border-secundary{border-color:#308ff0!important}.bg-alert{background-color:#b22222!important}.text-alert{color:#b22222!important}.border-alert{border-color:#b22222!important}.bg-success{background-color:#bcce43!important}.text-success{color:#bcce43!important}.border-success{border-color:#bcce43!important}.bg-blue{background-color:#15739f!important}.text-blue{color:#15739f!important}.border-blue{border-color:#15739f!important}.justify-content-space-between{justify-content:space-between!important}.justify-content-center{justify-content:center!important}.d-flex{display:flex!important}.d-none{display:none!important}.d-block{display:block!important}.cursor-alias{cursor:alias!important}.cursor-all-scroll{cursor:all-scroll!important}.cursor-auto{cursor:auto!important}.cursor-cell{cursor:cell!important}.cursor-col-resize{cursor:col-resize!important}.cursor-context-menu{cursor:context-menu!important}.cursor-copy{cursor:copy!important}.cursor-crosshair{cursor:crosshair!important}.cursor-default{cursor:default!important}.cursor-e-resize{cursor:e-resize!important}.cursor-ew-resize{cursor:ew-resize!important}.cursor-grab{cursor:grab!important}.cursor-grabbing{cursor:grabbing!important}.cursor-help{cursor:help!important}.cursor-move{cursor:move!important}.cursor-n-resize{cursor:n-resize!important}.cursor-ne-resize{cursor:ne-resize!important}.cursor-nesw-resize{cursor:nesw-resize!important}.cursor-ns-resize{cursor:ns-resize!important}.cursor-nw-resize{cursor:nw-resize!important}.cursor-nwse-resize{cursor:nwse-resize!important}.cursor-no-drop{cursor:no-drop!important}.cursor-none{cursor:none!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-pointer{cursor:pointer!important}.cursor-progress{cursor:progress!important}.cursor-row-resize{cursor:row-resize!important}.cursor-s-resize{cursor:s-resize!important}.cursor-se-resize{cursor:se-resize!important}.cursor-sw-resize{cursor:sw-resize!important}.cursor-text{cursor:text!important}.cursor-w-resize{cursor:w-resize!important}.cursor-wait{cursor:wait!important}.cursor-zoom-in{cursor:zoom-in!important}.cursor-zoom-out{cursor:zoom-out!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-relative{position:relative!important}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media all and (display-mode:standalone){.inapp-hidden{display:none!important}}@media not all and (display-mode:standalone){.browser-hidden{display:none!important}}.checkmark__circle{stroke-dasharray:166;stroke-dashoffset:166;stroke-width:2;stroke-miterlimit:10;stroke:#bcce43;fill:none;animation:stroke .6s cubic-bezier(.65,0,.45,1) forwards}.checkmark{bottom:150px;left:0;right:0;position:fixed;margin:auto;width:56px;height:56px;border-radius:50%;display:block;stroke-width:2;stroke:#fff;stroke-miterlimit:10;margin:10% auto;box-shadow:inset 0 0 0 #bcce43;animation:fill .4s ease-in-out .4s forwards,scale .3s ease-in-out .9s both}.checkmark__check{transform-origin:50% 50%;stroke-dasharray:48;stroke-dashoffset:48;animation:stroke .3s cubic-bezier(.65,0,.45,1) .8s forwards}@keyframes stroke{100%{stroke-dashoffset:0}}@keyframes scale{0%,100%{transform:none}50%{transform:scale3d(1.1,1.1,1)}}@keyframes fill{100%{box-shadow:inset 0 0 0 30px #7ac142}} |