@import url("https://fonts.googleapis.com/css2?family=Special+Gothic+Condensed+One&display=swap");body.light{--primary-color: #000;--primary-light: #606060;--secondary-color: #fff;--secondary-light: #b6b6b6;--stand-out: rgba(255, 255, 255, 0.4);--s: 360px;--c1: #d6aeec;--c2: #e2dbf0;--c3: #aaabbb;--_l: #0000 calc(25% / 3), var(--c1) 0 25%, #0000 0;--_g: conic-gradient(from 120deg at 50% 87.5%, var(--c1) 120deg, #0000 0);--w1: var(--secondary-light);--w2: var(--c1);--w3: var(--c2);--w4: var(--c3);--background-fade: linear-gradient(to bottom, rgba(255,255,255, 1) 0%,rgba(255,255,255, 0) 100%);--footer-fade: linear-gradient(to top, rgba(255,255,255, 1) 0%,rgba(255,255,255, 0) 100%);background:var(--secondary-color)}body.dark{--primary-color: #FFF;--primary-light: #b6b6b6;--secondary-color: #000;--secondary-light: #606060;--stand-out: rgba(0, 0, 0, 0.4);--s: 360px;--c1: #4f2a63;--c2: #36215e;--c3: #2c2b30;--_g: conic-gradient(from 120deg at 50% 87.5%, var(--c1) 120deg, #0000 0);--_l: #0000 calc(25% / 3), var(--c1) 0 25%, #0000 0;--w1: var(--secondary-light);--w2: var(--c1);--w3: var(--c2);--w4: var(--c3);--background-fade: linear-gradient(to bottom, rgba(0,0,0, 1) 0%,rgba(0,0,0, 0) 100%);--footer-fade: linear-gradient(to top, rgba(0,0,0, 1) 0%,rgba(0,0,0, 0) 100%);background:var(--secondary-color)}body.zdark{--primary-color: #FFF;--primary-light: #b6b6b6;--secondary-color: #000;--secondary-light: #606060;--stand-out: rgba(0, 0, 0, 0.4);--s: 360px;--c1: #8d4bb1;--c2: #3a1d75;--c3: #35363a;--_g: conic-gradient(from 120deg at 50% 87.5%, var(--c1) 120deg, #0000 0);--w1: var(--secondary-light);--w2: var(--c1);--w3: var(--c2);--w4: var(--c3);--background-fade: linear-gradient(to bottom, rgba(0,0,0, 1) 0%,rgba(0,0,0, 0) 100%);background:var(--secondary-color)}body{font-family:"Roboto", sans-serif;line-height:1.5;color:var(--primary-color)}header,main{z-index:10;position:relative;margin:20px}main{padding-bottom:60px}.button{border-radius:10px;line-height:20px;padding:10px;display:inline-block;margin:5px;cursor:pointer}a{color:var(--c1)}a:hover{color:var(--c2)}a:visited{color:var(--primary-light)}a:visited:hover{color:var(--c1)}header{display:flex;padding-top:10px}nav{padding-left:20px;flex:3;height:60px;line-height:50px;vertical-align:middle}nav ul{display:flex;list-style:none;margin:0;padding:0}nav ul li::after{margin-right:10px;content:" •• "}nav ul li a:hover{color:var(--primary-light)}nav a{font-family:"Special Gothic Condensed One", sans-serif;color:var(--primary-color);text-decoration:none;font-weight:bold;font-size:30px}nav a:visited{color:var(--primary-color)}nav a.current{color:var(--primary-light)}.passive-logo{align-items:center;width:60px}.passive-logo .circle:hover{cursor:pointer}.passive-logo .text{color:var(--secondary-color);font-family:"Special Gothic Condensed One", sans-serif;font-size:40px;font-weight:700;opacity:0;animation:fadeIn 2s ease-in-out 1s forwards;text-shadow:0 0 10px rgba(255,255,255,0.5);cursor:pointer}.passive-logo a .text{text-decoration:none;cursor:pointer}.circle{width:50px;height:50px;background-color:var(--primary-color);border-radius:50%;display:flex;justify-content:center;align-items:center;position:relative}body.light .mode-switch i{--fa: "\f185"}body.dark .mode-switch i{--fa: "\f186"}.mode-switch{cursor:pointer}.mode-switch:hover{color:var(--primary-light)}footer{z-index:10;display:flex;height:40px;position:fixed;bottom:0;left:0;width:100%;background:var(--footer-fade);margin:0;padding:20px 0 0;line-height:60px}footer div{flex:2;justify-content:center;align-items:center;margin:0 auto;text-align:center}.social-links{display:flex;list-style:none;height:20px;margin:0;padding:0}.social-links li a{text-decoration:none;color:var(--primary-color)}@media screen and (max-width: 460px){.social-links{display:none}}@keyframes fadeIn{0%{opacity:0;transform:scale(0.5)}100%{opacity:1;transform:scale(1)}}.wave-background{background:linear-gradient(-45deg, var(--w1), var(--w2), var(--w3), var(--w4));background-size:400% 400%;animation:waveGradient 10s ease infinite}@keyframes waveGradient{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.background-blocks{bottom:0;left:0;position:fixed;width:100%;z-index:1;height:50vh}.background-blocks div{position:absolute;top:0;bottom:0;left:0;right:0}.background-fade{background:var(--background-fade);z-index:1}.background-pattern{z-index:0;background:var(--_g),var(--_g) 0 calc(var(--s) / 2),conic-gradient(from 180deg at 75%, var(--c2) 60deg, #0000 0),conic-gradient(from 60deg at 75% 75%, var(--c1) 0 60deg, #0000 0),linear-gradient(150deg, var(--_l)) 0 calc(var(--s) / 2),conic-gradient(at 25% 25%, #0000 50%, var(--c2) 0 240deg, var(--c1) 0 300deg, var(--c2) 0),linear-gradient(-150deg, var(--_l)) var(--c3);background-size:calc(0.866 * var(--s)) var(--s)}.post-content img{width:100%;height:auto}.post-content p,.post-content pre{line-height:1em;padding:.25em 0;margin:0 auto;max-width:60ch}.post-content pre{max-width:100ch;overflow:auto;max-height:80vh}.post-content pre.allowwrap{text-wrap:auto}.post-content p.imagecell{max-width:100%;text-align:center}.post-content p.imagecell img{display:inline-block}.post-content h3,.post-content h4{text-align:center}.post-content h4{margin:.5em 0;padding:0}.company-name{font-weight:1000;font-size:1.2em}.company-info{border-left:1px solid var(--primary-light);padding-left:10px}.company-info .label{font-weight:bold}.position{padding-bottom:10px;margin:10px;border-left:1px solid var(--secondary-light);padding-left:10px}.job-title{font-weight:600;font-size:1.1em}.duration{color:var(--primary-light);padding-left:10px}.duration::before{content:"("}.duration::after{content:")"}.skill{background-color:var(--c1)}.skill:hover{background-color:var(--c2)}ul.responsibilities li{padding-bottom:5px}dialog{width:50vw;padding:10px 40px 20px;border:1px solid var(--primary-light) !important;border-radius:10px;color:var(--primary-color)}dialog .close-skill{position:absolute;top:10px;right:10px;background:var(--primary-color);color:var(--secondary-color)}dialog .close-skill:hover{background:var(--primary-light)}dialog h3{margin:10px 0;font-size:2em}dialog .skill-label{font-weight:bolder}dialog .skill-details{line-height:1.5em}dialog .skill-row{margin-bottom:20px}summary{font-weight:bold;font-size:2em;position:sticky;top:0;z-index:10;background:var(--stand-out);cursor:pointer}