#root,html,body,.container{font-family:sans-serif;color-scheme:light dark;color:#ffffffde;width:100%;height:100%;margin:0;background-color:#1b1b1b;overflow:hidden}.container{display:grid;grid-template-rows:5.5rem calc(100% - 5.5rem)}.nav-container,.hidden-nav,.nav{height:100%;width:100%}.nav-container{display:flex;flex-direction:column}.nav-hidden{margin-top:1rem;width:50%;margin-inline:25%;box-sizing:border-box;background-color:#444;border-radius:10px;display:grid;transform:translateY(-100%);transition:.5s;opacity:0;z-index:1}.nav-hidden.show{transform:translateY(0);opacity:1}.nav-hidden-div:first-child{margin-top:1rem}.nav-hidden-search{height:0;width:100%}.nav{background:#151515;box-sizing:border-box;border-bottom:1px solid white;display:flex;gap:5%;z-index:2}.search-link{text-decoration:none}.search-list{box-sizing:border-box}.search-list-item{display:flex;place-items:center;gap:1rem;padding:.5rem;transition:.3s}.centered{display:flex;justify-content:center}.search-list-item:hover{background:#15151541}.search-list-item>img{height:4rem}.search-list-item>p{color:#fff;font-size:1.3rem;margin:0}.nav-logo{display:flex;flex-direction:row;height:5rem;margin-block:.25rem;gap:.5rem}.nav-logo-link,.nav-hidden-div{text-decoration:none;color:#fff}.nav-logo>img{height:5rem}.nav-logo>h1{margin:0;transition:.3s;place-self:center}.search-div{width:30%;display:flex;align-items:center;gap:.5rem;transition:.4s}.search{background:transparent;border:1px solid white;color:#fff;height:2.2rem;width:100%;border-radius:1.3rem;padding-inline:1rem;font-size:1.2rem;transition:.3s;box-sizing:border-box}.search:focus{outline:none;box-shadow:0 0 5px #fff}.search-icon{width:2rem;height:2rem;cursor:pointer;transition:.4s}.search-icon:hover{transform:scale(1.2)}.burger-menu{width:4rem;height:3.5rem;top:1rem;position:absolute;background:transparent;display:flex;flex-direction:column;justify-content:space-around;align-items:center;padding:.4rem .2rem;box-sizing:border-box;border-radius:8px;cursor:pointer;transition:border-color .3s ease;right:1rem;visibility:hidden}.stick{width:90%;height:.5rem;background:#20b1d5;border-radius:5px;transition:transform .3s ease-in-out,opacity .3s ease-in-out}.burger-menu.active-menu .stick:nth-child(1){transform:translateY(1.05rem) rotate(45deg)}.burger-menu.active-menu .stick:nth-child(2){opacity:0}.burger-menu.active-menu .stick:nth-child(3){transform:translateY(-1.05rem) rotate(-45deg)}@media (max-width: 1088px){.search-div,.search-hidden{width:50%}}@media (max-width:860px){.nav-hidden{width:70%;margin-inline:15%}}@media (max-width: 768px){.search-hidden{width:80%}.nav-hidden-div:first-child{place-content:center}.nav-hidden{width:90%;margin-inline:5%}}@media (max-width: 748px){.nav-hidden-text{font-size:1.3rem}.nav-logo>h1{font-size:1.8rem}.search-div{width:60%}.stick{height:.4rem}.burger-menu.active-menu .stick:nth-child(1){transform:translateY(.9rem) rotate(45deg)}.burger-menu.active-menu .stick:nth-child(3){transform:translateY(-.9rem) rotate(-45deg)}}@media (max-width: 655px){.burger-menu{visibility:visible}.nav-hidden{gap:1rem}.nav-hidden-search{height:3rem;width:100%}.search-div{opacity:0;visibility:hidden;justify-self:center;position:absolute;width:85%;margin-inline:7.5%;transform:translateY(1rem)}.translate-search{transform:translateY(7.35rem);opacity:1;visibility:visible}}@media (max-width: 590px){.nav-logo>h1{visibility:visible;display:inline-block;opacity:1;font-size:1.5rem}}.interprets{overflow-y:scroll;display:flex;flex-direction:column}.content{padding:2rem;display:flex;flex-wrap:wrap;gap:2rem 4%;justify-content:center}.card{width:15rem;height:20rem;background:#ffffff0c;display:grid;grid-template-rows:80% 20%;place-items:center;cursor:pointer;border-radius:10px;transition:.4s ease;text-decoration:none}.card-image{width:90%;height:88%;border-radius:10px;box-sizing:border-box}.favorite-div{border-radius:10px;background:linear-gradient(-45deg,#fff,40%,#1313e3);width:90%;height:88%;display:grid;place-items:center}.favorite{width:50%;height:50%}.card-title{margin-top:0rem;place-self:center;color:#fff}.card-button{position:relative;bottom:8rem;right:-4.5rem;width:3rem;height:3rem;border-radius:50%;background:#20b1d5;display:grid;place-items:center;opacity:0;transition:.4s ease}.card:hover{background:#505050a1}.card:hover .card-button{bottom:9rem;opacity:1}.card-button-img{width:40%}.load-button{border:2px solid #ffffff;font-size:1.3rem;font-weight:700;place-self:center;width:auto;padding:1rem;border-radius:2rem;cursor:pointer;transition:.4s;margin-bottom:3rem}.load-button:hover{border:2px solid #20b1d5;color:#20b1d5}@media (max-width:862px){.card{width:12rem;height:15rem}.card-button{right:-3.3rem;bottom:5rem}.card-title{font-size:1.2rem}.card:hover .card-button{bottom:7.2rem;opacity:1}.content{gap:1rem 4%}}@media (max-width:465px){.content{padding:2rem .5rem}.card{width:10rem;height:13rem}.card-button{right:-2.5rem;bottom:4rem}.card:hover .card-button{bottom:6.8rem;opacity:1}}.interpret{display:grid;grid-template-rows:10rem calc(100% - 10rem)}.interpret-detail{display:flex;gap:5%;background:linear-gradient(transparent,70%,#727272);background-size:100% 150%;animation:backAnim 5s ease-in-out infinite}@keyframes backAnim{0%{background-position:0% 0%}50%{background-position:0% 50%}to{background-position:0% 0%}}.interpret-detail>img{height:90%;border-radius:50%;margin:.5rem 1rem}.interpret-detail>h1{place-self:center;font-size:3rem;transition:.3s}.control-panel{position:absolute}@media (max-width:748px){.interpret{grid-template-rows:7rem calc(100% - 7rem)}.interpret-detail>img{height:90%;border-radius:50%;margin:.5rem 1rem}.interpret-detail>h1{font-size:2rem}}