body{font-size:10px;width:100dvw;height:100dvh;display:flex;justify-content:center;align-items:center;padding:0;margin:0;flex-direction:column;text-align:center;background-color:#ebebeb;font-family:helvetica,arial,sans-serif}body.open{overflow:hidden;position:relative;width:100svw;height:100svh}h1,h2,h3{font-family:"Google Sans Flex",sans-serif;font-optical-sizing:auto;font-weight:500;font-style:normal;font-variation-settings:"slnt" 0,"wdth" 100,"GRAD" 0,"ROND" 0}main{display:flex;height:100%;justify-content:center;flex-direction:column}main section{position:relative;transform:scale(1);transition:transform 1s,box-shadow 0.5s}.cv div img{width:200px;height:200px}.info.show-cv .cv>div{padding:2rem;background:#ebebeb;border-radius:.8rem;border:solid 1px #e1e1e1}address a{color:#333;transition:color 1s}address a:hover{color:#0000EE}address h2{position:relative;top:auto;text-align:left;margin-top:0;margin-bottom:1.4rem;padding:0;font-size:1.6em;font-weight:600;font-family:helvetica,arial,sans-serif;left:0;z-index:1;line-height:100%}.info.show-cv address{line-height:1.6em;font-size:1.2rem}.info .cv,.info .info-close{display:none}h1{font-size:4rem;filter:contrast(200%);padding:2rem 0;margin:0;cursor:pointer}h1 a{text-decoration:none;color:#000}h1 strong{aspect-ratio:1/1;display:inline-block;color:#fff;margin:0 2rem;position:relative}h1 strong::before{content:'';position:absolute;background:#000;width:100%;height:100%;aspect-ratio:1 / 1;transform:translate(-1%,-10%);animation:spining 30s linear infinite;z-index:-1;left:2px}h1:after{content:'...';margin-left:.5rem}h1 strong span{display:inline-block}h2{font-variant:small-caps;font-size:1rem;position:absolute;top:80px;left:9.55em;z-index:-1}h2 span{position:absolute;left:13.45em;white-space:nowrap}h3{font-weight:100;font-size:2vw;position:absolute;opacity:0;transition:font-size 1s;transform-origin:top left;margin:0}h3.show{animation:pulse 6.5s linear 1}.info.show-cv header{position:relative;margin-bottom:5rem}.info.show-cv{position:fixed;inset:0;width:100svw;z-index:999;background-color:rgba(255,255,255,.5);backdrop-filter:blur(10px);overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column;align-items:center;box-sizing:border-box;transform:scale(1);padding:3rem}.info.show-cv .cv ul{padding:0 0 1rem 1rem}.info.show-cv .cv h5{margin-bottom:1rem}.info.show-cv h3{position:relative}.info.show-cv h1{position:relative}.info.show-cv .info-close{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:1rem;right:1rem;z-index:1001;width:44px;height:44px;border-radius:50%;color:#000;cursor:pointer;font-size:2rem;line-height:1;border:0.1rem solid #ebebeb}.cv p,.cv li{font-size:1.2rem}.info.show-cv .cv{display:block;width:min(900px,100%);text-align:left;font-size:1.4rem;line-height:1.5}.cv div{display:flex;gap:2rem}@keyframes pulse{0%{transform:scale(.75);font-weight:100;opacity:0}50%{transform:scale(1.2);opacity:1;font-weight:600}100%{transform:scale(.5);font-weight:100;opacity:0}}@keyframes spining{0%{transform:translate(-1%,-10%) rotate(0deg)}100%{transform:translate(-1%,-10%) rotate(360deg)}}@media screen and (max-width:800px){h3{font-size:6vw}.portrait h3:nth-child(9){left:20%;bottom:5%}main section{width:500px}}@media screen and (min-width:1200px){main section{transform:scale(1.5)}}
