*{margin:0;padding:0;outline:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none}:root{--footer-height: 80px}.container>*{border-style:solid;border-width:.05rem;border-radius:1.2rem}:host{padding:12px;width:350px;min-height:650px;max-height:50%;perspective:1000px;transition-property:translate,filter,transform;transition-duration:400ms}body.light :host{border-color:#313441}body.dark :host{border-color:#e8e6e3}@media screen and (max-width: 500px){:host{width:100%}}.container{width:100%;height:100%;position:relative;transform-style:preserve-3d;transition:transform 1s}.container>*{position:absolute;height:100%;width:100%;backface-visibility:hidden;padding:1rem;display:flex;flex-direction:column;align-items:center}.container>* button{margin-top:auto;margin-bottom:2rem}.container .back{transform:rotateY(-180deg)}.container.is-flipped{transform:rotateY(-180deg)}hgroup~*{margin-top:10%}hgroup~*:last-child{margin-top:auto}.front{text-align:center}.front .logo{text-align:center;height:150px;width:150px;transition-property:transform;transition-duration:400ms}.front .logo:hover{transform:scale(1.1)}.back hgroup{text-align:center}.back details summary{margin-bottom:1rem;list-style:none;text-align:center}.back details summary::-webkit-details-marker{display:none}.back details ul{margin-left:2rem}.back details:not(:first-child){margin-top:3rem}.back button.flip-card{margin-top:0 !important}.inactive{cursor:default !important;color:gray !important}.inactive *{cursor:inherit;color:gray}::slotted([slot=logo]){border-radius:100rem}@media screen and (min-width: 801px){:host(:hover){translate:0px -2rem}}

/*# sourceMappingURL=experience-card.css.map */