.splitting .word,.splitting .char{display:inline-block}.splitting .char{position:relative}.splitting .char:before,.splitting .char:after{content:attr(data-char);position:absolute;top:0;left:0;visibility:hidden;transition:inherit;-webkit-user-select:none;user-select:none}.splitting{--word-center: calc((var(--word-total) - 1) / 2);--char-center: calc((var(--char-total) - 1) / 2);--line-center: calc((var(--line-total) - 1) / 2)}.splitting .word{--word-percent: calc(var(--word-index) / var(--word-total));--line-percent: calc(var(--line-index) / var(--line-total))}.splitting .char{--char-percent: calc(var(--char-index) / var(--char-total));--char-offset: calc(var(--char-index) - var(--char-center));--distance: calc( (var(--char-offset) * var(--char-offset)) / var(--char-center) );--distance-sine: calc(var(--char-offset) / var(--char-center));--distance-percent: calc((var(--distance) / var(--char-center)))}.splitting.cells img{width:100%;display:block}@supports (display: grid){.splitting.cells{position:relative;overflow:hidden;background-size:cover;visibility:hidden}.splitting .cell-grid{background:inherit;position:absolute;top:0;left:0;width:100%;height:100%;display:grid;grid-template:repeat(var(--row-total),1fr) / repeat(var(--col-total),1fr)}.splitting .cell{background:inherit;position:relative;overflow:hidden}.splitting .cell-inner{background:inherit;position:absolute;visibility:visible;width:calc(100% * var(--col-total));height:calc(100% * var(--row-total));left:calc(-100% * var(--col-index));top:calc(-100% * var(--row-index))}.splitting .cell{--center-x: calc((var(--col-total) - 1) / 2);--center-y: calc((var(--row-total) - 1) / 2);--offset-x: calc(var(--col-index) - var(--center-x));--offset-y: calc(var(--row-index) - var(--center-y));--distance-x: calc( (var(--offset-x) * var(--offset-x)) / var(--center-x) );--distance-y: calc( (var(--offset-y) * var(--offset-y)) / var(--center-y) )}}[data-scroll] .char{transition:all var(--transition-speed) calc((var(--char-index) + 1) * var(--transition-step))}.glitch [data-scroll=in] .char,.glitch:hover [data-scroll=in] .char{--split: 0;--shift: 0;--shadow: 0;color:transparent;animation:glitch 1s calc(var(--char-index) * .1s) 2 ease-in-out alternate-reverse;position:relative;transition:none}.glitch .char:before,.glitch .char:after{content:attr(data-char);position:absolute;top:0%;left:0%;height:100%;width:100%;color:#fff;visibility:visible;-webkit-clip-path:var(--clip);clip-path:var(--clip)}.glitch .char:before{--clip: inset(calc((95 - var(--split)) * 1%) 0 0 0)}.glitch .char:after{transform:translate(calc(var(--shift) * 1%));--clip: inset(0 0 calc(var(--split) * 1%) 0);text-shadow:calc(var(--shadow) * 1px) calc(var(--shadow) * 1px) #000}@-webkit-keyframes glitch{0%{--split: 20;--shift: 20;--shadow: -4}5%{--split: 30;--shift: 20;--shadow: -4}10%{--split: 80;--shift: 10;--shadow: -4}15%{--split: 55;--shift: 10;--shadow: -4}20%,50%{--split: 0;--shift: 0;--shadow: 0}to{--split: 0;--shift: 0;--shadow: 0}}@keyframes glitch{0%{--split: 20;--shift: 20;--shadow: -4}5%{--split: 30;--shift: 20;--shadow: -4}10%{--split: 80;--shift: 10;--shadow: -4}15%{--split: 55;--shift: 10;--shadow: -4}20%,50%{--split: 0;--shift: 0;--shadow: 0}to{--split: 0;--shift: 0;--shadow: 0}}*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Druk Wide Web;src:url(/assets/DrukWide-Bold-Web-GJSaBojY.woff2) format("woff2"),url(/assets/DrukWide-Bold-Web-h4AEoXQ_.woff) format("woff");font-weight:700;font-style:normal;font-stretch:normal}.DrukWide-Bold-Web{font-family:Druk Wide Web;font-weight:700;font-style:normal;font-stretch:normal;text-transform:uppercase}@font-face{font-family:Montserrat;src:url(/assets/montserrat-v24-latin-regular-CIC6SsRF.woff2) format("woff2"),url(/assets/montserrat-v24-latin-regular-C_39xyZl.woff) format("woff");font-weight:500;font-style:normal;font-stretch:normal}.Montserrat,body{font-family:Montserrat;font-weight:500;font-style:normal;font-stretch:normal}h1,h2{color:#fff}html{height:100%;overflow:auto}body{height:100%;background-color:#080808;font-size:1rem}body.overflow-hidden{overflow:hidden}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}main,article{position:relative;z-index:2}.horizontal,.portfolio,.text-wrapper{padding:0 3vw}.ab-mode .horizontal{max-width:960px;margin:0 auto}header a.skip{position:absolute;top:-40px;left:0;background:#000;color:#fff;padding:10px;z-index:100;transition:top .3s}header a.skip:focus{top:0}.scroll-wrapper{width:100%}.desktop-or-else:not(.ab-mode) .scroll-wrapper{height:500vh}#canvas4{width:100%;will-change:transform}#spaceinvader{will-change:transform;width:100%;height:100%;position:absolute;top:0;z-index:2;left:0}#tetris{will-change:transform;position:fixed;top:0;left:0;z-index:-3;width:100%;height:100%}.gradient{z-index:-1;width:100vw;height:100vh;background-image:linear-gradient(to top,#0703ff,#0703ff00 59%);background-repeat:no-repeat;background-position:center;position:fixed;top:0%;bottom:auto;left:0%;right:auto}.overflow-x-hidden{overflow-x:hidden}section{height:100%;display:flex;justify-content:flex-start;align-items:center}section#first,section#second{height:100vh}.ab-mode section#first{position:relative}.desktop-or-else:not(.ab-mode) section{height:100vh}section#second{padding-top:50px;align-items:flex-start}.ab-mode section#second{align-items:center}section#fifth{align-items:flex-start}.desktop-or-else:not(.ab-mode) section#second{padding-top:0;height:390vh}.desktop-or-else:not(.ab-mode) section#fifth{height:400vh}.text-wrapper{max-width:960px;margin:0 auto 50px;width:100%;position:sticky;top:30vh}.ab-mode .text-wrapper{position:static}.desktop-or-else .text-wrapper{top:100vh;margin-bottom:0}.text-wrapper h2{font-size:16px;text-transform:uppercase;color:#000;font-size:calc(.1vw + .8rem)}.ab-mode .text-wrapper h2{font-size:calc(.1vw + 1rem)}.text-wrapper h2 span{background:#fff;padding:0 4px}section#third{display:block;height:auto;padding-bottom:15vh}.desktop-or-else section#third{padding-bottom:0}.elegantshadow{color:#131313;background-color:#e7e5e4;letter-spacing:.15em;text-shadow:1px -1px 0 #767676,-1px 2px 1px #737272,-2px 4px 1px #767474,-3px 6px 1px #787777,-4px 8px 1px #7b7a7a,-5px 10px 1px #7f7d7d,-6px 12px 1px #828181,-7px 14px 1px #868585,-8px 16px 1px #8b8a89,-9px 18px 1px #8f8e8d,-10px 20px 1px #949392,-11px 22px 1px #999897,-12px 24px 1px #9e9c9c,-13px 26px 1px #a3a1a1,-14px 28px 1px #a8a6a6,-15px 30px 1px #adabab,-16px 32px 1px #b2b1b0,-17px 34px 1px #b7b6b5,-18px 36px 1px #bcbbba,-19px 38px 1px #c1bfbf,-20px 40px 1px #c6c4c4,-21px 42px 1px #cbc9c8,-22px 44px 1px #cfcdcd,-23px 46px 1px #d4d2d1,-24px 48px 1px #d8d6d5,-25px 50px 1px #dbdad9,-26px 52px 1px #dfdddc,-27px 54px 1px #e2e0df,-28px 56px 1px #e4e3e2}.deepshadow{color:#e0dfdc;background-color:#333;letter-spacing:.1em;text-shadow:0 -1px 0 #fff,0 1px 0 #2e2e2e,0 2px 0 #2c2c2c,0 3px 0 #2a2a2a,0 4px 0 #282828,0 5px 0 #262626,0 6px 0 #242424,0 7px 0 #222,0 8px 0 #202020,0 9px 0 #1e1e1e,0 10px 0 #1c1c1c,0 11px 0 #1a1a1a,0 12px 0 #181818,0 13px 0 #161616,0 14px 0 #141414,0 15px 0 #121212,0 22px 30px rgba(0,0,0,.9)}.insetshadow{color:#202020;background-color:#2d2d2d;letter-spacing:.1em;text-shadow:-1px -1px 1px #111,2px 2px 1px #363636}.retroshadow{color:#fff;letter-spacing:.085em;text-shadow:4px 4px 0px #5bc735,7px 7px 0px rgba(0,0,0,.2)}.wrappie{overflow:hidden}.split{opacity:0}html:not(.has-js) .split{animation:fade-in .5s 1s ease}@keyframes fade-in{to{opacity:1}}.text-right{margin-top:2rem}.text-right span.line{display:block;color:#fff;font-size:2.375rem;font-size:calc(1.5vw + 1rem);white-space:nowrap}.ab-mode .text-right span.line{display:inline;color:#fff;font-size:calc(1.4vw + 1rem);white-space:normal;padding-right:6px}@media (min-width: 1024px){body:not(.ab-mode) .text-right{margin-left:240px;margin-top:-30px}body:not(.ab-mode) .text-right span.line:first-child{margin-left:60px}}.black{background-color:#080808}.grey{background-color:#d9d9d9}.blue{background-color:#0703ff}.orange{background-color:#ff3400}.red{background-color:#c82736}.purple{background-color:#8d3dae}.green{background-color:#18ff13}.yellow{background-color:#ffd600;background-color:#fa0}.cube{border:none;display:flex;background:none;width:60px;height:60px;text-transform:uppercase;font-size:10px;letter-spacing:.7px;cursor:pointer}.face{position:absolute;width:60px;height:60px;background:#fff;color:#000;display:flex;justify-content:center;align-items:center}@media (min-width: 1024px){.cube{width:80px;height:80px;transform-style:preserve-3d;transform:rotateX(0) rotateY(0);transition:transform .5s;text-transform:uppercase;font-size:12px;letter-spacing:1px;cursor:pointer}.cube:hover{cursor:pointer;transform:rotateX(-20deg) rotateY(-20deg);outline:none;box-shadow:none}.face{position:absolute;width:80px;height:80px;background:#fff;color:#000;display:flex;justify-content:center;align-items:center;border:2px solid #000}.front{transform:translateZ(40px)}.back{transform:rotateY(180deg) translateZ(40px)}.right{transform:rotateY(90deg) translateZ(40px)}.left{transform:rotateY(-90deg) translateZ(40px)}.top{transform:rotateX(90deg) translateZ(40px)}.bottom{transform:rotateX(-90deg) translateZ(40px)}}#textCircleBigAbs{width:100%;position:absolute;margin-top:-45%;margin-top:-50vh;z-index:-1}.portfolio{width:100%;color:#fff}.ab-mode .portfolio{max-width:960px;margin:0 auto}@media (min-width: 1024px){.tablet .portfolio{width:50%}}.desktop-or-else:not(.ab-mode) .portfolio{padding:0}.portfolio h3{font-size:16px;text-transform:uppercase;color:#000;font-size:calc(.1vw + .8rem);margin-bottom:2rem}.ab-mode .portfolio h3{font-size:calc(.1vw + 1rem)}.portfolio h3 span{background:#fff;padding:0 4px}.portfolio img,.portfolio picture{width:100%;height:auto}.ab-mode .portfolio img{border-radius:10px}.portfolio h4{font-size:calc(.1vw + .6rem);margin-top:.5vw}.portfolio p{font-size:calc(.1vw + .6rem);margin-bottom:5vw}.ab-mode .portfolio h4,.ab-mode .portfolio p{font-size:calc(1vw + .6rem);font-size:18px}.desktop-or-else:not(.ab-mode) .portfolio img,.desktop-or-else:not(.ab-mode) .portfolio h3,.desktop-or-else:not(.ab-mode) .portfolio h4,.desktop-or-else:not(.ab-mode) .portfolio p{display:none}#main-menu{position:fixed;top:0;left:0;width:100%;height:100vh;height:100dvh;display:flex;flex-direction:column;justify-content:space-evenly;padding:36vh 3vw 5vw 3vw;z-index:9;overflow-y:auto;transform:translateY(0);visibility:visible;transition:transform .3s ease,visibility .3s ease}#main-menu[aria-hidden=true]{transform:translateY(100%);visibility:hidden;pointer-events:none}#main-menu a{position:relative;z-index:9;color:#fff;text-decoration:none;font-size:calc(3vh + 1rem);margin-bottom:5vh;text-transform:uppercase;width:100%}@media (min-width: 1024px){#main-menu a{width:50vw}}.menu-contact{text-transform:none;margin-top:auto;position:relative;z-index:3;color:#fff;letter-spacing:.2rem;line-height:1.5}.ab-bar{display:none}.ab-mode .ab-bar{display:flex;height:10vh;width:100%;background:#b7b7b7;top:0;z-index:99;align-items:center}.ab-mode .ab-bar a{color:#000;padding:0 1rem}.ab-mode .gradient{display:none}.ab-mode .retroshadow{text-shadow:none}.ab-mode .bg-color{background:#080808}.ab-mode .ab-bar svg{width:32px}.panel3{position:relative}.panel3 .menu-contact{display:flex;position:absolute;bottom:-15vh;height:15vh;width:100%;text-align:center;justify-content:center;align-items:center;left:0}.desktop-or-else:not(.ab-mode) .panel3 .menu-contact{bottom:0}footer .menu-contact{padding:0 3vw;height:15vh;display:flex;text-align:center;justify-content:center;align-items:center}#main-menu a:hover{font-style:italic}.bg-color{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2;background:#080808;background:#0703ff;content:"";opacity:.9}.ab-mode .bg-color{opacity:1}.blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);height:100%;left:0;position:absolute;top:0;width:100%;z-index:-1}.ab-mode .blur{display:none}#about{position:relative;color:#fff}.ab-mode:not(.reader-mode) #about{color:#000}.ab-mode:not(.reader-mode) #about p{font-size:18px}.image-inner{max-width:10vh;border-radius:50%;border:1px solid #000;position:absolute;right:-1.5vw;top:-3vw}.image-inner img{height:auto;width:100%;display:block;border-radius:50%}#pacman-wrap svg{max-width:64px;stroke:#000;stroke-width:16px}.panel1,.skills,.lets-talk{border-radius:32px;padding:6vw 6vw 12vw;margin:50px 0}.ab-mode .panel1,.ab-mode .skills,.ab-mode .lets-talk{padding:5rem;border-radius:10px}body .lets-talk{margin-bottom:0}.about-text hr{background-color:#000;height:1px;border:none;width:100%;margin:20px auto}.about-text h4,.about-text h5{font-size:calc(.1vw + .8rem);margin-top:20px}.ab-mode .about-text h4,.ab-mode .about-text h5{font-size:18px}#pacman-wrap{display:none}.lets-talk .heading-wrap hr,.skills .heading-wrap hr{height:1px;background-color:#000;margin-top:10px;border:none}.lets-talk hr:not(.hrwrap hr),.skills hr:not(.hrwrap hr){width:100%;height:1px;background-color:#000;border:none;display:flex}.lets-talk h2,.skills h2{color:#000;text-align:left;font-size:7.35vw;line-height:2;white-space:nowrap}.ab-mode .lets-talk h2,.ab-mode .skills h2{font-size:calc(4.35vw + .1rem);font-size:62px}.lets-talk h3,.skills h3{color:#000;text-align:left;line-height:1;width:100%;font-size:calc(.1vw + .8rem);font-size:calc(3.5vw + .1rem);white-space:nowrap}.ab-mode .lets-talk h3,.ab-mode .skills h3{font-size:calc(2.35vw + .1rem);font-size:30px}.lets-talk h3 span,.skills h3 span{display:inline-block;line-height:1}.lets-talk h3 span:first-child,.skills h3 span:first-child{margin-right:2%}.emoticon{letter-spacing:.1vw;right:9vw;margin-top:-1vh;font-size:2.2vh;font-size:calc(3.5vw + .1rem)}.ab-mode .emoticon{font-size:calc(2.35vw + .1rem);margin-top:-12px;font-size:30px;letter-spacing:0}.lets-talk .heading-wrap,.skills .heading-wrap{white-space:nowrap;display:flex;align-items:center;width:100%;margin-bottom:auto}.lets-talk .heading-wrap-two,.skills .heading-wrap-two{line-height:1;white-space:nowrap;display:flex;align-items:center;margin-top:3vh;margin-bottom:2vh}.skills p,.lets-talk p{margin-top:20px}.ab-mode .skills p,.ab-mode .lets-talk p{font-size:18px}.image-wrap{display:flex;justify-content:flex-end}.desktop-or-else:not(.ab-mode) .horizontal{padding:0;width:300%;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-ms-flex-item-align:center;align-self:center;height:100vh!important}.desktop-or-else:not(.ab-mode) .horizontal-wrap{overflow:hidden}.desktop-or-else:not(.ab-mode) .lets-talk h2,.desktop-or-else:not(.ab-mode) .skills h2{line-height:1}.desktop-or-else:not(.ab-mode) .image-inner{max-width:35%;position:relative;right:0;top:0}.ab-mode .image-inner{max-width:150px}.desktop-or-else:not(.ab-mode) section#fourth{position:relative;height:50vh}.desktop-or-else:not(.ab-mode) .lets-talk,.desktop-or-else:not(.ab-mode) .skills{padding:5vw;width:70vw;transform:scale(.5);transition:transform .5s ease;margin:0 auto;height:70vh;display:flex;flex-direction:column;justify-content:space-between}.desktop-or-else:not(.ab-mode) .lets-talk p,.desktop-or-else:not(.ab-mode) .skills p{margin-top:auto;font-size:1vw;font-size:2.2vh}.lets-talk .heading-wrap h2,.lets-talk .heading-wrap .hrwrap,.skills .heading-wrap h2,.skills .heading-wrap .hrwrap{width:50%}.lets-talk .heading-wrap .hrwrap,.skills .heading-wrap .hrwrap{padding:0 0 0 15%;display:block}@media (min-width:1024px){.lets-talk .heading-wrap .hrwrap,.skills .heading-wrap .hrwrap{padding-left:25%}}.ab-mode.desktop-or-else .lets-talk .heading-wrap .hrwrap,.ab-mode.desktop-or-else .skills .heading-wrap .hrwrap{padding-left:15%}.desktop-or-else .lets-talk hr:not(.hrwrap hr),.desktop-or-else .skills hr:not(.hrwrap hr),.tablet .lets-talk hr:not(.hrwrap hr),.tablet .skills hr:not(.hrwrap hr){height:4px}.desktop-or-else:not(.ab-mode) .emoticon{right:5vw;font-size:5.6vh;font-size:calc(1.5vw + 1rem)}.desktop-or-else:not(.ab-mode) .lets-talk h3,.desktop-or-else:not(.ab-mode) .skills h3{color:#000;text-align:left;line-height:1;width:100%;font-size:5.6vh;font-size:calc(1.5vw + 1rem);white-space:nowrap}.desktop-or-else:not(.ab-mode) .skills h2,.desktop-or-else:not(.ab-mode) .lets-talk h2{color:#000;text-align:left;font-size:5.65vw;font-size:10.67vh;font-size:calc(5vw + 1rem);line-height:1;white-space:nowrap}.desktop-or-else:not(.ab-mode) .panel{width:100%;display:flex;align-items:center}.desktop-or-else:not(.ab-mode) .panel1{padding:0}.desktop-or-else:not(.ab-mode) #mug{width:100%;height:100%;max-width:450px;max-height:600px;border-radius:32px;border:1px solid #808080}.desktop-or-else:not(.ab-mode) #shader{position:relative;width:100%;height:100%;max-width:450px;max-height:600px;border-radius:32px;opacity:.35}.desktop-or-else:not(.ab-mode) .shader-bg{position:relative;width:calc(100% + 40px);height:calc(100% + 40px);max-width:450px;max-height:600px;border-radius:32px;border:10px solid #fff;opacity:1;z-index:3}.desktop-or-else:not(.ab-mode) .mug-wrap,.desktop-or-else:not(.ab-mode) .shader-wrap,.desktop-or-else:not(.ab-mode) .image-wrap{width:30%;height:100%;display:flex;justify-content:center;align-items:center;position:relative}.desktop-or-else:not(.ab-mode) .about-text{width:70%;display:grid;grid-template-columns:1.8fr 1fr;grid-template-rows:auto;grid-template-areas:"about location" "about skills";row-gap:20px;column-gap:80px;padding-right:15vh}.desktop-or-else:not(.ab-mode) .about-text.white-text{color:#fff}.desktop-or-else:not(.ab-mode) .about-text h4{font-size:calc(.5vw + 1rem);margin-top:0}.desktop-or-else:not(.ab-mode) .about-text h5{font-size:calc(.5vw + .5rem);letter-spacing:1px;margin-top:0}.desktop-or-else:not(.ab-mode) .about-text p{font-size:calc(.5vw + .75rem)}.desktop-or-else:not(.ab-mode) .about-skills p,.desktop-or-else:not(.ab-mode) .location p{font-size:calc(.35vw + .75rem)}.desktop-or-else:not(.ab-mode) .about-text hr{background-color:#fff;height:1px;border:none;width:100%;margin:20px auto}.desktop-or-else:not(.ab-mode) .about-text .location hr,.desktop-or-else:not(.ab-mode) .about-text .about-skills hr{margin:10px auto}.desktop-or-else:not(.ab-mode) .about{grid-area:about}.desktop-or-else:not(.ab-mode) .location{grid-area:location}.desktop-or-else:not(.ab-mode) .about-skills{grid-area:skills}.desktop-or-else:not(.ab-mode) .panel{display:flex;flex-wrap:wrap}.desktop-or-else:not(.ab-mode) .panel1{overflow:hidden;position:relative;margin:0}.desktop-or-else:not(.ab-mode) #pacman-wrap{flex:0 0 100%;width:100%;display:flex;flex-direction:column;justify-content:center;height:10vh;position:relative;padding:0 3vw;top:-10vh}.desktop-or-else:not(.ab-mode) #pacman-wrap svg{position:absolute;left:calc(3vw - 5px);z-index:1;max-width:64px}.desktop-or-else:not(.ab-mode) #pacman-wrap hr{border:2px dashed #000;border-spacing:10px;height:2px;position:absolute;width:100%;left:0;margin-top:-1px}.desktop-or-else:not(.ab-mode) .hrwrap{position:relative}.desktop-or-else:not(.ab-mode) .bumper{position:absolute;width:3vw;height:10vh;z-index:8;right:0;bottom:0;opacity:.7}.bg-color-blue{height:100%;left:0;position:absolute;top:0;width:100%;z-index:-2;background:#0703ff;opacity:.7;border-radius:32px}.ab-mode .panel1{background:#d9d9d9}.ab-mode .bg-color-blue{display:none}.ab-mode .language-switch a,.ab-mode .language-switch{color:#fff!important}body.reader-mode{background-color:#4a4a4d;color:#ffffffc7;font-family:Montserrat;line-height:1.6;max-width:800px;margin:0 auto;padding:20px}body.reader-mode article section#second,body.reader-mode article section{height:100%;min-height:50vh}body.reader-mode .ab-bar,body.reader-mode header,body.reader-mode nav,body.reader-mode #loader-wrapper{display:none}body.reader-mode article{font-size:calc(1vw + 1rem);font-family:Montserrat;text-transform:none}.reader-mode .text-right span.line,.reader-mode .portfolio h4{font-size:calc(.5vw + 1rem);color:#ffffffc7;padding-right:0;font-family:Montserrat;text-transform:none;font-style:normal}body.reader-mode .horizontal .panel h4,body.reader-mode .horizontal .panel h2,body.reader-mode .horizontal .panel h5{font-size:calc(1.4vw + 1rem);color:#ffffffc7;padding-right:0;font-family:Montserrat;text-transform:none;font-style:normal;margin-bottom:2rem}.reader-mode .portfolio p{font-size:calc(.1vw + 1rem);color:#ffffffc7}#reader-mode-toggle,#tts-button{background:none;border:none;margin-right:1rem;margin-top:4px}#tts-button:hover{cursor:pointer}#reader-mode-toggle{margin-left:auto}#reader-mode-toggle:hover{cursor:pointer}.reader-mode section#first{display:none}.reader-mode .text-wrapper h2 span,.reader-mode .portfolio h3 span{background:none;padding:0;font-family:Montserrat;color:#ffffffc7;font-size:calc(1.4vw + 1rem);text-transform:none}.reader-mode .image-wrap,.reader-mode #fourth,.reader-mode .lets-talk .heading-wrap,.reader-mode .skills .heading-wrap,.ab-mode .lets-talk .heading-wrap,.ab-mode .skills .heading-wrap,.reader-mode .lets-talk .heading-wrap-two,.reader-mode .skills .heading-wrap-two,.ab-mode .lets-talk .heading-wrap-two,.ab-mode .skills .heading-wrap-two{display:none}.ab-mode .lets-talk hr,.ab-mode .skills hr{display:none!important}body.reader-mode .horizontal .panel,body.reader-mode .horizontal .skills,body.reader-mode .horizontal .lets-talk{background:none;padding:0}body.reader-mode .horizontal .panel p,body.reader-mode .horizontal .skills p,body.reader-mode .horizontal .lets-talk p{font-size:calc(.5vw + 1rem);color:#ffffffc7}body.reader-mode .horizontal .panel hr{display:none}body.reader-mode .panel3 .menu-contact{justify-content:flex-start;font-family:Montserrat;color:#ffffffc7;font-size:calc(1.4vw + 1rem);text-transform:none;flex-direction:row}body.reader-mode #exit-reader-mode{display:block;position:absolute;z-index:9;left:0;width:100px;top:0;padding:1rem;background:none;border:none}body.reader-mode #exit-reader-mode svg{fill:#ffffffc7}body.reader-mode #exit-reader-mode:hover{cursor:pointer}.wave-hand,.high-five-first,.high-five-second{display:inline-flex}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(0)}75%{transform:rotate(16deg)}}.wave-hand.waving{animation:wave .5s ease-in-out 4;transform-origin:bottom left}.high-five-first.clapping{animation:clap-left .5s ease-in-out 2;transform-origin:bottom left}.high-five-second.clapping{animation:clap-right .5s ease-in-out 2;transform-origin:bottom right}@keyframes clap-left{0%{transform:rotate(-16deg)}to{transform:rotate(0)}}@keyframes clap-right{0%{transform:rotate(16deg)}to{transform:rotate(0)}}