@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary-color: #d5eb05;--primary-color-darkmode: rgba(213, 235, 5, .7);--secondary-color: #111f22;--tertiary-color: #f5f5f5}html{font-size:62.5%}body{margin:0;padding:0}#root{box-sizing:border-box;width:100%;margin:0 auto;text-align:center;font-family:Inter,sans-serif;color:var(--secondary-color);background:var(--tertiary-color)}.dark-mode{position:absolute;right:30px;top:30px}#root.dark{background:var(--secondary-color);color:var(--tertiary-color)}footer{font-size:1.5rem;padding-block:3.5rem 5rem}footer a{font-weight:700;text-decoration:none;color:var(--primary-color)}.dark a{color:var(--primary-color-darkmode)}@media screen and (max-width: 767px){footer{width:70%;margin-inline:auto;font-size:1.3rem}}.definition-title,.definition{margin:0}.definition-title{font-size:2.4rem;color:var(--primary-color);padding-bottom:2rem}.definition{font-size:1.6rem;padding-bottom:1rem;line-height:1.7}.definition-box{border-bottom:1px solid var(--primary-color);margin-bottom:2rem}@media (min-width: 280px) and (max-width: 321px){.definition-box{width:100%}.definition-title{font-size:2rem}.definition{font-size:1.5rem}}.word-phonetic,.meanings{max-width:50%;border-radius:11px;text-align:left;padding:5rem 4rem}.word-phonetic{margin:7.6rem auto 0;background:var(--primary-color)}.word{margin:0;padding-bottom:2rem;font-size:3.6rem}.phonetic{margin:0;font-size:1.8rem;opacity:60%}.meanings{margin:5.5rem auto;border:2px solid var(--primary-color)}.dark main>.word-phonetic{background:var(--primary-color-darkmode);color:var(--secondary-color)}.dark main .meanings{border-color:var(--primary-color-darkmode)}.dark main .definition-title{color:var(--primary-color-darkmode)}@media screen and (max-width: 767px){.word{font-size:3rem}.phonetic{font-size:1.6rem}}@media (min-width: 280px) and (max-width: 321px){.word{font-size:2.5rem}.phonetic{font-size:1.5rem}}header{background:var(--primary-color);padding-block:9rem 12rem}.title{font-size:4rem;font-weight:400}input{background:none;border:none;border-bottom:1px solid;margin-top:9.9rem;width:40%;padding-bottom:1rem;padding-left:3rem;font-size:1.6rem}input:focus{outline:none}span{max-width:40%;font-size:1.4rem;display:block;margin:0 auto;text-align:left;margin-top:1rem}.error{background:var(--primary-color);height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.error-msg{font-size:3.5rem}.error-link{font-size:2rem;text-decoration:none;color:inherit}.error-link:hover{color:var(--tertiary-color)}.searching{margin:0;height:100vh;display:flex;justify-content:center;align-items:center;background:var(--primary-color);font-size:1.9rem}.dark header{background:var(--secondary-color);border:none}.dark header input{border-color:var(--primary-color);color:inherit}.dark header .title{color:var(--primary-color-darkmode)}.dark .error{background:var(--secondary-color)}.dark .error-msg,.dark .error-link{color:var(--primary-color-darkmode)}.dark .error-link:hover{color:var(--tertiary-color)}.dark .searching{background:var(--secondary-color)}@media screen and (max-width: 767px){header{padding-top:12rem}.title{max-width:70%;margin:0 auto;font-size:2.5rem}input{width:60%;padding-left:.5rem;margin-top:5rem;font-size:1.5rem}span{max-width:60%;font-size:1.3rem}.error-msg{max-width:70%;font-size:2rem}.error-link{font-size:1.6rem}.searching{font-size:1.5rem}}@media (min-width: 280px) and (max-width: 321px){header{width:100%}}.images{max-width:50%;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));grid-template-rows:repeat(3,1fr);justify-items:center;gap:3rem;padding-inline:4rem}img{border-radius:11px}.dark-img{filter:brightness(.7) contrast(1.2)}@media screen and (max-width: 767px){.images{max-width:100%}}@media (min-width: 280px) and (max-width: 321px){.images{padding-inline:0}}