@charset "utf-8";#summary-page .panel:hover,#summary-page .panel.hover,#summary-page .panel:focus{scale:1.05;z-index:50}.page.flipped #summary-page .panel:hover,.page.flipped #summary-page .panel.hover,.page.flipped #summary-page .panel:focus,.disable-animation #summary-page .panel:hover,.disable-animation #summary-page .panel.hover,.disable-animation #summary-page .panel:focus{scale:1 !important}@media (prefers-reduced-motion:reduce){#summary-page .panel:hover,#summary-page .panel.hover,#summary-page .panel:focus{scale:1 !important}}#summary-page a{display:inline-block;width:100%;height:100%;color:black;cursor:pointer}#summary-page a:focus{outline:5px solid black}#summary-page .front{z-index:10;padding:2%;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}#summary-page .front .summary-navigation{flex:1;padding:20px 2%;width:100%}#summary-page .front .summary-navigation ul{width:100%;height:100%}#summary-page .front ul,#summary-page .front li{list-style-type:none}#summary-page h2{font-size:1.2rem;font-family:"Comic_book_bold","Comic_book_regular","Comic Sans",cursive;font-weight:bold;display:inline-block;padding:3px 30px;transform:skew(-15deg);width:60%;margin-top:8px}.dys-font #summary-page h2{font-family:"OpenDyslexic",cursive}#summary-page button{display:inline-block;width:100%;height:100%}#summary-page button>span.text{font-size:1rem;font-weight:normal}#summary-page nav.return-to-front-page-navigation{position:absolute;top:2%;left:2%;width:15%;height:40px}#summary-page nav.return-to-front-page-navigation a{position:relative;height:100%;width:100%;display:block;background:url(../assets/icons/arrow-to-left.webp) no-repeat center left;background-size:contain}#summary-page nav.return-to-front-page-navigation a .bubble{bottom:-80px;left:15%;right:unset;opacity:0;transition:opacity .3s ease;pointer-events:none}#summary-page:not(.flipped) nav.return-to-front-page-navigation a:hover span,#summary-page:not(.flipped) nav.return-to-front-page-navigation a:focus span{animation:reveal-return-button .3s forwards}@keyframes reveal-return-button{100%{opacity:1}}#summary-page .front .categories{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;grid-auto-rows:minmax(25px,auto)}#summary-page #presentation{grid-column:1 / 5;grid-row:1 / 4}#summary-page #skills{grid-column:5 / 9;grid-row:1 / 5}#summary-page #certificates{grid-column:1 / 5;grid-row:4 / 8}#summary-page #talks{grid-column:5 / 9;grid-row:5 / 8}#summary-page #hobbies{grid-column:1 / 6;grid-row:8 / 11}#summary-page #contact{grid-column:6 / 9;grid-row:8 / 11}#summary-page #presentation:before{content:"";position:absolute;bottom:0;left:0;width:100%;height:95%;z-index:21;background:url(../assets/characters/portrait.webp) no-repeat bottom center;background-size:contain;pointer-events:none}#summary-page #presentation .bubble{top:-50px;left:55%;z-index:100;opacity:0;transition:opacity .3s ease;pointer-events:none}#summary-page #presentation .bubble.hint{opacity:1}#summary-page #skills:before{content:"";position:absolute;top:20%;left:20%;width:60%;height:60%;z-index:10;background:url(../assets/summary/brain.webp) no-repeat center center;background-size:contain;pointer-events:none}#summary-page #skills a{display:inline-flex;align-items:center;justify-content:center}#summary-page #skills .panel-container{z-index:30;overflow:visible}#summary-page #skills .puff-icon{position:absolute;transition:all .3s ease;opacity:0}.page.flipped #summary-page #skills .puff-icon,.disable-animation #summary-page #skills .puff-icon{display:none}@media (prefers-reduced-motion:reduce){#summary-page #skills .puff-icon{display:none}}#summary-page #skills .puff1-icon{right:-5%;top:3%;height:30%;width:40%;background:url(../assets/ornaments/puff-1.webp) no-repeat center center;background-size:contain;transform:rotateZ(-7deg)}#summary-page #skills .puff2-icon{left:-3%;bottom:7%;height:35%;width:45%;transform:rotateZ(-10deg);background:url(../assets/ornaments/puff-2.webp) no-repeat center center;background-size:contain}#summary-page #skills .puff3-icon{right:3%;bottom:10%;height:20%;width:30%;background:url(../assets/ornaments/puff-3.webp) no-repeat center center;background-size:contain}#summary-page #skills .puff4-icon{left:25%;top:2%;height:15%;width:30%;transform:rotateZ(-120deg);background:url(../assets/ornaments/puff-4.webp) no-repeat center center;background-size:contain}#summary-page #skills .puff5-icon{left:0;top:20%;height:20%;width:20%;transform:rotateZ(-170deg);background:url(../assets/ornaments/puff-4.webp) no-repeat center center;background-size:contain}#summary-page #skills:hover .puff1-icon,#summary-page #skills.hover .puff1-icon,#summary-page #skills a:focus .puff1-icon{transform:translate(23%,-20%) rotateZ(-7deg)}#summary-page #skills:hover .puff2-icon,#summary-page #skills.hover .puff2-icon,#summary-page #skills a:focus .puff2-icon{transform:translate(-23%,20%) rotateZ(-10deg)}#summary-page #skills:hover .puff3-icon,#summary-page #skills.hover .puff3-icon,#summary-page #skills a:focus .puff3-icon{transform:translate(23%,20%)}#summary-page #skills:hover .puff4-icon,#summary-page #skills.hover .puff4-icon,#summary-page #skills a:focus .puff4-icon{transform:translate(-15%,-20%) rotateZ(-120deg)}#summary-page #skills:hover .puff5-icon,#summary-page #skills.hover .puff5-icon,#summary-page #skills a:focus .puff5-icon{transform:translate(-35%,-10%) rotateZ(-170deg)}#summary-page #skills:hover .puff-icon,#summary-page #skills.hover .puff-icon,#summary-page #skills a:focus .puff-icon{scale:1.2;opacity:1}#summary-page #certificates .bubble-certification{position:relative;display:inline-block;width:100%;height:100%}#summary-page .bubble-certification:before{content:"";position:absolute;top:15%;left:5%;width:90%;height:70%;z-index:10;background:url(../assets/ornaments/bubble-2.webp) no-repeat center center;background-size:contain}#summary-page .bubble-certification:after{content:"";position:absolute;top:20%;left:5%;width:90%;height:70%;z-index:21;background:url(../assets/summary/certificate.webp) no-repeat center center;background-size:contain;transform:rotateZ(-15deg);transition:all .3s ease}#summary-page .bubble-icon{position:absolute;top:50%;left:50%;height:100%;width:100%;pointer-events:none;transform:translate(-50%,-50%)}#summary-page #certificates:hover .bubble-certification:after,#summary-page #certificates.hover .bubble-certification:after,#summary-page #certificates a:focus .bubble-certification:after{transform:translate(-5%,-10%) rotateZ(-25deg);width:100%;height:90%}.page.flipped #summary-page #certificates:hover .bubble-certification:after,.page.flipped #summary-page #certificates.hover .bubble-certification:after,.page.flipped #summary-page #certificates a:focus .bubble-certification:after,.disable-animation #summary-page #certificates:hover .bubble-certification:after,.disable-animation #summary-page #certificates.hover .bubble-certification:after,.disable-animation #summary-page #certificates a:focus .bubble-certification:after{width:90%;height:70%;transform:rotateZ(-15deg)}@media (prefers-reduced-motion:reduce){#summary-page #certificates:hover .bubble-certification:after,#summary-page #certificates.hover .bubble-certification:after,#summary-page #certificates a:focus .bubble-certification:after{width:90%;height:70%;transform:rotateZ(-15deg)}}#summary-page #talks .talk-mic{position:relative;display:inline-block;height:100%;width:100%}#summary-page #talks .talk-mic:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;background:url(../assets/ornaments/bubble-1.webp) no-repeat center center;background-size:cover}#summary-page #talks .talk-mic:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:90%;z-index:21;background:url(../assets/summary/mic.webp) no-repeat center center;background-size:contain;mask-image:url(../assets/ornaments/bubble-1-mask.webp);mask-position:top center;-webkit-mask-size:100% 100%;mask-size:100% 100%;transition:all .3s ease}#summary-page #talks:hover .talk-mic:after,#summary-page #talks.hover .talk-mic:after,#summary-page #talks a:focus .talk-mic:after{scale:1.15;height:100%}.page.flipped #summary-page #talks:hover .talk-mic:after,.page.flipped #summary-page #talks.hover .talk-mic:after,.page.flipped #summary-page #talks a:focus .talk-mic:after,.disable-animation #summary-page #talks:hover .talk-mic:after,.disable-animation #summary-page #talks.hover .talk-mic:after,.disable-animation #summary-page #talks a:focus .talk-mic:after{scale:1}@media (prefers-reduced-motion:reduce){#summary-page #talks:hover .talk-mic:after,#summary-page #talks.hover .talk-mic:after,#summary-page #talks a:focus .talk-mic:after{scale:1}}#summary-page #hobbies #mixing-bowl{position:relative;display:inline-block;width:100%;height:100%}#summary-page #hobbies #mixing-bowl>*{position:absolute;z-index:30;transition:all .2s linear}#summary-page #hobbies #mixing-bowl .bowl{top:50%;left:50%;transform:translate(-50%,-50%);width:50%}#summary-page #hobbies #mixing-bowl .bowl-back{margin-top:-5%;z-index:20;height:25%;background:url(../assets/summary/bowl-back.webp) center center no-repeat;background-size:contain}#summary-page #hobbies #mixing-bowl .bowl-front{margin-top:6%;filter:drop-shadow(0 5px 0 #444);z-index:30;height:50%;background:url(../assets/summary/bowl-front.webp) center center no-repeat;background-size:contain}#summary-page #hobbies:hover #mixing-bowl .bowl-front,#summary-page #hobbies:hover #mixing-bowl .bowl-back,#summary-page #hobbies.hover #mixing-bowl .bowl-front,#summary-page #hobbies.hover #mixing-bowl .bowl-back,#summary-page #hobbies a:focus #mixing-bowl .bowl-front,#summary-page #hobbies a:focus #mixing-bowl .bowl-back{top:75%;left:15%;scale:1.1;transform:rotateZ(-10deg)}#summary-page #hobbies:hover #mixing-bowl .bowl-back,#summary-page #hobbies.hover #mixing-bowl .bowl-back,#summary-page #hobbies a:focus #mixing-bowl .bowl-back{left:12.5%;top:85%}.page.flipped #summary-page #hobbies:hover #mixing-bowl .bowl-front,.page.flipped #summary-page #hobbies:hover #mixing-bowl .bowl-back,.page.flipped #summary-page #hobbies.hover #mixing-bowl .bowl-front,.page.flipped #summary-page #hobbies.hover #mixing-bowl .bowl-back,.page.flipped #summary-page #hobbies a:focus #mixing-bowl .bowl-front,.page.flipped #summary-page #hobbies a:focus #mixing-bowl .bowl-back,.disable-animation #summary-page #hobbies:hover #mixing-bowl .bowl-front,.disable-animation #summary-page #hobbies:hover #mixing-bowl .bowl-back,.disable-animation #summary-page #hobbies.hover #mixing-bowl .bowl-front,.disable-animation #summary-page #hobbies.hover #mixing-bowl .bowl-back,.disable-animation #summary-page #hobbies a:focus #mixing-bowl .bowl-front,.disable-animation #summary-page #hobbies a:focus #mixing-bowl .bowl-back{top:50%;left:50%;scale:1;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){#summary-page #hobbies:hover #mixing-bowl .bowl-front,#summary-page #hobbies:hover #mixing-bowl .bowl-back,#summary-page #hobbies.hover #mixing-bowl .bowl-front,#summary-page #hobbies.hover #mixing-bowl .bowl-back,#summary-page #hobbies a:focus #mixing-bowl .bowl-front,#summary-page #hobbies a:focus #mixing-bowl .bowl-back{top:50%;left:50%;scale:1;transform:translate(-50%,-50%)}}#summary-page #hobbies #mixing-bowl .belt{top:40%;left:45%;margin-left:-25%;transform:rotateZ(45deg);width:30%;height:20%;background:url(../assets/summary/black_belt.webp) center center no-repeat;background-size:contain}#summary-page #hobbies:hover #mixing-bowl .belt,#summary-page #hobbies.hover #mixing-bowl .belt,#summary-page #hobbies a:focus #mixing-bowl .belt{scale:1.4;top:55%;left:15%;margin-left:-40%;transform:rotateZ(10deg)}.page.flipped #summary-page #hobbies:hover #mixing-bowl .belt,.page.flipped #summary-page #hobbies.hover #mixing-bowl .belt,.page.flipped #summary-page #hobbies a:focus #mixing-bowl .belt,.disable-animation #summary-page #hobbies:hover #mixing-bowl .belt,.disable-animation #summary-page #hobbies.hover #mixing-bowl .belt,.disable-animation #summary-page #hobbies a:focus #mixing-bowl .belt{scale:1;top:40%;left:45%;margin-left:-25%;transform:rotateZ(45deg)}@media (prefers-reduced-motion:reduce){#summary-page #hobbies:hover #mixing-bowl .belt,#summary-page #hobbies.hover #mixing-bowl .belt,#summary-page #hobbies a:focus #mixing-bowl .belt{scale:1;top:40%;left:45%;margin-left:-25%;transform:rotateZ(45deg)}}#summary-page #hobbies #mixing-bowl .shoe{top:50%;left:48%;width:30%;height:38%;margin-left:-15%;margin-top:-15%;transform:rotateZ(20deg);background:url(../assets/summary/shoe.webp) center center no-repeat;background-size:contain}#summary-page #hobbies:hover #mixing-bowl .shoe,#summary-page #hobbies.hover #mixing-bowl .shoe,#summary-page #hobbies a:focus #mixing-bowl .shoe{scale:1.1;top:30%;left:10%;transform:rotateZ(5deg)}.page.flipped #summary-page #hobbies:hover #mixing-bowl .shoe,.page.flipped #summary-page #hobbies.hover #mixing-bowl .shoe,.page.flipped #summary-page #hobbies a:focus #mixing-bowl .shoe,.disable-animation #summary-page #hobbies:hover #mixing-bowl .shoe,.disable-animation #summary-page #hobbies.hover #mixing-bowl .shoe,.disable-animation #summary-page #hobbies a:focus #mixing-bowl .shoe{scale:1;top:50%;left:48%;transform:rotateZ(20deg)}@media (prefers-reduced-motion:reduce){#summary-page #hobbies:hover #mixing-bowl .shoe,#summary-page #hobbies.hover #mixing-bowl .shoe,#summary-page #hobbies a:focus #mixing-bowl .shoe{scale:1;top:50%;left:48%;transform:rotateZ(20deg)}}#summary-page #hobbies #mixing-bowl .notebook{top:15%;left:32%;transform:rotateZ(-5deg);width:40%;height:50%;filter:drop-shadow(1px 1px 0 #444);background:url(../assets/summary/notebook.webp) center center no-repeat;background-size:contain}#summary-page #hobbies #mixing-bowl .notebook:after{content:"LSF";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}#summary-page #hobbies:hover #mixing-bowl .notebook,#summary-page #hobbies.hover #mixing-bowl .notebook,#summary-page #hobbies a:focus #mixing-bowl .notebook{scale:1.4;top:-15%;left:30%;transform:rotateZ(5deg)}.page.flipped #summary-page #hobbies:hover #mixing-bowl .notebook,.page.flipped #summary-page #hobbies.hover #mixing-bowl .notebook,.page.flipped #summary-page #hobbies a:focus #mixing-bowl .notebook,.disable-animation #summary-page #hobbies:hover #mixing-bowl .notebook,.disable-animation #summary-page #hobbies.hover #mixing-bowl .notebook,.disable-animation #summary-page #hobbies a:focus #mixing-bowl .notebook{scale:1;top:15%;left:32%;transform:rotateZ(-5deg)}@media (prefers-reduced-motion:reduce){#summary-page #hobbies:hover #mixing-bowl .notebook,#summary-page #hobbies.hover #mixing-bowl .notebook,#summary-page #hobbies a:focus #mixing-bowl .notebook{scale:1;top:15%;left:32%;transform:rotateZ(-5deg)}}#summary-page #hobbies #mixing-bowl .whisk{top:7%;left:55%;margin-left:0;width:20%;height:60%;transform:rotateZ(35deg);filter:drop-shadow(2px 2px 0 #444);background:url(../assets/summary/whisk.webp) center center no-repeat;background-size:contain}#summary-page #hobbies:hover #mixing-bowl .whisk,#summary-page #hobbies.hover #mixing-bowl .whisk,#summary-page #hobbies a:focus #mixing-bowl .whisk{scale:1.5;top:5%;left:80%;transform:rotateZ(60deg)}.page.flipped #summary-page #hobbies:hover #mixing-bowl .whisk,.page.flipped #summary-page #hobbies.hover #mixing-bowl .whisk,.page.flipped #summary-page #hobbies a:focus #mixing-bowl .whisk,.disable-animation #summary-page #hobbies:hover #mixing-bowl .whisk,.disable-animation #summary-page #hobbies.hover #mixing-bowl .whisk,.disable-animation #summary-page #hobbies a:focus #mixing-bowl .whisk{scale:1;top:7%;left:55%;transform:rotateZ(35deg)}@media (prefers-reduced-motion:reduce){#summary-page #hobbies:hover #mixing-bowl .whisk,#summary-page #hobbies.hover #mixing-bowl .whisk,#summary-page #hobbies a:focus #mixing-bowl .whisk{scale:1;top:7%;left:55%;transform:rotateZ(35deg)}}#summary-page #contact .handshake{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;pointer-events:none;object-fit:cover;transition:.3s all ease;background:url(../assets/summary/handshake.webp) no-repeat center center;background-size:cover}#summary-page #contact:hover .handshake,#summary-page #contact.hover .handshake,#summary-page #contact a:focus .handshake{scale:1.2}.page.flipped #summary-page #contact:hover .handshake,.page.flipped #summary-page #contact.hover .handshake,.page.flipped #summary-page #contact a:focus .handshake,.disable-animation #summary-page #contact:hover .handshake,.disable-animation #summary-page #contact.hover .handshake,.disable-animation #summary-page #contact a:focus .handshake{scale:1}@media (prefers-reduced-motion:reduce){#summary-page #contact:hover .handshake,#summary-page #contact.hover .handshake,#summary-page #contact a:focus .handshake{scale:1}}