body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box;margin:0;padding:0}body{background:linear-gradient(90deg,#4daf54,#3d8888);height:100vh}.card{background-color:#272d40;border-radius:20px;color:#fff;height:450px;margin:150px auto;padding:20px;position:relative;width:350px}.card .card__cart,.card .card__heart{font-size:25px;left:20px;position:absolute;top:15px;z-index:5}.card .card__cart{left:unset;right:20px}.card .card__image img{height:100%;object-fit:cover;width:100%}.card .card__price,.card .card__title{font-size:25px;font-weight:700;text-align:center}.card .card__title{color:#4daf54}.card .card__color,.card .card__size{align-items:center;display:flex;font-size:20px;font-weight:700}.card .card__size span{background-color:#dadada;border-radius:5px;color:#000;margin:5px;padding:0 5px}.card .card__color span{border-radius:50%;height:20px;margin:10px;width:20px}.card .card__color .card__color-green{background:green}.card .card__color .card__color-red{background:red}.card .card__color .card__color-black{background:#000}.card .card__buttons button{background:#4daf54;border:none;border-radius:5px;color:#fff;font-size:18px;font-weight:700;margin:5px;outline:none;padding:10px}.card .card__size{margin-top:100px}.card .card__buttons,.card .card__color,.card .card__size{opacity:0;transition:2s;visibility:hidden}.card .card__image img,.card .card__price,.card .card__title{transition:1s}.card .card__cart,.card .card__color span:hover,.card .card__heart,.card .card__size span:hover{cursor:pointer}.card .card__buttons button:hover{cursor:pointer;-webkit-transform:scale(.9);transform:scale(.9);transition:.1s}.card:hover .card__image img{-webkit-transform:rotate(-20deg) translateY(-100px);transform:rotate(-20deg) translateY(-100px);transition-duration:2.5s}.card:hover .card__price,.card:hover .card__title{-webkit-transform:translateY(-90px);transform:translateY(-90px);transition:2.5s}.card:hover .card__buttons,.card:hover .card__color,.card:hover .card__size{opacity:1;-webkit-transform:translateY(-150px);transform:translateY(-150px);transition:2.5s;visibility:visible}
/*# sourceMappingURL=main.82b10eae.css.map*/