@charset "UTF-8";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body,#root{min-width:100%;min-height:100dvh;height:100dvh;width:100%}.subtle{color:#aaa}.main-card--cointainer{display:grid;grid-template-columns:repeat(3,minmax(300px,500px));grid-gap:50px;justify-content:space-around;padding:0 50px 50px}.card-container{margin:25px auto 0;position:relative;display:grid;grid-template-columns:1fr;justify-content:space-around;align-items:flex-start}.card-container img{max-width:100%;height:300px}.card{background-color:#fff;padding:30px;position:relative;box-shadow:0 0 5px #4b4b4b12;z-index:1}.card-body{display:inline-block}.card-number{margin-top:15px}.card-circle{border:1px solid #aaa;border-radius:50%;display:inline-block;line-height:22px;font-size:12px;height:25px;text-align:center;width:25px}.card-author{display:block;font-size:12px;letter-spacing:.5px;margin:15px 0 0;text-transform:uppercase}.card-title{font-family:Cormorant Garamond,serif;font-size:60px;font-weight:300;line-height:60px;margin:10px 0;text-transform:capitalize}.card-description{font-weight:300;line-height:22px;margin:10px 0}.card-read{cursor:pointer;font-size:14px;font-weight:700;letter-spacing:6px;margin:5px 0 20px;position:relative;text-align:right;text-transform:uppercase}.card-read:after{background-color:#b8bddd;content:"";display:block;height:1px;position:absolute;top:9px;width:75%}.card-tag{float:right;margin:5px 0 0;border:1px solid #aaa;padding:5px 10px;cursor:pointer}.card-tag:hover{background:#aaa;color:#000}.card-media{max-width:100%;height:auto}.card-shadow{background-color:#fff;box-shadow:0 2px 25px 2px #000,0 2px 50px 2px #000,0 0 100px 3px #00000040;height:1px;margin:-1px auto 0;width:80%;z-index:-1}@media (max-width: 998px){.main-card--cointainer{display:grid;grid-template-columns:repeat(1,minmax(200px,500px));grid-gap:50px;justify-content:space-around}}.navbar{padding-top:50px;text-align:center}.navbar h1{padding-bottom:20px;text-transform:capitalize}.btn-group{border-radius:1rem;text-transform:capitalize}.btn-group__item{border:none;padding:1.5rem 3rem;background-color:#fff;cursor:pointer;margin:0;font-size:17px;box-shadow:inset 0 0 0 -15px #639;transition:all .3s ease-out;text-transform:capitalize}.btn-group__item:last-child{border-top-right-radius:1rem;border-bottom-right-radius:1rem}.btn-group__item:first-child{border-top-left-radius:1rem;border-bottom-left-radius:1rem}.btn-group__item.active,.btn-group__item:hover,.btn-group__item:focus{color:#639;box-shadow:inset 0 -20px 0 -15px #639}.btn-group__item:focus{outline:none}.btn-group__item:after{content:"✔️";margin-left:.5rem;display:inline-block;color:#639;position:absolute;transform:translatey(10px);opacity:0;transition:all .2s ease-out}.btn-group__item--active:after{opacity:1;transform:translatey(-2px)}