@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Gochi+Hand&family=Playwrite+BE+VLG:wght@100..400&display=swap";@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";.personnagesList{color:#f6f1e7;scrollbar-width:thin;scrollbar-color:#888 #f1f1f1}.personnagesList h3{text-align:center;font-size:1.5rem;color:#ffca5a}.personnagesList ul{display:grid;grid-template-columns:1fr 1fr;gap:16px;justify-content:center;align-items:center;list-style:none}.personnagesList ul li{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:start;height:100%;border:2px solid #605b5d;border-radius:10px;transition:all .5s ease-in-out}.personnagesList ul li:hover{background-color:#605b5d}.personnagesList ul li a{transition:all .5s ease-in-out;cursor:pointer;text-align:center;text-decoration:none;font-size:.75rem;color:#f6f1e7;display:block;width:100%;height:100%;padding:8px}.personnagesList ul li a img{width:64px;height:64px;border-radius:50%;object-fit:cover;box-shadow:#0000001a 0 4px 12px;cursor:pointer;background-color:#f6f1e7}.personnagePage .personnages-header{background-color:#333031;color:#f6f1e7;padding-bottom:64px;margin-bottom:64px;border-bottom:solid 2px #605b5d}.personnagePage .personnages-header a{color:#f6f1e7;text-decoration:none;font-weight:700;font-size:16px;transition:color .3s}.personnagePage .personnages-header a:hover{color:#605b5d}.personnagePage .periode-item{color:#f6f1e7;cursor:pointer;transition:background-color .3s;margin-bottom:64px;padding-bottom:64px;border-bottom:solid 2px #605b5d}.personnagePage .periode-item .personnagesList ul{grid-template-columns:1fr 1fr 1fr}.personnage-informations-container{padding:64px 16px;color:#333031}.personnage-informations-container .personnage-informations .personnage-header{display:flex;align-items:center;margin-bottom:32px;gap:32px;padding:0rem 1rem 3rem;border-radius:8px;background-color:#605b5d;color:#f6f1e7;box-shadow:#00000040 0 .0625em .0625em,#00000040 0 .125em .5em,#ffffff1a 0 0 0 1px inset}.personnage-informations-container .personnage-informations .personnage-header>div{flex:1}.personnage-informations-container .personnage-informations .personnage-header img{width:200px;height:200px;margin-top:-32px;background-color:#daf4ff;border-radius:8px;box-shadow:0 0 8px #00000040}.personnage-informations-container .personnage-informations .personnage-header .personnage-details{display:grid;grid-template-columns:1fr 1fr;gap:16px}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div{display:flex;flex-direction:row;align-items:center;justify-content:start;padding:8px;border-radius:8px;background-color:#f6f1e7;color:#333031}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div:before{content:"";display:block;background-image:url(/images/UI/hourglass.svg);background-size:contain;background-repeat:no-repeat;width:32px;height:32px;margin-right:8px}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div.personnage-divinite{grid-column:span 2}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div.personnage-naissance:before{background-image:url(/images/UI/stork.svg)}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div.personnage-deces:before{background-image:url(/images/UI/skull-and-bones.svg)}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div.personnage-lieu:before{background-image:url(/images/UI/location.svg)}@media (max-width: 1024px){.personnagesList h3{font-size:1.3rem}.personnagesList ul{gap:12px}.personnagesList ul li a{font-size:.7rem;padding:6px}.personnagesList ul li a img{width:56px;height:56px}.personnagePage .personnages-header{padding-bottom:48px;margin-bottom:48px}.personnagePage .periode-item{margin-bottom:48px;padding-bottom:48px}.personnagePage .periode-item .personnagesList ul{grid-template-columns:1fr 1fr}.personnage-informations-container{padding:48px 12px}.personnage-informations-container .personnage-informations .personnage-header{gap:24px;padding:0rem .75rem 2rem}.personnage-informations-container .personnage-informations .personnage-header img{width:160px;height:160px;margin-top:-24px}.personnage-informations-container .personnage-informations .personnage-header .personnage-details{gap:12px}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div{padding:6px}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div:before{width:28px;height:28px;margin-right:6px}}@media (max-width: 768px){.personnagesList h3{font-size:1.2rem}.personnagesList ul{grid-template-columns:1fr;gap:10px}.personnagesList ul li a{font-size:.8rem;padding:8px}.personnagesList ul li a img{width:48px;height:48px}.personnagePage .personnages-header{padding-bottom:32px;margin-bottom:32px}.personnagePage .personnages-header a{font-size:14px}.personnagePage .periode-item{margin-bottom:32px;padding-bottom:32px}.personnagePage .periode-item .personnagesList ul{grid-template-columns:1fr}.personnage-informations-container{padding:32px 8px}.personnage-informations-container .personnage-informations .personnage-header{flex-direction:column;text-align:center;gap:16px;padding:1rem .5rem 2rem}.personnage-informations-container .personnage-informations .personnage-header img{width:120px;height:120px;margin-top:0}.personnage-informations-container .personnage-informations .personnage-header .personnage-details{grid-template-columns:1fr;gap:8px}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div{padding:8px;font-size:.9rem}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div:before{width:24px;height:24px;margin-right:8px}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div.personnage-divinite{grid-column:span 1}}@media (max-width: 480px){.personnagesList h3{font-size:1.1rem}.personnagesList ul{gap:8px}.personnagesList ul li a{font-size:.75rem;padding:6px}.personnagesList ul li a img{width:40px;height:40px}.personnagePage .personnages-header{padding-bottom:24px;margin-bottom:24px}.personnagePage .personnages-header a{font-size:12px}.personnagePage .periode-item{margin-bottom:24px;padding-bottom:24px}.personnage-informations-container{padding:24px 4px}.personnage-informations-container .personnage-informations .personnage-header{gap:12px;padding:.5rem .25rem 1.5rem}.personnage-informations-container .personnage-informations .personnage-header img{width:100px;height:100px}.personnage-informations-container .personnage-informations .personnage-header .personnage-details{gap:6px}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div{padding:6px;font-size:.8rem}.personnage-informations-container .personnage-informations .personnage-header .personnage-details div:before{width:20px;height:20px;margin-right:6px}}