.coeur{position:fixed;width:30px;animation-name:envolerCoeurs;animation-iteration-count:1;animation-fill-mode:forwards}@keyframes envolerCoeurs{0%{bottom:-100px;opacity:1}to{bottom:80vh;opacity:0}}.wrap{display:flex;justify-content:end;width:100vw;.header{display:flex;justify-content:flex-end;align-items:center;height:12vh;h1,h2{font-family:League Script,cursive;font-weight:600;font-style:normal;color:var(--main-ice-cream);cursor:pointer}h1{font-size:3.8em;padding-right:1em}h2{font-size:2em;width:min-content;border:3px solid var(--main-latte);border-radius:100px;padding:.3em}h2:hover{background-color:var(--main-ice-cream);border:3px solid var(--main-ice-cream);color:var(--main-taro)}.log-out-button,.profilIcon{padding:.8em 1.2em;border-radius:1em;transition:all .5s ease-in-out .2s;background:none;border:none;cursor:pointer;display:flex;align-items:center;svg{transition:stroke .5s ease-in-out .2s}}.profilIcon{margin-right:2rem;margin-left:1rem}.log-out-button{margin-right:1rem}.log-out-button:hover,.profilIcon:hover{background-color:var(--main-ice-cream);svg{stroke:var(--main-taro)}}}}.toggle-romance{position:fixed;bottom:1rem;right:1rem;border:3px solid var(--main-latte);border-radius:50px;width:4rem;height:2.2rem;background-color:var(--main-ice-cream);cursor:pointer;transition:all .5s;z-index:100;.switch{left:0}.switch,.switchOn{position:absolute;top:0;background-color:var(--main-strawberry);width:1.8rem;aspect-ratio:1/1;border-radius:100%}.switchOn{left:1.8rem}}.toggle-romance:hover{background-color:var(--main-latte)}