@import "https://fonts.googleapis.com/css2?family=Radley:ital@0;1&display=swap";
@import "https://fonts.googleapis.com/css2?family=Meow+Script&display=swap";
@import "https://fonts.googleapis.com/css2?family=Cookie&display=swap";
@import "https://fonts.googleapis.com/css2?family=Limelight&display=swap";
.main{color:#f5f5f5;background-color:#27282a;justify-content:center;gap:20px;margin:100px 200px 0;display:flex}@media (min-width:768px) and (max-width:1000px){.main{flex-direction:row;margin:0;padding:0;display:flex}}.main img{max-width:100%;height:100%;display:block}@media (min-width:300px) and (max-width:830px){.main{margin:0;padding:0}}.main__imageProfil-container{justify-content:center;margin:0;padding:0;display:flex}.main__title{color:#9c0240;text-transform:uppercase;writing-mode:vertical-rl;font-family:Limelight,sans-serif;font-size:6rem;font-weight:700;text-decoration:underline;transform:rotate(180deg)}@media screen and (max-width:768px){.main__title{display:none}}.main__flipcontainer{aspect-ratio:2/3;perspective:1000px;width:100%;max-width:400px;margin:auto}.main__flippimg{object-fit:cover;box-sizing:border-box;width:100%;height:100%;transform-style:preserve-3d;padding:10px;transition:transform .6s;position:relative;inset:0}.main__profilimg{backface-visibility:hidden;object-fit:cover;border-radius:10px;width:100%;height:100%;padding:10px;position:absolute;inset:0}@media screen and (max-width:768px){.main__profilimg{align-items:center;width:auto;height:auto;margin:0 auto;padding:0;position:relative;inset:auto}}@media screen and (max-width:400px){.main__profilimg{width:300px}}.main__profilimg.back{transform:rotateY(180deg)}@media screen and (max-width:768px){.main__profilimg.back{display:none}}.main__flipcontainer{perspective:1000px;width:400px;height:600px}.main__flipcontainer:hover .main__flippimg{transform:rotateY(180deg)}.main__flippimg{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s;position:relative}@media screen and (max-width:768px){.main__flippimg{transform:none!important}}.main__description{color:#f5f5f5;flex-direction:column;justify-content:center;gap:20px;padding:10px 0;font-family:Radley,serif;font-size:1.3rem;display:flex}@media screen and (max-width:768px){.main__description{text-align:center;align-items:center;padding:2px 0}}.main__subtitlename{color:#f99dc2;letter-spacing:1px;font-family:Cookie,cursive;font-size:3.2rem;font-weight:700}.main__subtitle{color:#f99dc2;letter-spacing:1px;font-family:Cookie,cursive;font-size:3.1rem;font-style:italic;font-weight:lighter}.main__span{align-items:center;gap:15px;margin:0;padding:0;display:flex}.main__icon-container{gap:10px;display:flex}.scrollDown{cursor:pointer;background-color:#0000;border:.2px solid #f5f5f5;border-radius:40px;justify-content:center;align-items:flex-start;width:40px;height:100px;margin:0 90px 0 auto;padding:0;display:flex;position:relative;box-shadow:0 4px 10px #f9f7f794}.scrollDown .circle{text-align:center;background-color:#fff;border-radius:50%;width:21px;height:21px;margin-top:4px;font-size:12px;line-height:21px;transition:transform .3s}.scrollDown .moved{background-color:#9c0240;transform:translateY(50px)}