@keyframes floconVioletContactAnim{0%{bottom:110%;transform:rotate(0)}to{bottom:0;transform:rotate(360deg)}}@keyframes triangleVertClairContactAnim{0%{bottom:110%;transform:rotate(0)}to{bottom:100px;transform:rotate(270deg)}}@keyframes photo1Anim{0%{bottom:110%;transform:rotate(0)}to{bottom:120px;transform:rotate(160deg)}}@keyframes photo2Anim{0%{bottom:110%;transform:rotate(0)}to{bottom:63%;transform:rotate(380deg)}}@keyframes photo3Anim{0%{bottom:110%;transform:rotate(0)}to{bottom:30%;transform:rotate(400deg)}}@keyframes contactTag1Anim{0%{bottom:110%;transform:rotate(0)}to{bottom:47%;transform:rotate(-60deg)}}@keyframes contactTag2Anim{0%{bottom:110%;transform:rotate(0)}to{bottom:90%;transform:rotate(-10deg)}}@keyframes contactTag3Anim{0%{bottom:110%;transform:rotate(0)}to{bottom:90%;transform:rotate(15deg)}}@keyframes contactTag4Anim{0%{bottom:110%;transform:rotate(0)}to{bottom:88%;transform:rotate(-17deg)}}@keyframes contactTag5Anim{0%{bottom:110%;transform:rotate(0)}to{bottom:76%;transform:rotate(25deg)}}@keyframes contactTag6Anim{0%{bottom:110%;transform:rotate(0)}to{bottom:58%;transform:rotate(-23deg)}}@keyframes contactTag7Anim{0%{bottom:110%;transform:rotate(0)}to{bottom:2%;transform:rotate(350deg)}}@keyframes photo1AnimMobile{0%{bottom:110%;transform:rotate(0)}to{bottom:120px;transform:rotate(160deg)}}@keyframes photo2AnimMobile{0%{bottom:110%;transform:rotate(0)}to{bottom:10px;transform:rotate(380deg)}}.contact-container .css-animated{animation-duration:3s;animation-timing-function:linear;animation-iteration-count:1;animation-direction:normal;animation-play-state:paused;animation-fill-mode:forwards;position:absolute;bottom:110%;margin:0!important}.contact-container .css-animated#triangle-vert-clair-contact{width:8vw;height:8vw;left:auto;right:2%}.contact-container .css-animated#flocon-violet-contact{width:6vw;height:6vw;left:7%}.contact-container .css-animated.contact-tag{text-align:center;border:2px solid #000;min-width:120px;padding:12px 25px;font-size:1em}.contact-container .css-animated.photo{background-image:url(photo-nat.e238cb17.jpg);background-size:cover;border:6px solid #000;border-radius:15px;width:9vw;height:9vw;left:2%}.contact-container .css-animated.photo:last-child{left:auto;right:5%}.contact-container.open .css-animated#triangle-vert-clair-contact{animation-name:triangleVertClairContactAnim;animation-play-state:running}.contact-container.open .css-animated#flocon-violet-contact{animation-name:floconVioletContactAnim;animation-play-state:running}.contact-container.open .css-animated.contact-tag:first-of-type{animation-name:contactTag1Anim;animation-play-state:running;animation-delay:1.3s}.contact-container.open .css-animated.contact-tag:nth-of-type(2){animation-name:contactTag2Anim;animation-duration:1s;animation-play-state:running;animation-delay:2s}.contact-container.open .css-animated.contact-tag:nth-of-type(3){animation-name:contactTag3Anim;animation-duration:1s;animation-play-state:running;animation-delay:1.6s}.contact-container.open .css-animated.contact-tag:nth-of-type(4){animation-name:contactTag4Anim;animation-duration:1s;animation-play-state:running;animation-delay:1.2s}.contact-container.open .css-animated.contact-tag:nth-of-type(5){animation-name:contactTag5Anim;animation-duration:1.4s;animation-play-state:running;animation-delay:1.4s}.contact-container.open .css-animated.contact-tag:nth-of-type(6){animation-name:contactTag6Anim;animation-duration:1.5s;animation-play-state:running;animation-delay:1s}.contact-container.open .css-animated.contact-tag:nth-of-type(7){animation-name:contactTag7Anim;animation-play-state:running}.contact-container.open .css-animated.photo:first-of-type{animation-name:photo1Anim;animation-play-state:running;animation-delay:.9s}.contact-container.open .css-animated.photo:nth-of-type(2){animation-name:photo2Anim;animation-duration:2s;animation-play-state:running;animation-delay:1.6s}.contact-container.open .css-animated.photo:nth-of-type(3){animation-name:photo3Anim;animation-play-state:running;animation-delay:.3s}.contact-container .css-animated,.contact-container .css-animated#triangle-vert-clair-contact,.contact-container .css-animated#flocon-violet-contact,.contact-container .css-animated.contact-tag,.contact-container .css-animated.paused{transition:all .1s linear;animation-name:none;animation-play-state:paused}@media screen and (width<=800px){.contact-container .css-animated#triangle-vert-clair-contact{display:none}.contact-container .css-animated#flocon-violet-contact{width:25vw;height:25vw;left:15%}.contact-container .css-animated.contact-tag{display:none}.contact-container .css-animated.photo{width:25vw;height:25vw;left:55%}.contact-container .css-animated.photo:first-of-type{left:5%}.contact-container .css-animated.photo:last-child{display:none}.contact-container.open .css-animated.photo:first-of-type{animation-name:photo1AnimMobile}.contact-container.open .css-animated.photo:nth-of-type(2){animation-name:photo2AnimMobile}}
/*# sourceMappingURL=vert-nana.ce88e869.css.map */