@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700;900&display=swap";body{margin:0;font-family:Montserrat,sans-serif;font-size:18px;line-height:1.75;color:#999}*{box-sizing:border-box}ul{list-style-type:none}h1{color:#111}h1,h2,h3,h4{margin:0;line-height:1.25}.side-links{position:absolute;left:0;top:45%;display:flex;flex-direction:column}.side-links svg{fill:#9e60cf;width:2rem;margin-left:.25rem}a.button,button{max-width:220px;padding:1rem 1.25rem;border-radius:.5rem;outline:none;border:none;font-weight:700;font-size:18px;font-family:Montserrat,sans-serif;transition:.2s;cursor:pointer;position:relative;display:flex;justify-content:center;align-items:center;text-align:center;text-decoration:none}a.button.primary,button.primary{background-color:#6c309d;color:#eee;fill:#eee}a.button.primary:hover,button.primary:hover{background-color:#9254c3}a.button.secondary,button.secondary{background-color:#eee;color:#6c309d;fill:#6c309d}a.button.secondary:hover,button.secondary:hover{background-color:#eee;color:#999}a.button.icon-button,button.icon-button{width:70px;height:70px}a.button.icon-side-left svg,button.icon-side-left svg{left:1rem}a.button.icon-side-right svg,button.icon-side-right svg{right:1rem}a.button .icon,button .icon{margin-left:1.5rem}a.button .icon svg,button .icon svg{width:1.5rem;height:1.5rem;position:absolute;top:50%;transform:translateY(-50%)}.burger-btn{background-color:transparent;width:70px;height:70px;padding:0}.burger-btn>svg{width:1.5rem;height:1.5rem;position:absolute;top:22.5px;left:22.5px;transition:.1s}.burger-btn.is-menu-open>svg:nth-child(1){top:33px;left:9px;transform:rotate(-20deg)}.burger-btn.is-menu-open>svg:nth-child(2){top:25px;left:35px;transform:rotate(20deg)}@keyframes shake-burger-1{0%{transform:rotate(0)}25%{transform:rotate(-8deg)}75%{transform:rotate(8deg)}to{transform:rotate(0)}}@keyframes shake-burger-2{0%{transform:rotate(0)}25%{transform:rotate(2deg)}75%{transform:rotate(-12deg)}to{transform:rotate(0)}}@keyframes shake-burger-3{0%{transform:rotate(0)}25%{transform:rotate(-2deg)}75%{transform:rotate(22deg)}to{transform:rotate(0)}}header{position:sticky;top:0;height:70px;width:100%;background-color:#fff;font-weight:700;z-index:3}header>.header-contents{width:100%;max-width:var(--max-content-width);height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}header .header-title-buttons{position:absolute;right:0;top:0;display:flex}header .nav-buttons{background-color:#fff;display:flex;height:70px;flex:3}header .nav-buttons .header-button{color:#111;flex:1;max-width:100%}header .nav-buttons .header-button:hover{color:#8548b6}header .nav-buttons .rainbow-border-container{width:100%;height:4px;position:absolute;top:0;display:flex}header .nav-buttons .rainbow-border-container .pretend-button-border{height:100%;flex:1;background:linear-gradient(90deg,var(--border-color-start),var(--border-color-end))}.header-button{background-image:linear-gradient(180deg,white 50%,transparent 50%),linear-gradient(90deg,var(--border-color-start),var(--border-color-end));background-size:100% 200%;background-position:0 0;height:70px;padding:0;border-radius:0;position:relative}.header-button:hover .button-border{height:10px}.header-button.active{background-position:0 100%}.header-button.active>.text{color:#fff}.header-button .button-border{margin:0;position:absolute;width:100%;height:4px;background:linear-gradient(90deg,var(--border-color-start),var(--border-color-end));bottom:0;transition:.2s}.header-backdrop{position:fixed;top:0;left:0;width:100%;height:100vh;background-color:#00000040;z-index:2}.name-btn.active{background-position:0 0}.name-btn.active>.text{color:#000}@media screen and (min-width: 1023px){header{box-shadow:0 3px 3px #00000050}header .header-title{flex:1}header .header-title .name-btn{max-width:none;width:100%;padding:1rem}.header-button{width:140px}}@media screen and (max-width: 1023px) and (min-width: 640px){header .header-title{display:flex;justify-content:center;width:100%}header .header-contents{flex-direction:column}header .header-contents .nav-buttons{margin-left:0;width:100%}header .name-btn.active{background-position:0 0}header .name-btn.active>.text{color:#000}header .header-title .button-border{display:none}header .nav-buttons{align-items:flex-end;position:absolute;top:70px;height:4px;overflow:hidden;transition:height .2s;box-shadow:0 3px 3px #00000050}header .nav-buttons.display-header{height:70px}}@media screen and (max-width: 640px){header{position:fixed;top:auto;bottom:0}header .header-contents{max-width:none}header .header-title{display:flex;justify-content:space-between;width:100%}header .header-title>button{padding-left:22px}header .rainbow-border-container{z-index:1}header .header-title .button-border{display:none}header .name-btn.active{background-position:0 0}header .name-btn.active>.text{color:#000}header .nav-buttons{position:absolute;top:0;box-shadow:0 -3px 3px #00000050;max-width:none;width:100%;height:4px;overflow:hidden;transition:top .2s,height .2s;flex-wrap:wrap}header .nav-buttons.display-header{top:-140px;height:140px;border-bottom:1px solid #666}header .nav-buttons .header-button{min-width:30%;font-size:1rem}header .nav-buttons .header-button .button-border{bottom:auto;top:0}header .nav-buttons .header-button.active .button-border{top:2px;bottom:auto}}section{max-width:var(--max-content-width);margin:auto;display:flex;flex-direction:column}section .section-header{display:flex;align-items:center;flex-direction:column;padding-top:30px;margin-bottom:2rem;position:relative;height:60px}section .section-header .section-nav{position:absolute;top:0}section .section-header>h1,section .section-header>h4{text-align:center}section .section-header .section-title{font-weight:900;-webkit-text-stroke:1px #444;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:100% 200%;transition:.5s;background-position:0 -100%;background-image:linear-gradient(0deg,#fff 50%,transparent 50%),linear-gradient(90deg,var(--startColor) 2%,var(--endColor) 80%)}section .section-header .section-title.active{background-position:0 0}section .pane__middle{display:flex;flex:1;margin:3rem 0;grid-gap:3rem;position:relative}section .pane__top{display:flex;justify-content:space-evenly;align-items:center;height:70px}section .pane__bottom{display:flex;height:70px}section .pane__sub{flex:1;display:flex;flex-direction:column}section .pane__left,section .pane__right{flex:1;height:100%;display:flex;flex-direction:column;justify-content:space-evenly}section .pane__left .img-wrapper,section .pane__right .img-wrapper{width:100%;aspect-ratio:1;overflow:hidden;position:relative;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}section .pane__left img,section .pane__right img{position:absolute;width:100%;height:auto}section.intro{height:100vh}section.intro .pane__right .img-wrapper{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='15%2042%20160%20142'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M36,-44.5C48.9,-40.1,63.2,-32.7,69.8,-20.7C76.3,-8.8,75.2,7.6,68.4,20.3C61.6,32.9,49.3,41.9,36.9,53C24.6,64.1,12.3,77.4,-2.9,81.4C-18.1,85.4,-36.2,80.1,-50.8,69.7C-65.4,59.4,-76.4,43.9,-81.3,26.9C-86.3,9.8,-85.1,-8.7,-78.3,-24C-71.4,-39.3,-58.7,-51.4,-44.7,-55.4C-30.7,-59.4,-15.4,-55.4,-1.9,-52.8C11.5,-50.1,23.1,-48.9,36,-44.5Z'%20transform='translate(100%20100)'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='15%2042%20160%20142'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M36,-44.5C48.9,-40.1,63.2,-32.7,69.8,-20.7C76.3,-8.8,75.2,7.6,68.4,20.3C61.6,32.9,49.3,41.9,36.9,53C24.6,64.1,12.3,77.4,-2.9,81.4C-18.1,85.4,-36.2,80.1,-50.8,69.7C-65.4,59.4,-76.4,43.9,-81.3,26.9C-86.3,9.8,-85.1,-8.7,-78.3,-24C-71.4,-39.3,-58.7,-51.4,-44.7,-55.4C-30.7,-59.4,-15.4,-55.4,-1.9,-52.8C11.5,-50.1,23.1,-48.9,36,-44.5Z'%20transform='translate(100%20100)'%20/%3e%3c/svg%3e");background:linear-gradient(60deg,#783ca9,#39006a)}section.about .pane__left{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='32%2038%20138%20136'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40,-52.5C51.3,-46.9,59.6,-34.5,64.5,-20.7C69.5,-6.9,71,8.3,69.3,25.3C67.7,42.3,62.9,61.1,50.8,68.9C38.7,76.6,19.3,73.4,2.1,70.4C-15.1,67.5,-30.2,64.9,-38.5,55.9C-46.8,46.9,-48.4,31.6,-53.6,17C-58.9,2.5,-67.9,-11.2,-68,-25.5C-68.1,-39.8,-59.3,-54.6,-46.5,-59.8C-33.7,-64.9,-16.8,-60.3,-1.2,-58.6C14.4,-56.9,28.7,-58.1,40,-52.5Z'%20transform='translate(100%20100)'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='32%2038%20138%20136'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M40,-52.5C51.3,-46.9,59.6,-34.5,64.5,-20.7C69.5,-6.9,71,8.3,69.3,25.3C67.7,42.3,62.9,61.1,50.8,68.9C38.7,76.6,19.3,73.4,2.1,70.4C-15.1,67.5,-30.2,64.9,-38.5,55.9C-46.8,46.9,-48.4,31.6,-53.6,17C-58.9,2.5,-67.9,-11.2,-68,-25.5C-68.1,-39.8,-59.3,-54.6,-46.5,-59.8C-33.7,-64.9,-16.8,-60.3,-1.2,-58.6C14.4,-56.9,28.7,-58.1,40,-52.5Z'%20transform='translate(100%20100)'%20/%3e%3c/svg%3e");-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;background:linear-gradient(220deg,#9e60cf,#6c309d);overflow:hidden}section.about .summary-item{flex:1;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 1rem}section.skills .skill-category{flex:1}section.skills .skill-category .title-container{padding:.5rem;line-height:1;cursor:pointer;position:relative}section.skills .skill-category .title-container>h3{color:#666}section.skills .skill-category .title-container .arrow-container{position:absolute;right:.5rem;top:25%;width:1.5rem;height:1.5rem}section.skills .skill-category .title-container .arrow-container svg{width:100%;height:100%}section.skills ul{height:0;overflow:hidden;transition:.2s;padding:0 1rem;margin:0}section.skills ul.opened{height:var(--opened-height)}section.skills li{margin-bottom:.5rem}section.skills li:last-child{margin-bottom:0}section.skills li>.skill-name{display:flex;align-items:center;justify-content:space-between}section.skills li>.skill-name>.name{color:#666}section.skills li>.progress-bar{background-color:#bbb;height:.5rem;border-radius:2rem;overflow:hidden}section.skills li>.progress-bar>.progress-bar-fill{background-color:#9254c3;height:100%}section.experience .pane__middle{flex-direction:column;align-items:center}section.experience .pane__middle .exp-item{width:80%}section.portfolio .number-dot{width:3rem;height:3rem;background-color:#9e60cf;border-radius:50%;font-weight:900;-webkit-text-stroke:1px #444;-webkit-text-fill-color:white;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:.2s}section.portfolio .number-dot:hover{background-color:#8548b6}section.portfolio .number-dot.is-active{background-color:#ab6cdc}section.portfolio .portfolio-card{position:absolute;width:100%;height:100%;opacity:0;transition:.2s;display:flex;grid-gap:2rem;max-height:400px;padding-right:1rem;overflow:hidden;box-shadow:0 0 2px 2px #00000080;border-radius:1rem;pointer-events:none}section.portfolio .portfolio-card.visible{opacity:1;pointer-events:all}section.portfolio .portfolio-card__info{display:flex;flex-direction:column;justify-content:space-evenly;flex:1}section.portfolio .portfolio-card__info a{width:100%;max-width:none}section.portfolio .portfolio-card__image{flex:2;--max-img-height: 400px;display:flex;align-items:center;justify-content:center;max-height:var(--max-img-height);height:400px;padding:10px 0;overflow:hidden;background:radial-gradient(circle at 0 50%,#7100d3 20%,transparent 95%)}section.portfolio .portfolio-card__image a{height:100%;width:100%;position:relative}section.portfolio .portfolio-card__image img{position:absolute}section.portfolio .pane__middle{min-height:50vh}section.contact .pane__middle{display:flex;align-items:center;width:100%;padding:2rem;border-radius:1rem;background:linear-gradient(30deg,#9254c3,#460c77);color:#fff}section.contact .section-buttons{height:60px;display:flex}section.contact .section-buttons svg{height:100%;width:auto;margin-left:.5rem;fill:#fff}section.contact .pane__right .img-wrapper{-webkit-mask-image:url("data:image/svg+xml,%3csvg%20viewBox='27%2038%20140%20138'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M28.8,-42.3C37.4,-33.5,44.3,-25.1,51.5,-14.1C58.7,-3.1,66.2,10.4,66.9,25.9C67.6,41.4,61.5,58.9,49.2,67.2C37,75.5,18.5,74.7,-0.4,75.2C-19.2,75.7,-38.4,77.5,-51,69.3C-63.5,61.1,-69.4,42.8,-71.7,25.7C-73.9,8.6,-72.4,-7.2,-66,-19.7C-59.5,-32.2,-48.1,-41.4,-36.3,-49.1C-24.5,-56.8,-12.2,-63.1,-1,-61.7C10.1,-60.2,20.3,-51,28.8,-42.3Z'%20transform='translate(100%20100)'%20/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg%20viewBox='27%2038%20140%20138'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M28.8,-42.3C37.4,-33.5,44.3,-25.1,51.5,-14.1C58.7,-3.1,66.2,10.4,66.9,25.9C67.6,41.4,61.5,58.9,49.2,67.2C37,75.5,18.5,74.7,-0.4,75.2C-19.2,75.7,-38.4,77.5,-51,69.3C-63.5,61.1,-69.4,42.8,-71.7,25.7C-73.9,8.6,-72.4,-7.2,-66,-19.7C-59.5,-32.2,-48.1,-41.4,-36.3,-49.1C-24.5,-56.8,-12.2,-63.1,-1,-61.7C10.1,-60.2,20.3,-51,28.8,-42.3Z'%20transform='translate(100%20100)'%20/%3e%3c/svg%3e");background-color:#00000050}footer{background:linear-gradient(45deg,#9e60cf,#521883);color:#fff;padding:2rem 0;width:100%}footer>.footer-contents{width:90%;max-width:var(--max-content-width);height:100%;margin:auto;display:flex;flex-direction:column}footer>.footer-contents>.content{flex:1;display:flex;align-items:center}footer>.footer-contents>.content.top-side{justify-content:space-evenly}footer>.footer-contents>.content.bottom-side{justify-content:center;opacity:.5}footer>.footer-contents>.content.bottom-side img{height:1.5rem}footer img,footer svg{height:2.5rem;width:auto;margin:.5rem;fill:#fff}@media screen and (min-width: 1023px){body{--max-content-width: 930px}.hide-pc{display:none!important}.intro-img{bottom:-5%;right:5%;transform:scale(.8)}.about-img{left:-15%}.contact-img{bottom:5%;transform:scale(1.2)}}@media screen and (max-width: 1023px) and (min-width: 640px){body{--max-content-width: 600px}.hide-tablet{display:none!important}section img{width:100%;height:auto}section img.img-vert{height:100%;width:auto}section.experience .pane__top button{margin:.25rem}section.skills .pane__middle{margin:0;width:100%;flex-direction:column;justify-content:flex-start;grid-gap:0}section.skills .pane__sub{flex:none}section.skills .skill-category{flex:0;width:100%}section.skills .skill-category .title-container{border-top:1px solid #666}section.skills ul.opened{border-top:1px solid #666}section.portfolio .portfolio-card__image{flex:1}section.portfolio .portfolio-card__description{display:none}section.contact .pane__left{grid-gap:20px}section.contact .pane__left .section-buttons>:not(:first-child){display:none}.intro-img{transform:scale(.8);bottom:-5%}.about-img{left:50%;bottom:auto;transform:scale(.8) translate(-50%,-30%)}.contact-img{bottom:5%;transform:scale(1.2)}}@media screen and (max-width: 710px){.side-links{top:15%;flex-direction:row}}@media screen and (max-width: 640px){body{--max-content-width: calc(100% - .5rem) }.side-links{top:5%}.hide-phone{display:none!important}section{padding-top:0;padding-bottom:70px;flex-direction:column}section .section-header{padding:0}section .img-content{width:55%;flex:.8}section .img-content.left-side,section .img-content.right-side{justify-content:center;align-items:center}section .img-content img{width:100%;height:auto}section button,section .button{align-self:center;width:100%}section.intro .pane__middle{flex-direction:column-reverse;grid-gap:0}section.intro .pane__right{align-items:center}section.intro .img-wrapper{width:50%}section.portfolio .portfolio-card{border-radius:0;box-shadow:none}section.portfolio .portfolio-card__image{flex:1}section.about .img-content{-webkit-mask-position:center;mask-position:center}section.about ul>li{font-size:.9rem;padding:.5rem}section.experience .pane__top button{margin:.25rem}section.experience .pane__top button .text{display:none}section.experience .pane__top button .icon{margin:0;display:flex;align-items:center}section.experience .pane__top button .icon svg{position:relative;transform:none;right:0}section.skills .pane__middle{margin:0;width:100%;flex-direction:column;justify-content:flex-start;grid-gap:0}section.skills .pane__sub{flex:none}section.skills .skill-category{flex:0;width:100%}section.skills .skill-category .title-container{border-top:1px solid #666}section.skills ul.opened{border-top:1px solid #666}section.portfolio{max-width:none}section.portfolio .pane__middle{min-height:35vh}section.portfolio .portfolio-card{border-radius:0;box-shadow:none;height:300px}section.portfolio .portfolio-card__image{max-width:50%;height:inherit}section.portfolio .portfolio-card__description{display:none}section.contact{max-width:none}section.contact .pane__middle{border-radius:0}section.contact .pane__left{grid-gap:20px}section.contact .pane__left .section-buttons>:not(:first-child){display:none}footer{margin-bottom:70px}footer .top-side{flex-direction:column}.intro-img{transform:scale(.8) translateY(-50%);top:50%;right:auto}.about-img{left:auto;bottom:auto;transform:scale(1.4) translateY(-30%)}.contact-img{bottom:5%;transform:scale(1.2)}}