@import"https://fonts.googleapis.com/css2?family=Roboto&display=swap";@import"https://fonts.googleapis.com/css2?family=Young+Serif&display=swap";:root{--icon-color: #000;--text-font: #000}[data-theme=dark]{--icon-color: yellow;--text-font: grey}nav{position:relative;top:35px;width:100%;height:50px;display:flex;justify-content:center;align-items:center;margin-left:auto;margin-right:auto;gap:40px;z-index:1;font-family:Roboto,sans-serif}nav p{margin-right:25%;font-size:35px;color:gray}nav section{display:flex;justify-content:center;align-items:center;gap:20px}nav section p{width:140px;border:0;font-size:17px;font-weight:800;color:var(--text-font);background:transparent;outline:none;border-right:1px solid violet;display:flex;gap:25px;align-items:center;justify-content:center}nav section p a{transition:.2s ease-in-out;color:violet;text-decoration:none}nav section p span{font-size:20px;position:relative;top:3px}#mode{cursor:pointer;transition:.2s ease-in-out;width:40px;height:40px;font-size:26px;background:transparent;border:0;color:var(--icon-color)}nav section p a:hover{transition:.2s ease-in-out;color:#f0baf0;border-right-color:#f0baf0}#mode:hover{transition:.2s ease-in-out;transform:scale(1.1)}@media screen and (max-width: 426px){nav{width:20%}}:root{--background: #fff;--text-title: #202020;--text-pargraph: gray;--text-des: #202020}[data-theme=dark]{--background: #000;--text-title: #fff;--text-des: #fff}.app{width:100%;height:100vh;background-color:var(--background);overflow-y:scroll;position:fixed;top:0;left:0}main{padding:15% 25px;display:grid;justify-content:center;align-items:center;gap:50px;position:absolute;top:87%;left:50%;transform:translate(-50%,-50%)}#search-box{padding:8px;background-color:#f2f2f2;border-radius:11px;display:flex;justify-content:center;align-items:center;font-family:Roboto,sans-serif}#search-box input{width:570px;height:30px;text-align:start;background:transparent;border:0;outline:none;font-weight:bolder;font-size:15px;color:#303030}#search-box input::placeholder{color:#aaa}#main-key{font-size:50px;font-family:"Young Serif",serif;color:var(--text-title)}#first{position:relative;bottom:60px}#how-read-text{font-family:Roboto,sans-serif;color:#bd78e6;font-size:19px;position:relative;bottom:45px;letter-spacing:1px}#main-result-box{display:flex;justify-content:space-between}#btn-box button{transition:.2s ease-in-out;cursor:pointer;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;border:0;background-color:#e8c4f3;color:#7b43b3;font-size:21px;text-align:center}#first-box-hr{display:flex;position:relative;bottom:160px;font-family:"Young Serif",serif}#hr-1{width:92%;border-bottom:1px solid rgb(223,219,219);position:relative;bottom:23px;left:10px}.box-hr p{color:var(--text-des)}#descryption-results-wrapper{position:relative;bottom:190px;font-family:Roboto,sans-serif}#descryption-results-wrapper span{color:gray}#descryption-results-wrapper ul{position:relative;top:7px}#descryption-results-wrapper ul li{color:var(--text-des);font-size:15px;letter-spacing:.5px}#synoms-box{position:relative;top:35px;display:flex;gap:10px;color:#b4b4b4}#synom-result{color:#a976dd}#second-box-hr{display:flex;position:relative;bottom:200px;font-family:"Young Serif",serif}#hr-2{width:92%;border-bottom:1px solid rgb(223,219,219);position:relative;left:10px;bottom:23px}#verb-result-wrapper{position:relative;bottom:230px;font-family:Roboto,sans-serif;border-bottom:1px solid rgb(223,219,219)}#verb-result-wrapper ul{position:relative;top:7px}#verb-result-wrapper ul li{color:var(--text-des);font-size:15px;letter-spacing:.5px}#verb-result-wrapper span{color:gray}#production-box{font-family:Roboto,sans-serif;text-align:center;position:relative;bottom:220px}#production-box section{display:flex;justify-content:center;gap:10px}.simple-end-text{color:gray}.by-text{color:#4169e1}.by-text a{text-decoration:none;color:#4169e1}#source-box{border-bottom:1px solid rgb(223,219,219);line-height:70px;font-family:Roboto,sans-serif;color:gray;display:flex;gap:10px;position:relative;bottom:220px}#source-box a{color:var(--text-des)}.active-error-text{color:red}.active-error{border:1px solid red}.normal-text{font-size:29px;color:violet;position:relative;top:4px}#btn-box button:hover{transition:.2s ease-in-out;background-color:violet}@media screen and (max-width: 669px){main{padding:0;margin:0;position:absolute;top:93%}#search-box{padding:4px}#search-box input{width:390px}}@media screen and (max-width: 431px){main{position:absolute;top:93%}#search-box{width:285px;padding:2px;margin-left:auto;margin-right:auto}#search-box input{width:150px}#main-key{font-size:25px}#how-read-text{font-size:15px;position:relative;bottom:26px}#btn-box button{width:33px;height:33px;position:relative;bottom:13px;z-index:1}#first{width:250px;margin:0;padding:0}}