*{box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{border-radius:5px;box-shadow:inset 0 0 10px rgba(0,0,0,.25)}::-webkit-scrollbar-thumb{background-color:#4c6ef5;border-radius:5px}main ::-webkit-scrollbar{display:none}html{font-size:62.5%}body{font-family:Zen Kurenaido,sans-serif}main{background:url(slika2.ca3de518.jpg);background-position:50%;background-size:cover;height:100vh;position:relative}.header{background-color:transparent;color:#fff;font-family:inherit;height:6.4rem;justify-content:space-between;padding-left:2.4rem;padding-right:4.8rem;width:100%}.header,.logo-title{align-items:center;display:flex}.logo-title{gap:1rem}a img{height:4.8rem}.header-logo{height:2.4rem;width:2.4rem}.title{font-size:2.4rem;font-weight:600;padding-bottom:.4rem}.error{animation:comeup .5s;background-color:#ffe3e3;border-radius:7px;bottom:0;color:#000;font-size:1.6rem;height:10rem;margin-bottom:1rem;margin-right:1rem;padding-top:2.4rem;position:fixed;right:0;text-align:center;width:20rem;z-index:1}.error-icon{align-self:flex-end;color:#bd4242;height:2rem;text-align:center;width:2rem}.search{align-content:center;border-collapse:collapse;display:flex;font-family:inherit;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}.input{font-family:inherit;font-size:1.8rem;line-height:2rem;padding:1.4rem;width:48rem}.button,.input{background-color:#f8f9fa;border:none}.button{cursor:pointer;width:4.8rem}.button-icon{height:2.4rem;width:2.4rem}.search :focus{outline:none}aside{height:70rem;position:relative}.content-box{animation:slidein 3s;background-color:#f1f3f5;border-radius:9px;box-shadow:-5px 1px 45px 14px rgba(0,0,0,.3);height:55rem;left:50%;overflow:auto;position:absolute;top:50%;transform:translate(-50%,-50%);width:110rem}.restart{background-color:#e9ecef;display:flex;justify-content:center;position:relative}.audio{font-weight:600;text-decoration:none}.try-another{border:1px solid #4c6ef5;color:#4c6ef5;cursor:pointer;font-family:inherit;font-size:1.4rem;font-weight:700;height:4rem;left:0;margin-left:2rem;margin-top:2rem;outline:none;position:absolute;top:0;width:12rem}.try-another:hover{background-color:#bac8ff;border:1px solid #e9ecef;color:#fff}.content-title{color:#4c6ef5;font-size:3.4rem;padding-bottom:1rem;padding-top:1rem}.phonetics{padding-top:3rem}.meanings,.phonetics{font-size:2.4rem;padding-left:2rem}.meanings{display:grid;gap:4rem;grid-template-rows:repeat(4,1fr);padding-top:1rem}.hidden{display:none}@keyframes slidein{0%{opacity:0}to{opacity:100%}}.txt{font-weight:600}@keyframes comeup{0%{opacity:0;transform:translateY(100%)}to{opacity:100%;transform:translate(0)}}@keyframes fadeout{0%{opacity:100%}25%{opacity:75%}50%{opacity:50%}75%{opacity:25%}to{opacity:0}}@media (max-width:70em){.content-box{width:80rem}}@media (max-width:50em){.header{padding:0}.content-box{width:60rem}.input{padding:1.2rem;width:32rem}.try-another{height:3rem}.content-title{font-size:2.4rem}.meanings,.phonetics{font-size:1.6rem}}@media (max-width:37em){.content-box{width:45rem}.try-another{height:2rem;padding-bottom:1rem}}@media (max-width:31em){.content-box{width:30rem}.try-another{font-size:1.2rem;height:1.5rem;line-height:10px;margin-left:0;margin-top:.5rem;padding:0 0 1rem;text-align:center;top:30%;width:6rem}.input{padding:1rem;width:20rem}.input,.title{font-size:1.4rem}.header-logo{height:1.4rem;width:1.4rem}.mark{height:2.4rem;width:2.4rem}}@media (max-width:19em){.search{width:0}.content-box{width:19rem}.header{padding-left:1rem;padding-right:1rem}.content-title{font-size:1.2rem}.meanings,.phonetics{font-size:1.2rem;padding-left:1rem}.title{font-size:1.2rem}.mark{height:2rem;width:2rem}.input{font-size:1.2rem;padding:.7rem;width:10rem}.button-icon{height:1.6rem;width:1.6rem}}@media (max-width:13em){.content-box{width:15rem}main{overflow:hidden;width:100%}.try-another{top:20%;width:5rem}.meanings,.phonetics{font-size:1rem;padding-left:.5rem}.title{font-size:1rem}.mark{height:2rem;width:2rem}.header-logo{height:1rem;width:1rem}.input{font-size:1.2rem;padding:.7rem;width:10rem}.button-icon{height:1.6rem;width:1.6rem}}
/*# sourceMappingURL=index.2b51a389.css.map */