body{background:#f9f8fe}a{color:#9670f4}.App{max-width:960px;margin:0 auto;padding:0 20px}.App-header{margin:30px 0}.App-logo{max-width:200px;margin:0 auto;display:block}.App-footer{text-align:center;margin:30px auto}.Dictionary{text-align:left;margin-top:50px}.Dictionary h5{margin:20px 0 10px;padding-top:30px;font-size:12px}.Dictionary section{background:#fff;border-radius:8px;margin:20px 0;padding:30px;box-shadow:0 4px 8px #0000001a}.Dictionary input{border:1px solid #ddd;border-radius:4px;width:100%;margin:0 auto;font-size:16px}.App-logo{max-width:200px;height:auto;padding-bottom:30px;display:inline}.App-footer{text-align:center;margin-top:50px}.reset-btn{color:#667eea;cursor:pointer;background:0 0;border:2px solid #667eea;border-radius:15px;margin-top:20px;padding:10px 28px;font-size:16px;transition:all .3s}.reset-btn:hover{color:#fff;background:#667eea}.listen-button{color:#667eea;cursor:pointer;background:0 0;border:2px solid #667eea;border-radius:5px;margin-left:10px;padding:6px 10px;font-size:14px;transition:all .3s}.listen-button:hover{color:#fff;background:#667eea}.reset-button{margin-top:10px;margin-bottom:10px;margin-left:auto;display:block}.gallery{margin-top:20px}.gallery img{object-fit:cover;border-radius:8px;width:100%;height:200px;margin-bottom:15px;transition:transform .3s}.gallery img:hover{transform:scale(1.03)}@media (width<=768px){.Dictionary{margin-top:20px;padding:0 15px}.Dictionary h2{font-size:24px}.Dictionary h3{font-size:18px}.Dictionary section{padding:20px}.input-group{flex-direction:column}.input-group .btn{width:100%;margin-top:8px;border-radius:6px!important}.reset-button{float:none;width:100%;margin-bottom:40px}.listen-button{width:100%;margin-top:10px;margin-left:0}}