body{max-width:100%;min-height:100vh;font-family:Helvetica;background:url("/assets/logo.png") no-repeat 10rem 5rem,radial-gradient(farthest-corner at 0 0, #a7aeb2 0%, #8d8f99 100%);background-size:20rem, auto;user-select:none}#result{position:fixed;top:100%;left:0;width:100vw;height:100vh;transition:top .1s ease-out}body:not(.on-screen) #result{top:100% !important}.on-screen #result,.watcher-page #result{top:0%}#kid-name{background-color:white;border-radius:5px;border:2px #DDDDDD solid;position:absolute;bottom:3rem;right:3rem;z-index:1000;font-size:3em;padding:.5rem 2rem;color:#111}img{max-width:100%;height:auto}.shadow{box-shadow:8px 8px 20px rgba(0,0,0,0.25)}body{color:white}.drawing-item{width:80vw;height:80vw;background-color:white;display:inline-block;text-align:center;margin:3rem;transition:all .5s ease-out}@media (min-width: 767px){.drawing-item{width:20vw;height:20vw}}.drawing-item img{max-height:100%;width:auto}.drawing-item:nth-child(1n){transform:rotate(-2deg)}.drawing-item:nth-child(2n){transform:rotate(5deg)}.drawing-item:nth-child(3n){transform:rotate(-1deg)}.drawing-item:nth-child(4n){transform:rotate(4deg)}.drawing-item:nth-child(5n){transform:rotate(-3deg)}.drawing-item:nth-child(6n){transform:rotate(1deg)}.drawing-item:nth-child(7n){transform:rotate(-3.5deg)}.drawing-item:nth-child(8n){transform:rotate(2deg)}.sharers{float:right}.sharers .fa-share{opacity:.5}.sharers a{color:white;padding:.5rem .5rem}#result{position:fixed;top:100%;left:0;width:90vw;transition:top .5s ease-out}.on-screen #result{top:0%}.neutre img{background-image:url("/anims2.hyperesources/neutre_fond.png");background-size:cover}.aviateur img{background-image:url("/anims2.hyperesources/aviateur_fond.png");background-size:cover}.bonnet img{background-image:url("/anims2.hyperesources/bonnet_fond.png");background-size:cover}.casquette img{background-image:url("/anims2.hyperesources/casquette_fond.png");background-size:cover}#result-background{opacity:0;pointer-events:none;transition:all .25s ease-out;background-color:rgba(0,0,0,0.75);position:fixed;top:0;bottom:0;left:0;right:0}.on-screen #result-background{opacity:1;pointer-events:auto}#result-background .close{position:fixed;top:3rem;right:3rem;color:white;font-size:4rem}