body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f5f5f5;font-family:Open Sans,sans-serif;margin:0}.word{background-color:#fff;border-left:6px solid #102e5e;border-radius:5px;box-shadow:0 3px 6px #0000001a;display:flex;flex-direction:column;gap:16px;margin:20px 0;overflow:hidden;padding:20px;position:relative;transition:all .3s ease-in-out}p{margin:0}.word-header{align-items:flex-start;display:flex}.word-header-info{align-items:baseline;display:flex;flex-direction:column;gap:4px}.word-image{border-radius:8px;margin-right:20px;width:150px}.small-word-image{border-radius:3px;margin-right:4px;width:20px}.word-title{color:#abb1ba;font-size:1.8rem;margin:0;width:calc(100% - 130px);.word-name{&.active{color:#102e5e;white-space:nowrap}&:not(.active){cursor:pointer;&:hover{color:#3f4f69;text-decoration:underline}}}}.word-definition{font-size:18px}.word-content{display:flex;flex-direction:column;gap:16px}label{display:block}.label{color:#4f5155;font-weight:700;margin-bottom:5px}.word-examples{align-items:baseline;display:flex;flex-direction:column;gap:8px}.word-examples ul{margin:0}.example{font-style:italic;font-weight:400;margin-bottom:8px}.word-part-of-speech{background:#102e5e;border-bottom-left-radius:16px;color:#fff;font-size:13px;font-weight:600;padding:4px 12px 5px;position:absolute;right:0;top:0}@media (max-width:768px){.word{border-bottom:6px solid #102e5e;border-left-width:0}.word,.word-header{flex-direction:column}.word-header{align-items:flex-start}.word-image{margin-bottom:10px;width:250px}.word-title{font-size:1.5rem;margin-top:-48px;padding:20px 0;width:100%;z-index:10}.img-wrapper{position:relative}.gradient{background:linear-gradient(0deg,#fff,#0000);bottom:-24px;height:150px;left:-24px;position:absolute;width:calc(100% + 48px);z-index:1}.word-part-of-speech{border-top-left-radius:16px;font-size:12px;top:12px}ul{padding-left:24px}.word-image{margin:-24px;width:calc(100% + 48px)}.word-header-info{z-index:1}}.App{color:#000;margin:0 auto;max-width:960px;padding:40px;text-align:left}.header{align-items:center;display:flex;flex-direction:column;justify-content:center;width:100%}.header img{border:6px solid #5e4e1044;border-radius:100%;padding:4px;width:200px}h1{color:#102e5e;font-size:2.5rem;margin-bottom:8px;text-align:center}h2{margin-top:60px}p{color:#444;line-height:1.4}.subtitle{font-size:18px;font-weight:400}@media (max-width:768px){.App{padding:20px}h1{font-size:2rem}h2{margin-top:24px}}
/*# sourceMappingURL=main.e109b7af.css.map*/