@import url("https://fonts.googleapis.com/css?family=Lato");.flip-card-container{--hue:100;--primary:#2593cc;--secondary:#f13570;--white-1:#e6e6e6;--white-2:#ccc;--dark:hsl(black,25%,10%);--grey:grey;width:278px;height:425px;margin:1rem;perspective:1000px}.flip-card{width:inherit;height:inherit;position:relative;transform-style:preserve-3d;transition:.6s .1s}.flip-card-container:focus-within .flip-card,.flip-card-container:hover .flip-card{transform:rotateY(180deg)}.card-back,.card-front{width:100%;height:100%;border-radius:24px;background:var(--dark);position:absolute;top:0;left:0;overflow:hidden;backface-visibility:hidden;display:flex;justify-content:center;padding-bottom:1rem}.card-back-border{border-radius:24px;outline:2px solid #f13570;outline-offset:-2px}.card-front{transform:rotateY(0deg);z-index:2;align-items:end}.card-back{transform:rotateY(180deg);z-index:1}.fictacard figure{z-index:-1}.fictacard figure,.img-bg{position:absolute;top:0;left:0;width:100%;height:100%}.fictacard img{height:100%;border-radius:24px}.fictacard figcaption{letter-spacing:2px;word-spacing:6px;left:12px;color:var(--white-1);background:hsla(0,0%,39%,.15)}.age,.fictacard figcaption{display:block;border-radius:12px;width:auto;margin-top:5%;padding:8px 22px;font-weight:700;line-height:1.6;text-align:right;position:absolute;top:0}.age{letter-spacing:0;word-spacing:2px;right:12px;color:hsla(0,0%,100%,.8);background:none}.img-bg{background:rgba(0,0,0,.15)}.card-front .img-bg{clip-path:polygon(0 60%,100% 80%,100% 100%,0 100%)}.card-front .img-bg:before{content:"";position:absolute;top:75%;left:50%;transform:translate(-50%,-50%) rotate(18deg);width:100%;height:6px;border-color:currentcolor;border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:2px solid var(--primary);border-top:2px solid var(--secondary);transition:.1s}.card-back .img-bg{clip-path:polygon(0 0,100% 0,100% 80%,0 60%)}.flip-card-container:hover .card-front .img-bg:before{width:6px;border-left-color:var(--primary);border-right-color:var(--primary)}.fictacard ul{padding-top:20%;margin:0 auto;width:90%;height:100%;list-style:none;color:var(--white-1);display:flex;justify-content:center;align-items:center;flex-direction:column}.fictacard li{width:100%;margin-top:12px;padding-bottom:12px;font-size:14px;text-align:center;position:relative}.fictacard li:nth-child(2n){color:var(--white-2)}.long-text{font-weight:300;text-align:justify}.fictacard button{font-family:IBM Plex Sans;font-weight:medium;color:var(--white-1);border-radius:1000px;transition:.3s;cursor:pointer}.fictacard button:focus,.fictacard button:hover{color:var(--primary);background:hsla(var(--hue),25%,10%,.2);border-color:currentColor}.fictacard button:active{transform:translate(2px)}.btn-front{background:rgba(50,50,50,.5);letter-spacing:2px;padding:9px 20px;border:1px solid var(--grey)}.btn-back{background:transparent;letter-spacing:0;font-size:.85rem;padding:0}.design-container{--tr:90;--op:.5;width:100%;height:100%;background:transparent;position:absolute;top:0;left:0;pointer-events:none}.design{display:block;background:var(--grey);position:absolute;opacity:var(--op);transition:.3s}.design--1,.design--2,.design--3,.design--4{width:1px;height:100%}.design--1,.design--2{top:0;transform:translateY(calc((var(--tr) - (var(--tr) * 2)) * 1%))}.design--1{left:20%}.design--2{left:80%}.design--3,.design--4{bottom:0;transform:translateY(calc((var(--tr) + (var(--tr) - var(--tr))) * 1%))}.design--3{left:24%}.design--4{left:76%}.design--5,.design--6,.design--7,.design--8{width:100%;height:1px}.design--5,.design--6{left:0;transform:translateX(calc((var(--tr) - (var(--tr) * 2)) * 1%))}.design--5{top:41%}.design--6{top:59%}.design--7,.design--8{right:0;transform:translateX(calc((var(--tr) + (var(--tr) - var(--tr))) * 1%))}.design--7{top:44%}.design--8{top:56%}.contact-section:active+.design-container,.contact-section:focus+.design-container,.contact-section:hover+.design-container{--tr:20;--op:.7}.abs-site-link{position:fixed;bottom:20px;left:20px;color:hsla(0,0%,100%,.6);font-size:16px;font-family:IBM Plex Sans,-apple-system,BlinkMacSystemFont,sans-serif}body{-webkit-backface-visibility:hidden}.animated{animation-duration:1s;animation-fill-mode:both}.animated.hinge{animation-duration:2s}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{animation-name:flash}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-10px)}20%,40%,60%,80%{transform:translateX(10px)}}.shake{animation-name:shake}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-30px)}60%{transform:translateY(-15px)}}.bounce{animation-name:bounce}@keyframes tada{0%{transform:scale(1)}10%,20%{transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale(1.1) rotate(3deg)}40%,60%,80%{transform:scale(1.1) rotate(-3deg)}to{transform:scale(1) rotate(0)}}.tada{animation-name:tada}@keyframes swing{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.swing{transform-origin:top center;animation-name:swing}@keyframes wobble{0%{transform:translateX(0)}15%{transform:translateX(-25%) rotate(-5deg)}30%{transform:translateX(20%) rotate(3deg)}45%{transform:translateX(-15%) rotate(-3deg)}60%{transform:translateX(10%) rotate(2deg)}75%{transform:translateX(-5%) rotate(-1deg)}to{transform:translateX(0)}}.wobble{animation-name:wobble}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.pulse{animation-name:pulse}@keyframes flip{0%{transform:perspective(400px) rotateY(0);animation-timing-function:ease-out}40%{transform:perspective(400px) translateZ(150px) rotateY(170deg);animation-timing-function:ease-out}50%{transform:perspective(400px) translateZ(150px) rotateY(190deg) scale(1);animation-timing-function:ease-in}80%{transform:perspective(400px) rotateY(1turn) scale(.95);animation-timing-function:ease-in}to{transform:perspective(400px) scale(1);animation-timing-function:ease-in}}.flip{-webkit-backface-visibility:visible!important;-webkit-animation-name:flip;-moz-backface-visibility:visible!important;-moz-animation-name:flip;-o-backface-visibility:visible!important;-o-animation-name:flip;backface-visibility:visible!important;animation-name:flip}@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);opacity:0}40%{transform:perspective(400px) rotateX(-10deg)}70%{transform:perspective(400px) rotateX(10deg)}to{transform:perspective(400px) rotateX(0deg);opacity:1}}.flipInX{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInX;-moz-backface-visibility:visible!important;-moz-animation-name:flipInX;-o-backface-visibility:visible!important;-o-animation-name:flipInX;backface-visibility:visible!important;animation-name:flipInX}@keyframes flipOutX{0%{transform:perspective(400px) rotateX(0deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.flipOutX{-webkit-animation-name:flipOutX;-webkit-backface-visibility:visible!important;-moz-animation-name:flipOutX;-moz-backface-visibility:visible!important;-o-animation-name:flipOutX;-o-backface-visibility:visible!important;animation-name:flipOutX;backface-visibility:visible!important}@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);opacity:0}40%{transform:perspective(400px) rotateY(-10deg)}70%{transform:perspective(400px) rotateY(10deg)}to{transform:perspective(400px) rotateY(0deg);opacity:1}}.flipInY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipInY;-moz-backface-visibility:visible!important;-moz-animation-name:flipInY;-o-backface-visibility:visible!important;-o-animation-name:flipInY;backface-visibility:visible!important;animation-name:flipInY}@keyframes flipOutY{0%{transform:perspective(400px) rotateY(0deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.flipOutY{-webkit-backface-visibility:visible!important;-webkit-animation-name:flipOutY;-moz-backface-visibility:visible!important;-moz-animation-name:flipOutY;-o-backface-visibility:visible!important;-o-animation-name:flipOutY;backface-visibility:visible!important;animation-name:flipOutY}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{animation-name:fadeIn}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fadeInUp{animation-name:fadeInUp}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.fadeInDown{animation-name:fadeInDown}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.fadeInLeft{animation-name:fadeInLeft}@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}.fadeInRight{animation-name:fadeInRight}@keyframes fadeInUpBig{0%{opacity:0;transform:translateY(2000px)}to{opacity:1;transform:translateY(0)}}.fadeInUpBig{animation-name:fadeInUpBig}@keyframes fadeInDownBig{0%{opacity:0;transform:translateY(-2000px)}to{opacity:1;transform:translateY(0)}}.fadeInDownBig{animation-name:fadeInDownBig}@keyframes fadeInLeftBig{0%{opacity:0;transform:translateX(-2000px)}to{opacity:1;transform:translateX(0)}}.fadeInLeftBig{animation-name:fadeInLeftBig}@keyframes fadeInRightBig{0%{opacity:0;transform:translateX(2000px)}to{opacity:1;transform:translateX(0)}}.fadeInRightBig{animation-name:fadeInRightBig}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.fadeOut{animation-name:fadeOut}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.fadeOutUp{animation-name:fadeOutUp}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(20px)}}.fadeOutDown{animation-name:fadeOutDown}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-20px)}}.fadeOutLeft{animation-name:fadeOutLeft}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(20px)}}.fadeOutRight{animation-name:fadeOutRight}@keyframes fadeOutUpBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-2000px)}}.fadeOutUpBig{animation-name:fadeOutUpBig}@keyframes fadeOutDownBig{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(2000px)}}.fadeOutDownBig{animation-name:fadeOutDownBig}@keyframes fadeOutLeftBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-2000px)}}.fadeOutLeftBig{animation-name:fadeOutLeftBig}@keyframes fadeOutRightBig{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(2000px)}}.fadeOutRightBig{animation-name:fadeOutRightBig}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{transform:scale(1)}}.bounceIn{animation-name:bounceIn}@keyframes bounceInUp{0%{opacity:0;transform:translateY(2000px)}60%{opacity:1;transform:translateY(-30px)}80%{transform:translateY(10px)}to{transform:translateY(0)}}.bounceInUp{animation-name:bounceInUp}@keyframes bounceInDown{0%{opacity:0;transform:translateY(-2000px)}60%{opacity:1;transform:translateY(30px)}80%{transform:translateY(-10px)}to{transform:translateY(0)}}.bounceInDown{animation-name:bounceInDown}@keyframes bounceInLeft{0%{opacity:0;transform:translateX(-2000px)}60%{opacity:1;transform:translateX(30px)}80%{transform:translateX(-10px)}to{transform:translateX(0)}}.bounceInLeft{animation-name:bounceInLeft}@keyframes bounceInRight{0%{opacity:0;transform:translateX(2000px)}60%{opacity:1;transform:translateX(-30px)}80%{transform:translateX(10px)}to{transform:translateX(0)}}.bounceInRight{animation-name:bounceInRight}@keyframes bounceOut{0%{transform:scale(1)}25%{transform:scale(.95)}50%{opacity:1;transform:scale(1.1)}to{opacity:0;transform:scale(.3)}}.bounceOut{animation-name:bounceOut}@keyframes bounceOutUp{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(20px)}to{opacity:0;transform:translateY(-2000px)}}.bounceOutUp{animation-name:bounceOutUp}@keyframes bounceOutDown{0%{transform:translateY(0)}20%{opacity:1;transform:translateY(-20px)}to{opacity:0;transform:translateY(2000px)}}.bounceOutDown{animation-name:bounceOutDown}@keyframes bounceOutLeft{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(20px)}to{opacity:0;transform:translateX(-2000px)}}.bounceOutLeft{animation-name:bounceOutLeft}@keyframes bounceOutRight{0%{transform:translateX(0)}20%{opacity:1;transform:translateX(-20px)}to{opacity:0;transform:translateX(2000px)}}.bounceOutRight{animation-name:bounceOutRight}@keyframes rotateIn{0%{transform-origin:center center;transform:rotate(-200deg);opacity:0}to{transform-origin:center center;transform:rotate(0);opacity:1}}.rotateIn{animation-name:rotateIn}@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInUpLeft{animation-name:rotateInUpLeft}@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:left bottom;transform:rotate(0);opacity:1}}.rotateInDownLeft{animation-name:rotateInDownLeft}@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInUpRight{animation-name:rotateInUpRight}@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(90deg);opacity:0}to{transform-origin:right bottom;transform:rotate(0);opacity:1}}.rotateInDownRight{animation-name:rotateInDownRight}@keyframes rotateOut{0%{transform-origin:center center;transform:rotate(0);opacity:1}to{transform-origin:center center;transform:rotate(200deg);opacity:0}}.rotateOut{animation-name:rotateOut}@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(-90deg);opacity:0}}.rotateOutUpLeft{animation-name:rotateOutUpLeft}@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;transform:rotate(0);opacity:1}to{transform-origin:left bottom;transform:rotate(90deg);opacity:0}}.rotateOutDownLeft{animation-name:rotateOutDownLeft}@keyframes rotateOutUpRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}}.rotateOutUpRight{animation-name:rotateOutUpRight}@keyframes rotateOutDownRight{0%{transform-origin:right bottom;transform:rotate(0);opacity:1}to{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}}.rotateOutDownRight{animation-name:rotateOutDownRight}@keyframes hinge{0%{transform:rotate(0);transform-origin:top left;animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}40%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out}80%{transform:rotate(60deg) translateY(0);opacity:1;transform-origin:top left;animation-timing-function:ease-in-out}to{transform:translateY(700px);opacity:0}}.hinge{animation-name:hinge}@keyframes rollIn{0%{opacity:0;transform:translateX(-100%) rotate(-120deg)}to{opacity:1;transform:translateX(0) rotate(0deg)}}.rollIn{animation-name:rollIn}@keyframes rollOut{0%{opacity:1;transform:translateX(0) rotate(0deg)}to{opacity:0;transform:translateX(100%) rotate(120deg)}}.rollOut{animation-name:rollOut}@keyframes lightSpeedIn{0%{transform:translateX(100%) skewX(-30deg);opacity:0}60%{transform:translateX(-20%) skewX(30deg);opacity:1}80%{transform:translateX(0) skewX(-15deg);opacity:1}to{transform:translateX(0) skewX(0deg);opacity:1}}.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}.animated.lightSpeedIn{animation-duration:.5s}@keyframes lightSpeedOut{0%{transform:translateX(0) skewX(0deg);opacity:1}to{transform:translateX(100%) skewX(-30deg);opacity:0}}.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}.animated.lightSpeedOut{animation-duration:.25s}@keyframes wiggle{0%{transform:skewX(9deg)}10%{transform:skewX(-8deg)}20%{transform:skewX(7deg)}30%{transform:skewX(-6deg)}40%{transform:skewX(5deg)}50%{transform:skewX(-4deg)}60%{transform:skewX(3deg)}70%{transform:skewX(-2deg)}80%{transform:skewX(1deg)}90%{transform:skewX(0deg)}to{transform:skewX(0deg)}}.wiggle{animation-name:wiggle;animation-timing-function:ease-in}.animated.wiggle{animation-duration:.75s}