body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{-webkit-animation:App-logo-spin 20s linear infinite;animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@-webkit-keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes App-logo-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.profil-masseffect{width:100%;height:auto}.container-img-profil{margin:0;width:100%;height:400px;z-index:0;top:60px}.marker-img-pnj{width:20px;height:20px;margin-right:5px}.img-profil-ME{width:100%;height:100%;object-fit:cover}.infos-container{border-top-right-radius:20px;border-top-left-radius:20px;width:100%;height:auto;background-color:#eee;margin-top:-30px;z-index:1000;position:absolute;padding-top:20px}.infos-container h1,.infos-container h2,.infos-container h3,.infos-container p{margin-left:10%;margin-right:10%}.infos-container p{color:#818181}.img-left-arrow{width:45px;height:45px;-webkit-filter:invert(100%) drop-shadow(0 0 .75rem grey);filter:invert(100%) drop-shadow(0 0 .75rem grey);position:absolute;margin:15px}.ProfileCreation{background-color:#eee;font-family:"Varela Round",sans-serif;padding:20px;text-align:left}.picture{background-image:linear-gradient(to bottom right,#ffa48d,#fd4585)}.picture,.pictureUp{width:280px;height:60px;border-radius:10px;outline:none;cursor:pointer;font-size:25px;border:0;color:#fff;font-family:"Varela Round",sans-serif;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:auto auto 20px}.pictureUp{background-image:linear-gradient(to bottom right,#8fda49,#279b23)}.spacemeet{text-align:center;margin:0 0 20px;text-transform:uppercase}.infos{display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-align-items:center;align-items:center}.pseudoContainer{font-size:20px}.aboutContainer,.birthdayContainer,.emailContainer,.genderContainer,.pseudoContainer,.quoteContainer,.raceContainer{text-align:center;font-size:20px;width:100%;margin:20px 0}.input-about,.input-birthday,.input-email,.input-pseudo,.input-quote{padding-left:10px}.input-about,.input-birthday,.input-email,.input-gender,.input-pseudo,.input-quote,.input-race{width:90%;height:50px;text-decoration:none;outline:none;font-size:20px;background-color:#eee;border:none;border-bottom:2px solid grey;color:#a5a5a5}.form-group{display:-webkit-flex;display:flex;margin:20px auto;padding:15px;font-size:23px}.form-check-label{margin:0 5px}.signup-btn{margin-top:40px;background-image:linear-gradient(to bottom right,#ffa48d,#fd4585);width:180px;height:60px;border-radius:10px;outline:none;cursor:pointer;font-size:20px;text-transform:uppercase;border:0;color:#fff;font-family:"Varela Round",sans-serif}.button-edit{max-width:35px;margin-right:35px;margin-bottom:-65px}.button-edit-container{display:-webkit-flex;display:flex;-webkit-justify-content:flex-end;justify-content:flex-end}.infos-container>h1,.infos-container>h3,.infos-container>p{text-align:left}.pictureEdit{width:60px;height:60px;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin:auto auto 20px}.img-left-arrow-edit{width:45px;height:45px;position:absolute;margin:15px;-webkit-filter:invert(100%) drop-shadow(0 0 .75rem grey);filter:invert(100%) drop-shadow(0 0 .75rem grey)}.miniature{max-width:150px;max-height:110px;border-radius:10px;margin-top:30px}@-webkit-keyframes rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}@keyframes rotate{0%{-webkit-transform:translate(-50%,-50%) rotate(0);transform:translate(-50%,-50%) rotate(0)}to{-webkit-transform:translate(-50%,-50%) rotate(1turn);transform:translate(-50%,-50%) rotate(1turn)}}.preloader{height:100vh;width:100vw;background:#eee;position:fixed;top:0;left:0;z-index:99;text-align:center}.preloader__h1{text-transform:uppercase;margin-top:100px;font-size:30px}.preloader__wrapper{position:absolute;top:55%;left:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:300px;height:300px}.preloader__loading-page-btn{width:180px;height:60px;border-radius:10px;outline:none;cursor:pointer;font-size:20px;text-transform:uppercase;bottom:10%;left:30%;position:absolute;background-image:linear-gradient(to bottom right,#ffa48d,#fd4585);border:0;color:#fff;font-family:"Varela Round",sans-serif}.preloader__img{width:70px;height:70px;position:absolute;top:38%;left:39%}.preloader__circle{width:100%;height:100%;display:inline-block;z-index:99;position:relative;transition:.3s ease}.preloader__circle-line{-webkit-animation:rotate 3.5s ease-in-out infinite;animation:rotate 3.5s ease-in-out infinite;border-color:transparent #ffa48d transparent #fd4585;border-style:solid;border-width:1px 2px;border-radius:50%;position:absolute;left:50%;top:50%}.preloader__circle-line--1{width:280px;height:280px;-webkit-animation-duration:1s;animation-duration:1s}.preloader__circle-line--2{width:260px;height:260px;-webkit-animation-duration:2s;animation-duration:2s}.preloader__circle-line--3{width:240px;height:240px;-webkit-animation-duration:3s;animation-duration:3s}.preloader__circle-line--4{width:220px;height:220px;-webkit-animation-duration:4s;animation-duration:4s}.preloader__circle-line--5{width:200px;height:200px;-webkit-animation-duration:5s;animation-duration:5s}.preloader__circle-line--6{width:180px;height:180px;-webkit-animation-duration:6s;animation-duration:6s}.preloader__circle-line--7{width:160px;height:160px;-webkit-animation-duration:7s;animation-duration:7s}.preloader__circle-line--8{width:140px;height:140px;-webkit-animation-duration:8s;animation-duration:8s}.preloader__circle-line--9{width:120px;height:120px;-webkit-animation-duration:9s;animation-duration:9s}.preloader__circle-line--10{width:100px;height:100px;-webkit-animation-duration:10s;animation-duration:10s}.navbar-first{width:100%;height:70px;display:-webkit-flex;display:flex;-webkit-flex-direction:row;flex-direction:row;-webkit-justify-content:space-between;justify-content:space-between}.img-profil-navbar{margin:12px 17px;width:45px;height:45px;-webkit-filter:invert(70%);filter:invert(70%)}.chat-container{width:90%;margin:auto}.chat-container h3{margin:5px 0;color:#ff196a}.match-list{height:150px}.match-list-container{width:100%;height:130px;display:-webkit-flex;display:flex;overflow:scroll;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;box-sizing:border-box}.chat-list-container{width:100%;height:50vh}.match-item{margin-right:5px;margin-left:5px;box-shadow:0 0 5px 1px grey}.charIcon,.match-item{height:65px;width:65px;border-radius:50%}.msgIcon{width:30px;margin:10px}.match-chat{background-color:#eee;height:51vh;border-radius:10px;padding:10px;overflow:scroll}.match-input{margin-top:3px;height:70px;width:100%;border-radius:10px}.messages{margin-top:15px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;padding:10px}.message-pnj{text-align:left;margin-right:25%;background-image:linear-gradient(to bottom right,#8fda49,#279b23)}.message-pnj,.message-user{border-radius:20px;padding:8px 15px;margin-top:5px;margin-bottom:5px;list-style:none;position:relative}.message-user{text-align:right;margin-left:25%;background-image:linear-gradient(to bottom right,#ffa48d,#fd4585)}.input-chat{height:40px;margin-left:5px;width:80%;border-radius:20px;border:0;padding-left:10px;font-size:15px;outline:none;background-color:#eee;box-shadow:0 0 5px 1px #eee}.chat-box{display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;height:70px;-webkit-justify-content:space-between;justify-content:space-between}.send-btn{background-color:transparent;outline:none;border:0;width:60px;height:30px}.send-btn-icon{width:30px;height:30px}.startChat{-webkit-justify-content:center;justify-content:center}.container-img,.startChat{display:-webkit-flex;display:flex}.container-img{margin:auto;width:80%;-webkit-justify-content:space-around;justify-content:space-around;-webkit-align-items:center;align-items:center;height:140px}.cross,.heart{width:80px;height:80px}.MatchNoMore{width:100%;height:auto;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;margin-top:200px}.noMore{color:#818181;height:30px;word-wrap:normal}.emojiWink{height:20%;width:20%}:root{--hearts-fly-range:1;--hearts-speed:0.5}.hearts-effects-container{position:absolute;width:80vw;height:60vh;z-index:999}.hearts-effects-container .heart{height:40px;width:40px;opacity:0;position:absolute;bottom:0;left:0;-webkit-filter:drop-shadow(5px 5px 2px #000);filter:drop-shadow(5px 5px 2px black)}@-webkit-keyframes heart-fade1{0%{-webkit-transform:translate(100%) rotate(0deg);transform:translate(100%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(-100%,-900%) rotate(1turn);transform:translate(-100%,-900%) rotate(1turn);-webkit-transform:translate(-100%,calc(-900%*var(--hearts-fly-range))) rotate(1turn);transform:translate(-100%,calc(-900%*var(--hearts-fly-range))) rotate(1turn)}to{opacity:0}}@keyframes heart-fade1{0%{-webkit-transform:translate(100%) rotate(0deg);transform:translate(100%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(-100%,-900%) rotate(1turn);transform:translate(-100%,-900%) rotate(1turn);-webkit-transform:translate(-100%,calc(-900%*var(--hearts-fly-range))) rotate(1turn);transform:translate(-100%,calc(-900%*var(--hearts-fly-range))) rotate(1turn)}to{opacity:0}}@-webkit-keyframes heart-fade2{0%{-webkit-transform:translate(150%) rotate(0deg);transform:translate(150%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(80%,-890%) rotate(340deg);transform:translate(80%,-890%) rotate(340deg);-webkit-transform:translate(80%,calc(-890%*var(--hearts-fly-range))) rotate(340deg);transform:translate(80%,calc(-890%*var(--hearts-fly-range))) rotate(340deg)}to{opacity:0}}@keyframes heart-fade2{0%{-webkit-transform:translate(150%) rotate(0deg);transform:translate(150%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(80%,-890%) rotate(340deg);transform:translate(80%,-890%) rotate(340deg);-webkit-transform:translate(80%,calc(-890%*var(--hearts-fly-range))) rotate(340deg);transform:translate(80%,calc(-890%*var(--hearts-fly-range))) rotate(340deg)}to{opacity:0}}@-webkit-keyframes heart-fade3{0%{-webkit-transform:translate(200%) rotate(0deg);transform:translate(200%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(100%,-840%) rotate(270deg);transform:translate(100%,-840%) rotate(270deg);-webkit-transform:translate(100%,calc(-840%*var(--hearts-fly-range))) rotate(270deg);transform:translate(100%,calc(-840%*var(--hearts-fly-range))) rotate(270deg)}to{opacity:0}}@keyframes heart-fade3{0%{-webkit-transform:translate(200%) rotate(0deg);transform:translate(200%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(100%,-840%) rotate(270deg);transform:translate(100%,-840%) rotate(270deg);-webkit-transform:translate(100%,calc(-840%*var(--hearts-fly-range))) rotate(270deg);transform:translate(100%,calc(-840%*var(--hearts-fly-range))) rotate(270deg)}to{opacity:0}}@-webkit-keyframes heart-fade4{0%{-webkit-transform:translate(250%) rotate(0deg);transform:translate(250%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(115%,-860%) rotate(210deg);transform:translate(115%,-860%) rotate(210deg);-webkit-transform:translate(115%,calc(-860%*var(--hearts-fly-range))) rotate(210deg);transform:translate(115%,calc(-860%*var(--hearts-fly-range))) rotate(210deg)}to{opacity:0}}@keyframes heart-fade4{0%{-webkit-transform:translate(250%) rotate(0deg);transform:translate(250%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(115%,-860%) rotate(210deg);transform:translate(115%,-860%) rotate(210deg);-webkit-transform:translate(115%,calc(-860%*var(--hearts-fly-range))) rotate(210deg);transform:translate(115%,calc(-860%*var(--hearts-fly-range))) rotate(210deg)}to{opacity:0}}@-webkit-keyframes heart-fade5{0%{-webkit-transform:translate(300%) rotate(0deg);transform:translate(300%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(165%,-865%) rotate(420deg);transform:translate(165%,-865%) rotate(420deg);-webkit-transform:translate(165%,calc(-865%*var(--hearts-fly-range))) rotate(420deg);transform:translate(165%,calc(-865%*var(--hearts-fly-range))) rotate(420deg)}to{opacity:0}}@keyframes heart-fade5{0%{-webkit-transform:translate(300%) rotate(0deg);transform:translate(300%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(165%,-865%) rotate(420deg);transform:translate(165%,-865%) rotate(420deg);-webkit-transform:translate(165%,calc(-865%*var(--hearts-fly-range))) rotate(420deg);transform:translate(165%,calc(-865%*var(--hearts-fly-range))) rotate(420deg)}to{opacity:0}}@-webkit-keyframes heart-fade6{0%{-webkit-transform:translate(350%) rotate(0deg);transform:translate(350%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(210%,-845%) rotate(440deg);transform:translate(210%,-845%) rotate(440deg);-webkit-transform:translate(210%,calc(-845%*var(--hearts-fly-range))) rotate(440deg);transform:translate(210%,calc(-845%*var(--hearts-fly-range))) rotate(440deg)}to{opacity:0}}@keyframes heart-fade6{0%{-webkit-transform:translate(350%) rotate(0deg);transform:translate(350%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(210%,-845%) rotate(440deg);transform:translate(210%,-845%) rotate(440deg);-webkit-transform:translate(210%,calc(-845%*var(--hearts-fly-range))) rotate(440deg);transform:translate(210%,calc(-845%*var(--hearts-fly-range))) rotate(440deg)}to{opacity:0}}@-webkit-keyframes heart-fade7{0%{-webkit-transform:translate(400%) rotate(0deg);transform:translate(400%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(240%,-895%) rotate(120deg);transform:translate(240%,-895%) rotate(120deg);-webkit-transform:translate(240%,calc(-895%*var(--hearts-fly-range))) rotate(120deg);transform:translate(240%,calc(-895%*var(--hearts-fly-range))) rotate(120deg)}to{opacity:0}}@keyframes heart-fade7{0%{-webkit-transform:translate(400%) rotate(0deg);transform:translate(400%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(240%,-895%) rotate(120deg);transform:translate(240%,-895%) rotate(120deg);-webkit-transform:translate(240%,calc(-895%*var(--hearts-fly-range))) rotate(120deg);transform:translate(240%,calc(-895%*var(--hearts-fly-range))) rotate(120deg)}to{opacity:0}}@-webkit-keyframes heart-fade8{0%{-webkit-transform:translate(450%) rotate(0deg);transform:translate(450%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(260%,-885%) rotate(285deg);transform:translate(260%,-885%) rotate(285deg);-webkit-transform:translate(260%,calc(-885%*var(--hearts-fly-range))) rotate(285deg);transform:translate(260%,calc(-885%*var(--hearts-fly-range))) rotate(285deg)}to{opacity:0}}@keyframes heart-fade8{0%{-webkit-transform:translate(450%) rotate(0deg);transform:translate(450%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(260%,-885%) rotate(285deg);transform:translate(260%,-885%) rotate(285deg);-webkit-transform:translate(260%,calc(-885%*var(--hearts-fly-range))) rotate(285deg);transform:translate(260%,calc(-885%*var(--hearts-fly-range))) rotate(285deg)}to{opacity:0}}@-webkit-keyframes heart-fade9{0%{-webkit-transform:translate(500%) rotate(0deg);transform:translate(500%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(280%,-875%) rotate(150deg);transform:translate(280%,-875%) rotate(150deg);-webkit-transform:translate(280%,calc(-875%*var(--hearts-fly-range))) rotate(150deg);transform:translate(280%,calc(-875%*var(--hearts-fly-range))) rotate(150deg)}to{opacity:0}}@keyframes heart-fade9{0%{-webkit-transform:translate(500%) rotate(0deg);transform:translate(500%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(280%,-875%) rotate(150deg);transform:translate(280%,-875%) rotate(150deg);-webkit-transform:translate(280%,calc(-875%*var(--hearts-fly-range))) rotate(150deg);transform:translate(280%,calc(-875%*var(--hearts-fly-range))) rotate(150deg)}to{opacity:0}}@-webkit-keyframes heart-fade10{0%{-webkit-transform:translate(550%) rotate(0deg);transform:translate(550%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(310%,-900%) rotate(180deg);transform:translate(310%,-900%) rotate(180deg);-webkit-transform:translate(310%,calc(-900%*var(--hearts-fly-range))) rotate(180deg);transform:translate(310%,calc(-900%*var(--hearts-fly-range))) rotate(180deg)}to{opacity:0}}@keyframes heart-fade10{0%{-webkit-transform:translate(550%) rotate(0deg);transform:translate(550%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(310%,-900%) rotate(180deg);transform:translate(310%,-900%) rotate(180deg);-webkit-transform:translate(310%,calc(-900%*var(--hearts-fly-range))) rotate(180deg);transform:translate(310%,calc(-900%*var(--hearts-fly-range))) rotate(180deg)}to{opacity:0}}@-webkit-keyframes heart-fade11{0%{-webkit-transform:translate(600%) rotate(0deg);transform:translate(600%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(340%,-865%) rotate(375deg);transform:translate(340%,-865%) rotate(375deg);-webkit-transform:translate(340%,calc(-865%*var(--hearts-fly-range))) rotate(375deg);transform:translate(340%,calc(-865%*var(--hearts-fly-range))) rotate(375deg)}to{opacity:0}}@keyframes heart-fade11{0%{-webkit-transform:translate(600%) rotate(0deg);transform:translate(600%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(340%,-865%) rotate(375deg);transform:translate(340%,-865%) rotate(375deg);-webkit-transform:translate(340%,calc(-865%*var(--hearts-fly-range))) rotate(375deg);transform:translate(340%,calc(-865%*var(--hearts-fly-range))) rotate(375deg)}to{opacity:0}}@-webkit-keyframes heart-fade12{0%{-webkit-transform:translate(650%) rotate(0deg);transform:translate(650%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(365%,-885%) rotate(395deg);transform:translate(365%,-885%) rotate(395deg);-webkit-transform:translate(365%,calc(-885%*var(--hearts-fly-range))) rotate(395deg);transform:translate(365%,calc(-885%*var(--hearts-fly-range))) rotate(395deg)}to{opacity:0}}@keyframes heart-fade12{0%{-webkit-transform:translate(650%) rotate(0deg);transform:translate(650%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(365%,-885%) rotate(395deg);transform:translate(365%,-885%) rotate(395deg);-webkit-transform:translate(365%,calc(-885%*var(--hearts-fly-range))) rotate(395deg);transform:translate(365%,calc(-885%*var(--hearts-fly-range))) rotate(395deg)}to{opacity:0}}@-webkit-keyframes heart-fade13{0%{-webkit-transform:translate(700%) rotate(0deg);transform:translate(700%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(400%,-790%) rotate(315deg);transform:translate(400%,-790%) rotate(315deg);-webkit-transform:translate(400%,calc(-790%*var(--hearts-fly-range))) rotate(315deg);transform:translate(400%,calc(-790%*var(--hearts-fly-range))) rotate(315deg)}to{opacity:0}}@keyframes heart-fade13{0%{-webkit-transform:translate(700%) rotate(0deg);transform:translate(700%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(400%,-790%) rotate(315deg);transform:translate(400%,-790%) rotate(315deg);-webkit-transform:translate(400%,calc(-790%*var(--hearts-fly-range))) rotate(315deg);transform:translate(400%,calc(-790%*var(--hearts-fly-range))) rotate(315deg)}to{opacity:0}}@-webkit-keyframes heart-fade14{0%{-webkit-transform:translate(750%) rotate(0deg);transform:translate(750%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(440%,-800%) rotate(210deg);transform:translate(440%,-800%) rotate(210deg);-webkit-transform:translate(440%,calc(-800%*var(--hearts-fly-range))) rotate(210deg);transform:translate(440%,calc(-800%*var(--hearts-fly-range))) rotate(210deg)}to{opacity:0}}@keyframes heart-fade14{0%{-webkit-transform:translate(750%) rotate(0deg);transform:translate(750%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(440%,-800%) rotate(210deg);transform:translate(440%,-800%) rotate(210deg);-webkit-transform:translate(440%,calc(-800%*var(--hearts-fly-range))) rotate(210deg);transform:translate(440%,calc(-800%*var(--hearts-fly-range))) rotate(210deg)}to{opacity:0}}@-webkit-keyframes heart-fade15{0%{-webkit-transform:translate(800%) rotate(0deg);transform:translate(800%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(480%,-810%) rotate(330deg);transform:translate(480%,-810%) rotate(330deg);-webkit-transform:translate(480%,calc(-810%*var(--hearts-fly-range))) rotate(330deg);transform:translate(480%,calc(-810%*var(--hearts-fly-range))) rotate(330deg)}to{opacity:0}}@keyframes heart-fade15{0%{-webkit-transform:translate(800%) rotate(0deg);transform:translate(800%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(480%,-810%) rotate(330deg);transform:translate(480%,-810%) rotate(330deg);-webkit-transform:translate(480%,calc(-810%*var(--hearts-fly-range))) rotate(330deg);transform:translate(480%,calc(-810%*var(--hearts-fly-range))) rotate(330deg)}to{opacity:0}}@-webkit-keyframes heart-fade16{0%{-webkit-transform:translate(850%) rotate(0deg);transform:translate(850%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(520%,-820%) rotate(210deg);transform:translate(520%,-820%) rotate(210deg);-webkit-transform:translate(520%,calc(-820%*var(--hearts-fly-range))) rotate(210deg);transform:translate(520%,calc(-820%*var(--hearts-fly-range))) rotate(210deg)}to{opacity:0}}@keyframes heart-fade16{0%{-webkit-transform:translate(850%) rotate(0deg);transform:translate(850%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(520%,-820%) rotate(210deg);transform:translate(520%,-820%) rotate(210deg);-webkit-transform:translate(520%,calc(-820%*var(--hearts-fly-range))) rotate(210deg);transform:translate(520%,calc(-820%*var(--hearts-fly-range))) rotate(210deg)}to{opacity:0}}@-webkit-keyframes heart-fade17{0%{-webkit-transform:translate(900%) rotate(0deg);transform:translate(900%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(580%,-790%) rotate(390deg);transform:translate(580%,-790%) rotate(390deg);-webkit-transform:translate(580%,calc(-790%*var(--hearts-fly-range))) rotate(390deg);transform:translate(580%,calc(-790%*var(--hearts-fly-range))) rotate(390deg)}to{opacity:0}}@keyframes heart-fade17{0%{-webkit-transform:translate(900%) rotate(0deg);transform:translate(900%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(580%,-790%) rotate(390deg);transform:translate(580%,-790%) rotate(390deg);-webkit-transform:translate(580%,calc(-790%*var(--hearts-fly-range))) rotate(390deg);transform:translate(580%,calc(-790%*var(--hearts-fly-range))) rotate(390deg)}to{opacity:0}}@-webkit-keyframes heart-fade18{0%{-webkit-transform:translate(920%) rotate(0deg);transform:translate(920%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(600%,-815%) rotate(310deg);transform:translate(600%,-815%) rotate(310deg);-webkit-transform:translate(600%,calc(-815%*var(--hearts-fly-range))) rotate(310deg);transform:translate(600%,calc(-815%*var(--hearts-fly-range))) rotate(310deg)}to{opacity:0}}@keyframes heart-fade18{0%{-webkit-transform:translate(920%) rotate(0deg);transform:translate(920%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(600%,-815%) rotate(310deg);transform:translate(600%,-815%) rotate(310deg);-webkit-transform:translate(600%,calc(-815%*var(--hearts-fly-range))) rotate(310deg);transform:translate(600%,calc(-815%*var(--hearts-fly-range))) rotate(310deg)}to{opacity:0}}@-webkit-keyframes heart-fade19{0%{-webkit-transform:translate(940%) rotate(0deg);transform:translate(940%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(630%,-825%) rotate(345deg);transform:translate(630%,-825%) rotate(345deg);-webkit-transform:translate(630%,calc(-825%*var(--hearts-fly-range))) rotate(345deg);transform:translate(630%,calc(-825%*var(--hearts-fly-range))) rotate(345deg)}to{opacity:0}}@keyframes heart-fade19{0%{-webkit-transform:translate(940%) rotate(0deg);transform:translate(940%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(630%,-825%) rotate(345deg);transform:translate(630%,-825%) rotate(345deg);-webkit-transform:translate(630%,calc(-825%*var(--hearts-fly-range))) rotate(345deg);transform:translate(630%,calc(-825%*var(--hearts-fly-range))) rotate(345deg)}to{opacity:0}}@-webkit-keyframes heart-fade20{0%{-webkit-transform:translate(960%) rotate(0deg);transform:translate(960%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(650%,-845%) rotate(425deg);transform:translate(650%,-845%) rotate(425deg);-webkit-transform:translate(650%,calc(-845%*var(--hearts-fly-range))) rotate(425deg);transform:translate(650%,calc(-845%*var(--hearts-fly-range))) rotate(425deg)}to{opacity:0}}@keyframes heart-fade20{0%{-webkit-transform:translate(960%) rotate(0deg);transform:translate(960%) rotate(0deg);opacity:0}5%{opacity:0}69%{opacity:1}95%{opacity:0;-webkit-transform:translate(650%,-845%) rotate(425deg);transform:translate(650%,-845%) rotate(425deg);-webkit-transform:translate(650%,calc(-845%*var(--hearts-fly-range))) rotate(425deg);transform:translate(650%,calc(-845%*var(--hearts-fly-range))) rotate(425deg)}to{opacity:0}}.hearts-effects-container .heart:first-child{-webkit-animation:heart-fade1 1.75s ease-out infinite,heart-rotation 1.4s linear infinite;animation:heart-fade1 1.75s ease-out infinite,heart-rotation 1.4s linear infinite;-webkit-animation:heart-fade1 calc(3.5s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(2.8s*var(--hearts-speed)) linear infinite;animation:heart-fade1 calc(3.5s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(2.8s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(2){-webkit-animation:heart-fade2 1.05s ease-out infinite,heart-rotation 1.05s linear infinite;animation:heart-fade2 1.05s ease-out infinite,heart-rotation 1.05s linear infinite;-webkit-animation:heart-fade2 calc(2.1s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(2.1s*var(--hearts-speed)) linear infinite;animation:heart-fade2 calc(2.1s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(2.1s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(3){-webkit-animation:heart-fade3 1.2s ease-out infinite,heart-rotation 1.2s linear infinite;animation:heart-fade3 1.2s ease-out infinite,heart-rotation 1.2s linear infinite;-webkit-animation:heart-fade3 calc(2.4s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(2.4s*var(--hearts-speed)) linear infinite;animation:heart-fade3 calc(2.4s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(2.4s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(4){-webkit-animation:heart-fade4 1.8s ease-out infinite,heart-rotation 1.8s linear infinite;animation:heart-fade4 1.8s ease-out infinite,heart-rotation 1.8s linear infinite;-webkit-animation:heart-fade4 calc(3.6s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(3.6s*var(--hearts-speed)) linear infinite;animation:heart-fade4 calc(3.6s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(3.6s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(5){-webkit-animation:heart-fade5 2.65s ease-out infinite,heart-rotation 2.65s linear infinite;animation:heart-fade5 2.65s ease-out infinite,heart-rotation 2.65s linear infinite;-webkit-animation:heart-fade5 calc(5.3s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(5.3s*var(--hearts-speed)) linear infinite;animation:heart-fade5 calc(5.3s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(5.3s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(6){-webkit-animation:heart-fade6 3.1s ease-out infinite,heart-rotation 3.1s linear infinite;animation:heart-fade6 3.1s ease-out infinite,heart-rotation 3.1s linear infinite;-webkit-animation:heart-fade6 calc(6.2s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(6.2s*var(--hearts-speed)) linear infinite;animation:heart-fade6 calc(6.2s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(6.2s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(7){-webkit-animation:heart-fade7 1.55s ease-out infinite,heart-rotation 1.55s linear infinite;animation:heart-fade7 1.55s ease-out infinite,heart-rotation 1.55s linear infinite;-webkit-animation:heart-fade7 calc(3.1s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(3.1s*var(--hearts-speed)) linear infinite;animation:heart-fade7 calc(3.1s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(3.1s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(8){-webkit-animation:heart-fade8 1.15s ease-out infinite,heart-rotation 1.15s linear infinite;animation:heart-fade8 1.15s ease-out infinite,heart-rotation 1.15s linear infinite;-webkit-animation:heart-fade8 calc(2.3s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(2.3s*var(--hearts-speed)) linear infinite;animation:heart-fade8 calc(2.3s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(2.3s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(9){-webkit-animation:heart-fade9 .8s ease-out infinite,heart-rotation .8s linear infinite;animation:heart-fade9 .8s ease-out infinite,heart-rotation .8s linear infinite;-webkit-animation:heart-fade9 calc(1.6s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(1.6s*var(--hearts-speed)) linear infinite;animation:heart-fade9 calc(1.6s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(1.6s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(10){-webkit-animation:heart-fade10 1.15s ease-out infinite,heart-rotation 1.15s linear infinite;animation:heart-fade10 1.15s ease-out infinite,heart-rotation 1.15s linear infinite;-webkit-animation:heart-fade10 calc(2.3s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(2.3s*var(--hearts-speed)) linear infinite;animation:heart-fade10 calc(2.3s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(2.3s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(11){-webkit-animation:heart-fade11 1.9s ease-out infinite,heart-rotation 1.9s linear infinite;animation:heart-fade11 1.9s ease-out infinite,heart-rotation 1.9s linear infinite;-webkit-animation:heart-fade11 calc(3.8s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(3.8s*var(--hearts-speed)) linear infinite;animation:heart-fade11 calc(3.8s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(3.8s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(12){-webkit-animation:heart-fade12 2.2s ease-out infinite,heart-rotation 2.2s linear infinite;animation:heart-fade12 2.2s ease-out infinite,heart-rotation 2.2s linear infinite;-webkit-animation:heart-fade12 calc(4.4s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(4.4s*var(--hearts-speed)) linear infinite;animation:heart-fade12 calc(4.4s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(4.4s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(13){-webkit-animation:heart-fade13 2.4s ease-out infinite,heart-rotation 2.4s linear infinite;animation:heart-fade13 2.4s ease-out infinite,heart-rotation 2.4s linear infinite;-webkit-animation:heart-fade13 calc(4.8s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(4.8s*var(--hearts-speed)) linear infinite;animation:heart-fade13 calc(4.8s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(4.8s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(14){-webkit-animation:heart-fade14 2.6s ease-out infinite,heart-rotation 2.6s linear infinite;animation:heart-fade14 2.6s ease-out infinite,heart-rotation 2.6s linear infinite;-webkit-animation:heart-fade14 calc(5.2s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(5.2s*var(--hearts-speed)) linear infinite;animation:heart-fade14 calc(5.2s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(5.2s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(15){-webkit-animation:heart-fade15 3.3s ease-out infinite,heart-rotation 3.3s linear infinite;animation:heart-fade15 3.3s ease-out infinite,heart-rotation 3.3s linear infinite;-webkit-animation:heart-fade15 calc(6.6s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(6.6s*var(--hearts-speed)) linear infinite;animation:heart-fade15 calc(6.6s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(6.6s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(16){-webkit-animation:heart-fade16 1.6s ease-out infinite,heart-rotation 1.6s linear infinite;animation:heart-fade16 1.6s ease-out infinite,heart-rotation 1.6s linear infinite;-webkit-animation:heart-fade16 calc(3.2s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(3.2s*var(--hearts-speed)) linear infinite;animation:heart-fade16 calc(3.2s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(3.2s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(17){-webkit-animation:heart-fade17 2.05s ease-out infinite,heart-rotation 2.05s linear infinite;animation:heart-fade17 2.05s ease-out infinite,heart-rotation 2.05s linear infinite;-webkit-animation:heart-fade17 calc(4.1s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(4.1s*var(--hearts-speed)) linear infinite;animation:heart-fade17 calc(4.1s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(4.1s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(18){-webkit-animation:heart-fade18 2.25s ease-out infinite,heart-rotation 2.25s linear infinite;animation:heart-fade18 2.25s ease-out infinite,heart-rotation 2.25s linear infinite;-webkit-animation:heart-fade18 calc(4.5s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(4.5s*var(--hearts-speed)) linear infinite;animation:heart-fade18 calc(4.5s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(4.5s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(19){-webkit-animation:heart-fade19 2.55s ease-out infinite,heart-rotation 2.55s linear infinite;animation:heart-fade19 2.55s ease-out infinite,heart-rotation 2.55s linear infinite;-webkit-animation:heart-fade19 calc(5.1s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(5.1s*var(--hearts-speed)) linear infinite;animation:heart-fade19 calc(5.1s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(5.1s*var(--hearts-speed)) linear infinite}.hearts-effects-container .heart:nth-child(20){-webkit-animation:heart-fade20 3.05s ease-out infinite,heart-rotation 3.05s linear infinite;animation:heart-fade20 3.05s ease-out infinite,heart-rotation 3.05s linear infinite;-webkit-animation:heart-fade20 calc(6.1s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(6.1s*var(--hearts-speed)) linear infinite;animation:heart-fade20 calc(6.1s*var(--hearts-speed)) ease-out infinite,heart-rotation calc(6.1s*var(--hearts-speed)) linear infinite}.profil-card{width:100%;height:auto}.marker-img{width:20px;height:20px;margin-right:5px;-webkit-filter:invert(100%);filter:invert(100%)}.container-card{width:95%;height:500px;z-index:0;border-radius:20px;background-color:#eee;margin:20px auto auto;box-shadow:0 10px 15px grey;cursor:pointer}.img-profil-card{width:100%;height:100%;object-fit:cover;border-radius:20px}.container-card .name{top:340px}.container-card .name,.container-card .race{text-align:left;position:absolute;color:#fff;margin-left:25px;text-shadow:0 0 10px #000}.container-card .race{display:-webkit-flex;display:flex;-webkit-align-items:baseline;align-items:baseline;top:380px;font-style:italic}.container-card .planet{top:410px}.container-card .age,.container-card .planet{text-align:left;position:absolute;color:#fff;margin-left:25px;text-shadow:0 0 10px #000}.container-card .age{top:440px}.align-center{position:absolute;top:30%;left:25%;z-index:999;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.thumbs-down{color:red;width:200px;height:200px;-webkit-animation-name:thumbDown;animation-name:thumbDown;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;transition:.2s ease-out;-webkit-filter:drop-shadow(4px 4px 2px #000);filter:drop-shadow(4px 4px 2px black)}@-webkit-keyframes thumbDown{0%{-webkit-transform:rotate(-25deg) translate(0);transform:rotate(-25deg) translate(0)}50%{-webkit-transform:rotate(25deg) translateY(2px);transform:rotate(25deg) translateY(2px)}to{-webkit-transform:rotate(-25deg) translate(0);transform:rotate(-25deg) translate(0)}}@keyframes thumbDown{0%{-webkit-transform:rotate(-25deg) translate(0);transform:rotate(-25deg) translate(0)}50%{-webkit-transform:rotate(25deg) translateY(2px);transform:rotate(25deg) translateY(2px)}to{-webkit-transform:rotate(-25deg) translate(0);transform:rotate(-25deg) translate(0)}}
/*# sourceMappingURL=main.b7832f35.chunk.css.map */