.card{-ms-flex-preferred-size:20%;flex-basis:20%;position:relative;margin:16.5px}.card .face{width:330px;height:220px;-webkit-transition:0.5s;transition:0.5s;border-radius:27.5px;-webkit-transition:0.4s;transition:0.4s}.card .cardshadow{width:330px;height:220px;-webkit-transition:0.4s;transition:0.4s;position:absolute;border-radius:26.5px;-webkit-animation-name:fadein;animation-name:fadein;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;z-index:1;pointer-events:none}.card .face.card-top{position:relative;color:#fff;background:#222831;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-transform:translateY(110px);transform:translateY(110px);-webkit-animation-name:imgfadein;animation-name:imgfadein;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.card .face.card-top .under-construction{width:330px;height:220px;border-radius:25px;position:absolute;z-index:2}.card .face.card-top .content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;opacity:0.8;text-align:left}.card .face.card-top .content img{max-width:110px;max-height:125.224px}.card .face.card-top .content h3{padding-left:11px;max-width:165px;text-align:center}.card .face.card-descrip{position:relative;background:#222831;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:22px;-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transform:translateY(-110px);transform:translateY(-110px);color:#f2f2f2}.card .face.card-descrip .content{-webkit-animation-name:descripfadeout;animation-name:descripfadeout;-webkit-animation-duration:.18s;animation-duration:.18s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.card .face.card-descrip p,.card .face.card-descrip a{opacity:0.8}.card .face.card-descrip p{margin:0;padding:0}.card .face.card-descrip a{margin:11px 0 0;display:inline-block;text-decoration:none;color:#f2f2f2;font-weight:990;padding:5.5px;border:1.1px solid #f2f2f2}.card .face.card-descrip a:hover{background:#333}@-webkit-keyframes fadeout{0%{-webkit-box-shadow:16.5px 16.5px 33px #181d23,-16.5px -16.5px 33px #2c333f;box-shadow:16.5px 16.5px 33px #181d23,-16.5px -16.5px 33px #2c333f;opacity:1}60%{opacity:0}100%{-webkit-box-shadow:inset 16.5px 16.5px 33px #181d23,inset -16.5px -16.5px 33px #2c333f;box-shadow:inset 16.5px 16.5px 33px #181d23,inset -16.5px -16.5px 33px #2c333f;opacity:1}}@keyframes fadeout{0%{-webkit-box-shadow:16.5px 16.5px 33px #181d23,-16.5px -16.5px 33px #2c333f;box-shadow:16.5px 16.5px 33px #181d23,-16.5px -16.5px 33px #2c333f;opacity:1}60%{opacity:0}100%{-webkit-box-shadow:inset 16.5px 16.5px 33px #181d23,inset -16.5px -16.5px 33px #2c333f;box-shadow:inset 16.5px 16.5px 33px #181d23,inset -16.5px -16.5px 33px #2c333f;opacity:1}}@-webkit-keyframes fadein{0%{-webkit-box-shadow:inset 16.5px 16.5px 33px #181d23,inset -16.5px -16.5px 33px #2c333f;box-shadow:inset 16.5px 16.5px 33px #181d23,inset -16.5px -16.5px 33px #2c333f;opacity:1}60%{opacity:0}100%{-webkit-box-shadow:16.5px 16.5px 33px #181d23,-16.5px -16.5px 33px #2c333f;box-shadow:16.5px 16.5px 33px #181d23,-16.5px -16.5px 33px #2c333f;opacity:1}}@keyframes fadein{0%{-webkit-box-shadow:inset 16.5px 16.5px 33px #181d23,inset -16.5px -16.5px 33px #2c333f;box-shadow:inset 16.5px 16.5px 33px #181d23,inset -16.5px -16.5px 33px #2c333f;opacity:1}60%{opacity:0}100%{-webkit-box-shadow:16.5px 16.5px 33px #181d23,-16.5px -16.5px 33px #2c333f;box-shadow:16.5px 16.5px 33px #181d23,-16.5px -16.5px 33px #2c333f;opacity:1}}@-webkit-keyframes imgfadeout{0%{opacity:1}60%{opacity:0;visibility:hidden}100%{opacity:0;visibility:hidden}}@keyframes imgfadeout{0%{opacity:1}60%{opacity:0;visibility:hidden}100%{opacity:0;visibility:hidden}}@-webkit-keyframes imgfadein{0%{opacity:0;visibility:hidden}60%{opacity:0;visibility:visible}100%{opacity:1}}@keyframes imgfadein{0%{opacity:0;visibility:hidden}60%{opacity:0;visibility:visible}100%{opacity:1}}@-webkit-keyframes descripfadein{0%{opacity:0}60%{opacity:0}100%{opacity:1}}@keyframes descripfadein{0%{opacity:0}60%{opacity:0}100%{opacity:1}}@-webkit-keyframes descripfadeout{0%{opacity:1}100%{opacity:0}}@keyframes descripfadeout{0%{opacity:1}100%{opacity:0}}.card:hover .face.card-top{background:none;-webkit-transform:translateY(0px);transform:translateY(0px)}.card:hover .face.card-descrip{-webkit-transform:translateY(0px);transform:translateY(0px)}.card:hover .face.card-descrip .content{-webkit-animation-name:descripfadein;animation-name:descripfadein;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out}.card:hover .cardshadow{-webkit-transform:translateY(110px);transform:translateY(110px);height:440px;-webkit-animation-name:fadeout;animation-name:fadeout;-webkit-animation-duration:.3s;animation-duration:.3s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;z-index:1}
/*# sourceMappingURL=cards.min.css.map */