*{margin:0;padding:0;box-sizing:border-box}.container{font-size:1rem;width:700px;margin:2rem auto 0;padding:0 1.5rem}.header-top{display:flex;align-items:center;justify-content:space-between;color:#9b9b9b;font-size:2rem}.header-top div:first-child,.header-top .right-side-header{display:flex;align-items:center}.header-top .right-side-header div:first-child{border-right:1px solid #9B9B9B;padding-right:1rem}.header-top .right-side-header div:first-child span{font-size:1.5rem;font-weight:600;color:#000}.header-top .right-side-header div:first-child select{appearance:none;border:none;font-size:1rem;text-align:right}.header-top .right-side-header div:first-child select:focus{outline:none}.header-top .right-side-header div:first-child select option:hover{background-color:#333}.header-top .right-side-header div:first-child svg{height:14px;transition:all 1s}.header-top .right-side-header div:first-child svg:first-child{cursor:pointer}.header-top .right-side-header div:first-child .icon-rotate{transition:all 1s;transform:rotate(180deg)}.header-top .right-side-header div:nth-child(2){vertical-align:middle;padding-left:1.2rem;display:flex;align-items:center}.header-top .right-side-header div:nth-child(2) svg:nth-child(2){margin-left:.5rem}.header-bottom{margin-top:2rem;position:relative}.header-bottom input{display:inline-block;padding-left:1rem;border:none;font-weight:600;width:100%;height:3rem;background-color:#f4f4f4;outline-style:none;font-size:1.5rem;border-radius:10px;padding-right:2rem}.header-bottom input:focus{outline:2px solid #9B9B9B}.header-bottom .search-icon{display:block;position:absolute;right:18px;bottom:10px;height:24px;width:24px;color:#a544e9}.header-bottom .search-icon:hover{cursor:pointer}main .word{margin-top:3rem;display:flex;justify-content:space-between;align-items:center;position:relative}main h1{font-size:4rem}main span{font-size:2rem;display:inline-block;color:#a544e9;margin-top:1rem}main .icon-background{background-color:#a544e9;display:inline-block;position:absolute;right:18px;top:20px;height:43px;width:43px;z-index:-1}main .play-icon{position:relative}main svg{vertical-align:middle;font-size:5rem;fill:#e9d0fa}main svg:hover{cursor:pointer}main .word-meanings{margin-top:2rem}main .word-meanings .heading{display:flex;align-items:center}main .word-meanings .heading h2{font-size:1.6rem}main .word-meanings .heading div{width:100%}main .word-meanings .heading hr{margin-left:2rem;border:none;border-top:2px solid #F4F4F4}main .word-meanings .body-meanings{margin-top:2rem}main .word-meanings .body-meanings h3{color:#9b9b9b;font-weight:400;font-size:1.2rem;margin-bottom:1rem}main .word-meanings .body-meanings ul{width:80%;margin-left:10%;font-size:1.3rem;color:#333}main .word-meanings .body-meanings ul li{margin-top:.5rem}main .word-meanings .body-meanings ul li::marker{color:#a544e9}main .word-meanings .body-synonyms{margin-top:2rem}main .word-meanings .body-synonyms h3{color:#9b9b9b;font-weight:400;font-size:1.2rem;margin-bottom:1rem;display:inline;margin-right:1rem}main .word-meanings .body-synonyms span{font-size:1.2rem;margin-right:.5rem}.error-msg{font-size:2rem;margin-top:2rem;text-align:center}footer{margin-top:2rem;margin-bottom:6rem;display:flex;align-items:center}footer h4{color:#9b9b9b;font-weight:400;font-size:.9rem}footer a{color:#333;margin-left:1.5rem;font-size:.8rem}footer svg{margin-left:.3rem;stroke:#9b9b9b}.toggle-icon:hover{cursor:pointer}@media (max-width: 576px){.container{width:100%;margin:0;margin-top:1rem}}