html{scroll-behavior:smooth}body{background:-webkit-linear-gradient(11deg,#009181,#266aa6);background:linear-gradient(11deg,#009181,#266aa6)}@tailwind base;@tailwind components;@tailwind utilities;.card{position:relative;width:100%;height:320px;background:#48d1cc;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:700;border-radius:15px;cursor:pointer;transition:all .5s ease}.card:before,.card:after{position:absolute;content:"";width:20%;height:20%;display:flex;align-items:center;justify-content:center;font-size:2rem;color:#fff;font-weight:700;background-color:#266aa6;transition:all .5s}.card:before{top:0;right:0;border-radius:0 15px 0 100%}.card:after{bottom:0;left:0;border-radius:0 100% 0 15px}.card:hover:before,.card:hover:after{width:100%;height:100%;border-radius:15px}.card:hover:after{content:attr(data-content)}