.flip-card{perspective:1000px}.title{text-align:center;margin:0;font-size:1.5em;font-weight:900}.flip-card-inner{text-align:center;width:100%;height:100%;transform-style:preserve-3d;transition:transform 1.2s;position:relative}.flip-card:hover .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;flex-direction:column;justify-content:center;width:100%;height:100%;display:flex;position:absolute;box-shadow:0 8px 14px #0003}.flip-card-back{transform:rotateY(180deg)}.white-box{color:#fff;z-index:2;border-radius:5px;flex-direction:column;justify-content:center;align-items:center;min-height:350px;padding:50px 0 60px;font-size:15px;font-weight:400;transition:all .5s;animation:.5s ease-in-out fabricBoxes;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -14px #000000bf}.white-box:hover{background-color:#fff;background-image:none;transition:all .5s;transform:scale(1.05);box-shadow:0 10px 20px -5px #000000bf}.white-box:hover .box-detail{opacity:1;transition:all .5s;top:0}.white-box:hover .box-label{opacity:0;visibility:hidden;transition:all .2s}.white-box:hover:after{opacity:0;transition:opacity .5s}.white-box .box-detail{color:#fff;opacity:0;text-align:center;width:100%;padding:0 30px;transition:all .5s;position:absolute;top:50%}.white-box .box-label{opacity:1;visibility:visible;transition-delay:.215s}.white-box-portfolio{color:#fff;z-index:2;border-radius:5px;flex-direction:column;justify-content:flex-end;align-items:center;min-height:200px;font-size:15px;font-weight:400;transition:all .5s;animation:.5s ease-in-out fabricBoxes;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 20px -14px #000000bf}.white-box-portfolio:hover{background-color:#031018;background-image:none;transition:all .5s;transform:scale(1.05);box-shadow:0 10px 20px -5px #000000bf}.white-box-portfolio:hover .box-detail{opacity:1;transition:all .5s;top:0}.white-box-portfolio:hover .box-label{opacity:0;visibility:hidden;transition:all .2s}.white-box-portfolio:hover:after{opacity:0;transition:opacity .5s}.white-box-portfolio .box-detail{color:#fff;opacity:0;text-align:center;padding:0 30px;transition:all .5s;position:absolute;top:50%}.white-box-portfolio .box-label{opacity:1;visibility:visible;transition-delay:.215s}@keyframes fabricBoxes{0%{transform:rotateX(75deg)translateY(-350px)translateZ(-100px)}}