@font-face{font-family:GROBOLD;src:url(./GROBOLD-98e9c349.ttf)}*{margin:0}html{height:100%}body{font-family:GROBOLD,sans-serif;font-size:1rem;overflow:hidden!important;background-image:url(./bg_home3-720dc3ea.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;height:100vh;width:100vw}img{user-drag:none;-webkit-user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-select:none;-ms-user-select:none}.header{margin-top:0;margin-left:auto;margin-right:auto;height:4rem;width:fit-content}.header--img{margin-top:2rem!important;width:12rem;height:auto}.scroll-btn{background-color:transparent;border:none;display:block}#scroll-btn-left{position:absolute;left:2%;top:50%;transform:translate(-50%,-50%)}#scroll-btn-right{position:absolute;left:98%;top:50%;transform:translate(-50%,-50%)}.scroll-btn img{height:2.5rem;width:auto;margin:auto}.list{list-style:none;opacity:.9;margin:0 auto;padding:1rem;z-index:10;margin-bottom:6rem;margin-top:5rem;display:grid;grid-template-columns:auto auto auto auto auto;column-gap:2.5rem;row-gap:1.5rem;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.cards{list-style:none;margin:0 auto;padding:1rem;opacity:1;z-index:10;scroll-behavior:smooth;display:inline-flex;height:auto;min-height:19em;width:85%;column-gap:1.5rem;row-gap:1.5rem;overflow-x:scroll;scrollbar-width:thin;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-color:#00000070}#dropdown-div{top:40%;left:50%;display:none;opacity:.95;font-size:15px;color:#000;box-shadow:#7b1f31 0 0 0 2px,#e56479 0 0 0 9px,inset 0 -5px 5px -3px #a89161;border-radius:15%;padding:5px 10px 5px 15px;gap:8px;background-color:#f9e8b4;flex-direction:column;align-items:center;justify-content:space-between;z-index:1001;width:200px;height:240px;transform:translate(-50%);transition:opacity .5s ease,transform .5s ease}#dropdown-div .close--dropdown--div{margin-left:auto;margin-right:auto}.profile-heading-img{position:relative;bottom:49px;margin-bottom:2%}.user-profile-heading-img{position:relative;bottom:68px;margin-bottom:2%;border-radius:50%;border:1px solid white}.pink-border-for-profileImg{box-shadow:0 0 0 1.5px #7b1f31,0 0 0 4.5px #e56479,0 0 20px #0003,inset 0 0 20px #0009;border-radius:50%}.close-profile-heading-img{position:absolute;top:-20;right:0;cursor:pointer}.close-profile-heading-img:hover{transform:scale(1.05)}.login-btn,.logout-btn,.clear-btn{background-color:#ff5c5c;border:none;box-shadow:inset 1px 3.5px 1px #ffffff80;border-radius:10px;padding:5 10;color:#fff;-webkit-text-stroke:transparent}.clear-btn{cursor:pointer;position:relative;bottom:60px;background:rgb(197,237,86);border:none;font-size:1rem;box-shadow:0 4px #8bbc3d,0 6px 10px #00000026,inset 3px 4px 2px #ffffff80;border-radius:30px 30px 60px 60px;padding:7px 15px;color:#fff;transition:all .2s ease-in-out;background-color:#f0f8ff;background:#c5ed56;background-image:-webkit-linear-gradient(top,#c5ed56,#78cc08);background-image:-moz-linear-gradient(top,#c5ed56,#78cc08);background-image:-ms-linear-gradient(top,#c5ed56,#78cc08);background-image:-o-linear-gradient(top,#c5ed56,#78cc08);-webkit-border-radius:60;-moz-border-radius:60;font-family:Georgia;border:solid #488600 1px;text-decoration:none;outline:2px solid white}.clear-btn:hover{background:linear-gradient(180deg,rgba(120,204,8,1) 0%,rgba(197,237,86,1) 99%);background:rgb(140,237,87);transform:scale(1.02);outline:2px solid white}.clear-btn:active{border:none;background:rgb(114,237,87);box-shadow:0 2px #8bbc3d,0 4px 8px #00000026;outline:2px solid white}.list li{flex:1;background-image:url(./spaceship-3e5852b5.png);background-repeat:no-repeat;background-size:contain;width:8em;background-position:center}.cards li{background-color:#fff;border-radius:1em;padding:1rem;min-width:19em;margin:0 auto;text-align:center}.cards li a,.cards li p{text-decoration:none;color:#000}.cards li img{height:10rem;width:90%;z-index:30;object-fit:cover;position:relative;outline:5px solid #ff5c5c}.card_el{position:relative;z-index:40;overflow:hidden;min-width:20em}.card_el #upper-outer-ring,.card_el #lower-outer-ring{z-index:20;opacity:.3}.save-submit{margin:0 auto;padding:4 30;border-radius:25px}.card_el:hover{box-shadow:0 0 .2rem .4rem #fff,0 0 .4rem .6rem #04d4f0dc;transform:scale(1.035)}.list li a{text-decoration:none;color:#fff;-webkit-text-stroke:1px rgb(0,0,0);padding-top:4rem;display:block;text-align:center;overflow:hidden;font-size:1.7rem}.list li a span{display:block;color:#ff5d5d;padding:.5rem;-webkit-text-stroke:1px #000000;font-size:1.35rem;margin-top:1.5rem}#list2 a{padding-top:11rem}.logout-btn-new{position:relative;bottom:44px;padding:10px 20px;height:25%;width:80%;border-radius:60px;font-family:Georgia;font-size:20px;color:#fff;outline:1px solid white;border:solid #3e80c0 2px;cursor:pointer;box-shadow:0 6px #e56479,0 6px 10px #00000026;transition:all .1s ease-in-out;background:#1b81d5;background-image:-webkit-linear-gradient(top,#1b81d5,#1b81d5);background-image:-moz-linear-gradient(top,#1b81d5,#1b81d5);background-image:-ms-linear-gradient(top,#1b81d5,#1b81d5);background-image:-o-linear-gradient(top,#1b81d5,#1b81d5);background-image:linear-gradient(to bottom,#1b81d5,#1b81d5);text-decoration:none}.logout-btn-new:before{content:"";position:absolute;inset:0;border-radius:15px;box-shadow:inset 0 3px #fff3,inset 0 -3px #0000001a;pointer-events:none}.logout-btn-new:hover{background:linear-gradient(to right,#1b81d5,#35b3f9);transform:scale(1.05)}.logout-btn-new:active{box-shadow:0 2px #e56479,0 4px 8px #00000026;transform:translateY(2px)}@media only screen and (hover: hover) and (min-width: 1000px){.list li a span{transform:translateY(100px);transition:.2s}.list:hover span{transform:translateY(0)}.list li:nth-child(1) span{transition-delay:0s}.list li:nth-child(2) span{transition-delay:.05s}.list li:nth-child(3) span{transition-delay:.1s}.list li:nth-child(4) span{transition-delay:.15s}.list li:nth-child(5) span{transition-delay:.2s}.list li:nth-child(6) span{transition-delay:.25s}.list li:nth-child(7) span{transition-delay:.3s}.list li:nth-child(8) span{transition-delay:.35s}.list li:nth-child(9) span{transition-delay:.4s}.list li:nth-child(10) span{transition-delay:.45s}}.footer{width:100%;padding:0rem;position:absolute;bottom:1.5rem;left:0;z-index:0}.footer img{height:7rem;width:auto;z-index:0}.clear-data-btn{position:absolute;top:3.5rem;-webkit-text-stroke:0 rgb(0,0,0);font-size:.8rem;line-height:.8rem;padding:.6rem .8rem;text-align:center;cursor:pointer;font-family:inherit;align-items:center;background-color:#fff;border:1px solid #d5d9d9;border-radius:8px;box-shadow:#d5d9d980 0 2px 5px;box-sizing:border-box;color:#ff5d5d;display:block;justify-content:center;text-decoration:none;user-select:none;-webkit-user-select:none;touch-action:manipulation;white-space:nowrap}.clear-data-btn{left:2em}.clear-data-btn:active,.clear-data-btn:hover{outline:0}.home-btn{position:absolute;left:0;top:1em}.profile-btn{position:absolute;right:1em;top:1em}.profile-btn,.profile-btn img,.home-btn,.home-btn img{background-color:transparent;border:none;height:3rem;width:3rem;cursor:pointer}.profile-btn img{border-radius:50%}.grass{z-index:-3;position:absolute;bottom:0;height:10vh;width:100vw;left:0}.playnlearn{z-index:-2;position:absolute;width:16rem;height:auto;bottom:3rem;left:0;right:0;margin:0 auto}.animals{height:13rem;width:auto;z-index:-2;position:absolute;right:0;bottom:.5rem}.code-dialog{position:absolute;display:block;left:30%;top:50%;padding:1rem;color:#7e7e7e;transition:ease-in 1s;width:auto;min-width:10rem;max-width:50vw;height:auto;border-radius:1em;animation:fadeIn 3s;z-index:999}.code-dialog-hidden{display:none;opacity:0;left:1%;animation:fadeOut 1.5s}.box-appearance{background-color:#fff}.close-dialog{border:none;display:inline-block;padding:.2em .5em;vertical-align:top;justify-content:right;float:right;border-radius:50%;font-size:1em;overflow:hidden;text-decoration:none;color:#fff;background-color:#dc143c;text-align:center;cursor:pointer;white-space:nowrap}.img-desktop{display:block}.img-mobile{display:none}nav{z-index:999999;position:absolute;top:2em;left:1em;font-size:.7rem;margin:0 auto;border-radius:50%;width:2.4rem;height:2.4rem;display:flex;justify-content:center;align-items:center;background:#ffb8c7;box-shadow:#7b1f31 0 0 0 1px,#e56479 0 0 0 4px}.save-bar{position:absolute;top:0;left:auto;right:0;background:#fc70d2}nav ul{margin:0;width:6.25rem;padding:0;list-style-type:none;float:left;display:inline-block}nav ul li{position:relative;margin:0 .5px 0 0;float:left;display:inline-block}li>a:after{content:""}li>a:only-child:after{content:""}nav ul li a{padding:1rem .3rem;display:inline-block;color:#fff;text-decoration:none;color:#b22944;font-size:.8rem;text-shadow:0px 2px 2px rgba(255,255,255,1)}nav ul li a:hover{opacity:.5}nav ul li ul{display:none;text-align:center;position:absolute;left:0;background:#ffb8c7;float:left;border-radius:10px;border:1px solid #7b1f31;box-shadow:0 0 0 5px #e56479,inset 0 -4px 5px -3px #7b1f31}nav ul li ul li{width:100%}nav ul li ul li:not(:last-child){border-bottom:1.5px dotted rgba(255,255,255,.5)}.show-list,.show-save-list{display:block}.show-save-list{background:#c980bd}.show-list-hidden,.show-save-list-hidden{display:none}.menu-icon,.save-icon{height:1rem;width:auto;margin-left:50%;display:block;cursor:pointer}.menu-icon{margin-left:2%;border-radius:40%;margin-top:0;height:1.8rem;width:1.8rem}.menu-btn{cursor:pointer}.nav-icon{height:1.34rem;width:auto;margin-bottom:38%;margin-top:-10px}.nav-bar .show-list{margin-top:0}@media only screen and (max-width: 900px){.list li a span{font-size:1rem}.list li a{font-size:1.5rem}.nav-bar .show-list{margin-top:0}}@media only screen and (max-width: 750px){.list{margin-top:0;display:grid;grid-template-columns:auto auto;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.scroll-btn,.img-desktop{display:none}.img-mobile{display:block}.cards{display:flex;height:60%;width:75%;flex-direction:column;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);overflow-y:scroll;font-size:.75rem}.cards li img{height:8rem;outline:none;width:auto;vertical-align:center}.card_el{display:flex;width:90%;min-height:33%;justify-content:space-evenly}.header--img{width:10rem}.list li a,.list li a span{font-size:1rem}.animals{height:22vw}.playnlearn{width:35vw}.footer{height:4rem;left:0vw}.footer img{height:6rem}.clear-data-btn{position:absolute;left:1.5em;top:2.7rem}}.homepage-list li{width:9rem}.indexpage-list li{width:8rem}.homepage-list{padding:0;transform:translate(-45%,-17rem);grid-gap:2em;grid-template-rows:repeat(2,12rem);place-items:space-evenly}@media only screen and (max-height: 400px){.list li a{font-size:1rem}.list li a span{font-size:1.25rem}.list{display:flex;margin-top:10%}.animals{height:25vh}.footer{left:0vw;bottom:2rem}.playnlearn{width:16rem;height:auto;bottom:4rem;right:35vw}}@media only screen and (max-width: 840px){.homepage-list li{width:6rem}}@media only screen and (max-width: 750px){.homepage-list{column-gap:1em;row-gap:1.5em;grid-template-rows:repeat(2,12rem);place-items:space-evenly;padding:0}.indexpage-list{padding:0;gap:.3rem;grid-template-columns:auto auto auto;place-items:center}.last-element{grid-column-start:2}.list li{width:8rem}.list li a{padding-top:2.5rem;font-size:1rem}.playnlearn{bottom:1rem}}@media only screen and (max-width: 350px){.homepage-list{column-gap:1em;row-gap:.5em;grid-template-rows:repeat(2,12rem);place-items:space-evenly;padding:0}.homepage-list li{width:6em}.list li a{padding-top:1.5rem}}@media only screen and (max-width: 450px){.card_el{display:block;min-width:80%;min-height:17rem}}.leaf{position:absolute;width:100%;height:100%;top:0;left:0;z-index:-999;overflow:hidden}.leaf div{position:absolute;display:block}.leaf div:nth-child(1){left:20%;animation:fall 15s linear infinite;animation-delay:-2s}.leaf div:nth-child(2){left:70%;animation:fall 15s linear infinite;animation-delay:-4s}.leaf div:nth-child(3){left:10%;animation:fall 20s linear infinite;animation-delay:-7s}.leaf div:nth-child(4){left:50%;animation:fall 18s linear infinite;animation-delay:-5s}.leaf div:nth-child(5){left:85%;animation:fall 14s linear infinite;animation-delay:-5s}.leaf div:nth-child(6){left:15%;animation:fall 16s linear infinite;animation-delay:-10s}.leaf div:nth-child(7){left:90%;animation:fall 15s linear infinite;animation-delay:-4s}@keyframes fall{0%{opacity:1;top:-10%;transform:translateX (20px) rotate(0)}20%{opacity:.8;transform:translateX (-20px) rotate(45deg)}40%{transform:translateX (-20px) rotate(90deg)}60%{transform:translateX (-20px) rotate(135deg)}80%{transform:translateX (-20px) rotate(180deg)}to{top:110%;transform:translateX (-20px) rotate(225deg)}}.leaf1{transform:rotateX(0)}