.removescroll::-webkit-scrollbar{display:none}.h-scroll{display:flex;overflow:scroll;align-items:center;scroll-behavior:auto}.card{float:left;padding:1rem}.card .menu-content{margin:0;padding:0;list-style-type:none}.card .menu-content:before,.card .menu-content:after{content:"";display:table}.card .menu-content:after{clear:both}.card .menu-content li{display:inline-block}.card .menu-content a{color:#fff}.card .wrapper{margin:40px;aspect-ratio:4/5;background-color:#fff;min-height:65vh;position:relative;overflow:hidden;box-shadow:0 19px 38px #0000004d,0 15px 12px #0003}.card .wrapper:hover .data{transform:translateY(0)}.card .data{position:absolute;bottom:0;width:100%;transform:translateY(calc(130px + 1em));transition:transform .3s}.card .data .content{padding:1.5em;position:relative;z-index:1}.card .type{font-size:12px}.card .title{margin-top:10px}.card .text{height:100px;margin:0}.card input[type=checkbox]{display:none}.card input[type=checkbox]:checked+.menu-content{transform:translateY(-60px)}.example-3 .date{position:absolute;top:0;right:0;background-color:#333;color:#fff;padding:.75rem}.example-3 .date span{display:block;text-align:center}.example-3 .date .day{font-weight:700;font-size:3rem;text-shadow:2px 3px 2px rgba(0,0,0,.18)}.example-3 .date .month{text-transform:uppercase}.example-3 .date .month,.example-3 .date .year{font-size:10px}.example-3 .content{background-color:#00000080;color:#fff;box-shadow:0 5px 30px 10px #0000004d}.example-3 .title a{color:#fff}.example-3 .menu-content{display:flex}.example-3 .menu-content li{display:flex;background-color:#333}.example-3 .menu-content span{position:absolute;background-color:transparent;transition:all .3s;opacity:0}.example-3 .menu-content div{display:flex;justify-content:center;height:inherit;text-align:right}.example-3 .wrapper:hover .menu-content span{transform:translate(0);opacity:1}.example-3 .menu-content a{font-size:24px}.example-3 .button{display:block;width:100px;text-align:center;font-size:18px;color:#fff;line-height:1;position:relative;font-weight:700}.arrow{width:12px;height:12px;border-bottom:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg);animation:move 1.3s infinite;margin:-3px}.arrow:nth-child(2){animation-delay:.15s}.arrow:nth-child(3){animation-delay:.3s}@keyframes move{0%{opacity:0}50%{opacity:1}to{opacity:0;transform:translateY(40px) rotate(45deg)}}