@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;800&family=Lato:wght@300;400;900&family=Pacifico&family=Poppins:ital,wght@0,400;0,500;0,700;0,800;1,900&family=Sigmar&display=swap";@import"https://fonts.googleapis.com/css2?family=Reenie+Beanie&display=swap";@import"https://fonts.googleapis.com/css2?family=Dela+Gothic+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Madimi+One&display=swap";@import"https://fonts.googleapis.com/css2?family=Cherry+Bomb+One&family=Madimi+One&display=swap";*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Poppins,sans-serif;color:#282727}.title{font-size:3rem;text-transform:uppercase;font-style:italic;position:relative;display:inline-block;z-index:4}.title:after{content:"";position:absolute;width:100%;height:100%;left:20px;bottom:5px;z-index:-1}.bold{font-weight:700}.hiddenLeft{opacity:0;transform:translate(-100%)}.showLeft{opacity:1;transform:translate(0);transition:all 2s}.index1{transition-delay:.8s}.index2{transition-delay:1.2s}.hiddenScale{opacity:0;transform:scale(.4)}.showScale{opacity:1;transform:scale(1);transition:all 2s ease-in-out}.hiddenFadeIn{opacity:0}.showFadeIn{opacity:1;transition:all 1.5s}.showFadeInMobile{opacity:1;transition:all 1s}@media (prefers-reduced-motion){.hiddenLeft,.showLeft{transition:none}}.loader{font-size:5rem;font-style:italic;font-weight:700;color:#ff96a2;width:100%;height:100svh;display:flex;justify-content:center;align-items:center}.footer__container{background-color:#fff9;margin-top:4rem}.footer__container .footer{padding:1rem;display:flex;flex-direction:column}.footer__container .footer__logo{display:flex;flex-direction:column;justify-content:center;text-align:center}.footer__container .footer__logo .logo{width:40%;margin:0 auto}.footer__container .footer__content{display:flex;flex-direction:row;justify-content:center}.footer__container .footer__content .icons{display:flex;font-size:2rem;gap:.5rem}.footer__container .footer__content .icons a{color:#4c4848}.footer__container .footer__content .icons a:hover,.footer__container .footer__content .icons a:focus{cursor:pointer;color:#282727}.footer__container .copyRight{margin:0 2rem;padding:1rem;border-top:1px solid #282727;text-align:center}@media (min-width: 576px){.footer__container .footer__logo{display:grid;grid-template-columns:30% 40%;align-items:center;justify-content:center;text-align:left}.footer__container .footer__logo .logo{max-width:100%;margin:0;justify-self:end;margin-right:2rem}}.header{background-color:#ffffff73;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);top:0;left:0;width:100%;height:70px;z-index:99;position:sticky}.header__nav{display:flex;justify-content:space-between;align-items:center;padding:1rem}.header__nav__logo{display:flex;align-items:center;text-decoration:none}.header__nav__logo .mylogo{margin-top:0;font-size:2rem;padding:.5rem;font-family:Cherry Bomb One,system-ui;font-weight:700;line-height:100%}.header__nav__logo .mylogo:before{content:"";display:block;height:0;width:0;margin-top:calc((1 - 1.3) * .5em)}.header__nav__logo img{width:40%;object-fit:contain}.header__nav__toggle{cursor:pointer}.header .menu-icon{font-size:2rem;color:#282727}@media (min-width: 768px){.header{display:none}}.nav-container{z-index:30;background-color:#fff9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:2rem;position:fixed;top:0;left:0;width:100%;min-height:100vh}.nav-container .nav{width:100%;height:100%;margin:auto}.nav-container .nav__close{font-size:1.5rem;color:#282727}.nav-container .nav__list{font-size:2rem;display:flex;flex-direction:column;justify-content:end;align-items:center;row-gap:1.5rem;list-style:none;line-height:100%}.nav-container .nav__list__item{position:relative;cursor:pointer}.nav-container .nav__list__item:before{content:"";background:rgba(210,54,236,.6);position:absolute;left:0;bottom:-.3rem;height:3px;width:0;transition:.5s ease-in-out}.nav-container .nav__list__item:hover:before{content:"";background:rgba(210,54,236,.6);position:absolute;left:0;bottom:-.3rem;height:3px;width:100%}.nav-container .nav__list__item .nav-link{color:inherit;font-weight:700;font-style:italic;text-decoration:none;display:inline-flex;align-items:center;column-gap:.3rem;transition:.3s}.nav-container .nav__logo{display:flex;align-items:center;justify-content:center;text-decoration:none;margin-bottom:2rem}.nav-container .nav__logo .mylogo{margin-top:0;font-size:4rem;padding:.5rem;font-family:Cherry Bomb One,system-ui;font-weight:700;line-height:100%}.nav-container .nav__logo .mylogo:before{content:"";display:block;height:0;width:0;margin-top:calc((1 - 1.3) * .5em)}.showNav{animation:slideOpenNav 1.5s ease-in-out}@keyframes slideOpenNav{0%{transform:translate(100%)}to{transform:translate(0)}}@media (min-width: 768px){.nav-container{min-height:auto;padding:1rem;transform:translate(0);position:sticky}.nav-container .nav{max-width:1500px;display:grid;grid-template-columns:1fr 1fr}.nav-container .nav__logo{justify-content:start;margin-bottom:0}.nav-container .nav__logo .mylogo{font-size:2.5rem}.nav-container .nav__close{display:none}.nav-container .nav__list{display:flex;flex-direction:row;gap:.5rem;list-style:none;font-size:1.5rem}.nav-container .menu-icon{display:none}}.toggleSwitch input[type=checkbox]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3rem;height:1.5rem;border-radius:2rem;box-shadow:inset 0 0 5px #0003;cursor:pointer;transition:.5s;background:rgba(83,35,225,.6)}.toggleSwitch input[type=checkbox]:after{position:absolute;content:"";width:1.5rem;height:1.5rem;top:0;left:0;background:#fff;border-radius:2rem;box-shadow:0 0 5px #0003;transform:scale(1.05);transition:.4s}.toggleSwitch input:checked[type=checkbox]:after{left:50%}.toggleSwitch-dark input[type=checkbox]{position:relative;-webkit-appearance:none;-moz-appearance:none;appearance:none;width:3rem;height:1.5rem;border-radius:2rem;box-shadow:inset 0 0 5px #0003;cursor:pointer;transition:.5s;background:rgba(255,150,162,.6)}.toggleSwitch-dark input[type=checkbox]:after{position:absolute;content:"";width:1.5rem;height:1.5rem;top:0;left:0;background:#fff;border-radius:2rem;box-shadow:0 0 5px #0003;transform:scale(1.05);transition:.4s}.toggleSwitch-dark input:checked[type=checkbox]:after{left:50%}.main{display:flex;justify-content:center;position:relative;overflow:hidden}.main-bgTextLeft,.main-bgTextRight{display:none}.main__container{max-width:1500px;display:flex;flex-direction:column;padding:1rem}.main__content{margin-top:2rem;font-size:1.6rem;text-align:center}.main__content__nameText{position:relative;line-height:2rem;font-size:3rem;font-family:Cherry Bomb One,system-ui;font-style:italic;animation:neonAnim 2s alternate-reverse infinite}.main__content__nameText:before{content:"";right:-15px;top:50%;position:absolute;height:3.5rem;width:2px;background:rgba(27,19,63,.4);transform:translateY(-45%);animation:blink .9s infinite}.main__content__icons{display:flex;justify-content:center;gap:1rem}.main__content .reactIcons{color:#28272780;font-size:2rem}.main__content .reactIcons:hover,.main__content .reactIcons:focus{cursor:pointer;color:#282727}.main__image{position:relative;z-index:2;animation:profilePicAnim 2s ease-in}.main__image .profileImage-doodle{width:10%;position:absolute;transform:rotate(-40deg);animation:doodleAnim 3s linear infinite}@keyframes doodleAnim{0%,to{top:5%;right:17%}50%{top:8%;right:21%}}@keyframes neonAnim{0%{text-shadow:0 0 28px 55px #edcba5,0 0 55px 88px #edcba5,0 0 128px 155px #edcba5}to{text-shadow:0 0 40px #edcba5,0 0 70px #edcba5,0 0 100px #edcba5}}@keyframes profilePicAnim{0%{opacity:0}to{opacity:1}}@keyframes blink{50%{opacity:0}}@media (min-width: 576px){.main__content{margin-top:6rem}.main__content__nameText{font-size:5rem}.main-bgTextLeft{display:block;font-size:clamp(1rem,10vw + 1rem,10rem);line-height:1em;text-wrap:nowrap;opacity:.3;position:absolute;left:0}}@media (min-width: 992px){.main-bgTextRight{display:block;font-size:clamp(1rem,10vw + 1rem,10rem);line-height:1em;text-wrap:nowrap;opacity:.3;position:absolute;right:0;bottom:0}.main__container{display:grid;grid-template-columns:2fr 1.5fr;align-items:end;justify-content:center}.main__content{font-size:2rem}.main__image{position:relative}.main__image .profileImage-doodle{position:absolute;z-index:-1;top:0;right:15%;transform:rotate(-40deg)}}.myImage{position:relative;max-width:55%;margin-inline:auto}.myImage__container{aspect-ratio:1/1.1;display:grid;align-items:end;transition:transform .25s ease-in-out}.myImage__container:hover{transform:scale(1.1)}.myImage__circle{position:absolute;inset:auto 0 0;aspect-ratio:1/1;border-radius:50%;width:80%;margin-inline:auto}.myImage__Makiko{position:absolute;margin-inline:auto;inset:auto 0 0;transition:transform .25s ease-in-out;border-radius:0 0 100vw 100vw;overflow:hidden;width:80%}.myImage__Makiko:hover,.myImage__Makiko:active{transform:scale(1.05) translateY(-.35rem)}.myImage__background{z-index:-1;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;position:absolute;bottom:-1rem;right:0;left:0}.myImage__background__splash{transform:scale(1.25);line-height:0}.myImage img{max-width:100%;display:block}@media (min-width: 576px){.myImage{max-width:25rem}.myImage__Makiko:hover{transform:scale(1.05) translateY(-.76rem)}}@media (min-width: 1200px){.myImage{margin-inline:8%;max-width:28rem}}.scroll-watcher{height:7px;position:fixed;top:0;z-index:100;width:100%;scale:0 1;transform-origin:left;animation:scroll-watcher linear;animation-timeline:scroll()}@keyframes scroll-watcher{to{scale:1 1}}.home__background{position:relative}.wavy_top{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;margin-bottom:-2px}.wavy_top svg{width:calc(130% + 1.3px);height:140px}.wavy_bottom{overflow:hidden;line-height:0;margin-top:-2px}.wavy_bottom svg{width:calc(100% + 1.3px);height:104px;transform:rotateY(180deg)}.custom-shape-divider-top-1705754886 .shape-fill{fill:#fff}.section{margin:0 1rem;height:fit-content}.section-top{padding-top:3rem}.home-about{position:relative}.home-about .doodle1,.home-about .doodle2,.home-about .arrow{position:absolute}.home-about .doodle1,.home-about .doodle2{width:10%}.home-about .arrow{width:40%;bottom:0;right:0;transform:scaleX(-1) rotate(350deg)}.home-about .doodle1{bottom:30%;left:0}.home-about .doodle2{top:0;right:0}.home-contact{position:relative}.home-contact .sprinkle1,.home-contact .sprinkle2{width:40%;position:absolute}.home-contact .sprinkle1{top:0;right:0}.home-contact .sprinkle2{left:0;bottom:0}.japanese-text{font-family:Dela Gothic One,sans-serif;margin:0 1rem;font-size:10vw;line-height:100%;word-wrap:break-word;color:#faf7f51a}.text-right{text-align:end}@media (min-width: 576px){.section{margin:0 3rem}}@media (min-width: 768px){.home .wavy_top{position:static}.section-top{padding-top:4rem}.section-bottom{padding-bottom:3rem}.japanese-text{font-size:8vw}.text-right{position:relative;bottom:-5rem;line-height:100%}.home-contact .sprinkle1,.home-contact .sprinkle2{width:20%}.home-about{position:relative}.home-about .doodle1,.home-about .doodle2,.home-about .arrow{position:absolute}.home-about .doodle1,.home-about .doodle2{width:10%}.home-about .arrow{max-width:20%;bottom:-5%;right:18%;transform:scaleX(-1) rotate(350deg)}.home-about .doodle1{bottom:30%;left:0}.home-about .doodle2{top:0;right:0}}.skillSection__container{margin:auto;padding:2rem 0;text-align:center}.skillSection__texts{margin-bottom:2rem;padding:.5rem;font-size:clamp(.8rem,3vw + 1rem,3rem);font-weight:700;text-transform:uppercase;color:transparent}.skillSection__texts span:nth-child(1){color:#70d6ff}.skillSection__texts span:nth-child(2){color:#fcf6bd}.skillSection__texts span:nth-child(2){color:#d0f4de}.skillSection__texts span:nth-child(3){color:#e4c1f9}.skillSection__texts span:nth-child(4){color:#ede7b1}.skillSection__texts span:nth-child(5){color:#43bccd}.skillSection__texts .life{background:url(/assets/leaves-QY3Riunp.webp) bottom;object-fit:contain;background-clip:text;-webkit-background-clip:text;-webkit-text-stroke:1px green}.skillSection__text:nth-child(2){margin-top:0}.skillSection__skills{width:100%;margin:auto;border-radius:2rem}@media (min-width: 576px){.skillSection__container{width:80%;max-width:1600px;padding:0 0 4rem}}.skills{width:100%}.skills__inner{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem}.font-style{margin:1rem;text-transform:uppercase;font-weight:700;font-size:2rem;text-align:start;color:transparent}.skill{width:6rem;padding:.5rem;height:7rem;border-radius:.5rem;box-shadow:0 .5rem 1rem -.25rem #685d97;font-size:90%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;text-align:center}.skill:hover{transform:scale(1.2);transition:transform .8s ease-in-out;cursor:pointer}.skill__name{margin:auto 0}.scroller__container{margin-top:1rem;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 10%,white 90%,transparent);mask:linear-gradient(90deg,transparent,white 10%,white 90%,transparent)}.scroller__inner{display:flex;padding-block:1rem;flex-direction:row;gap:1rem;animation:scroll 30s linear infinite}.scroller__inner:hover{animation-play-state:paused}@keyframes scroll{to{transform:translate(calc(-480% - 1rem))}}.about{max-width:1400px;margin-inline:auto auto;position:relative;z-index:2}.about__photo{width:100%;display:flex;align-items:center;gap:1rem;padding:1rem 1rem 0}.about__photo .image{width:100%;height:350px;position:relative;z-index:2;display:flex;align-items:end}.about__photo .image .image-overlay{width:100%;height:80%;position:absolute;border-radius:20vw}.about__photo .image img{height:80%;width:100%;border-radius:20vw;object-fit:cover;display:block}.about__photo .image-makiko{align-items:flex-start}.about__content{padding:1rem}.about__content .about-background{margin-top:.5rem;padding:1rem 2rem;border-radius:.3rem 3vw}.about__content .about-background .resume-container{display:grid;justify-content:center}.about__content .about-background .resume-container .resume{cursor:pointer;color:#fff;padding:.3rem 1.5rem;border-radius:10px;box-shadow:.6rem .5rem #fff}.about__content .about-background .resume-container .resume:hover,.about__content .about-background .resume-container .resume:focus{box-shadow:.6rem .5rem #28272780}.about__content .text-container p{font-size:1.2rem;margin:1rem 0;line-height:130%;font-weight:500}.about__content .scroller-container{opacity:.6}.about__funFacts{padding:1rem}.about__funFacts .funFacts-content{font-size:1.2rem;margin:1rem 0;line-height:130%;font-weight:500;padding:1rem 2rem;border-radius:3vw .3rem;list-style-position:inside}.about__funFacts .funFacts-content li{text-indent:-2em;padding-left:2em}.about__funFacts .funFacts-content li::marker{color:#d236ec}.about__funFacts .funFacts-image{display:flex;justify-content:center}.about__funFacts .funFacts-image img{width:50%;object-fit:contain}@media (min-width: 576px){.about__photo .image{height:500px}}@media (min-width: 768px){.about__container{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto}.about__photo{grid-column:1/2}.about__content .scroller-container{width:250px;margin:0 auto}.about__funFacts{grid-column:1/3;display:grid;grid-template-columns:4fr 1fr;align-items:center}.about__funFacts .funFacts-image{border-radius:2vw}.about__funFacts .funFacts-image img{width:100%;height:100%;object-fit:contain}}@media (min-width: 992px){.about .about__content .scroller-container{width:450px}.about .funFacts-content{padding:3rem 2rem}}.contact__container{position:relative;max-width:1400px;height:100%;margin:auto;display:flex;flex-direction:column;align-items:center;z-index:8}.contact__container .contactInfo{position:relative;top:30px;padding:1.5rem;width:calc(100% - 60px);z-index:1}.contact__container .contactInfo .contactTitle{font-style:italic;font-size:2rem;margin-bottom:1rem}.contact__container .contactInfo .info{font-weight:700;line-height:2rem}.contact__container .contactInfo .info p{display:flex;align-items:center;gap:.4rem}.contact__container .contactInfo .icons{display:flex;font-size:2rem;gap:.5rem;justify-content:end;padding:.5rem}.contact__container .contactInfo .icons a{color:#4c4848}.contact__container .contactInfo .icons a:hover,.contact__container .contactInfo .icons a:focus{cursor:pointer;color:#282727}.contact__container .contactInfo .chat-image{display:flex;justify-content:center;animation:floating 5s ease-in-out infinite}.contact__container .contactInfo .chat-image .image-woman{position:relative;width:30%;object-fit:contain}@keyframes floating{0%,to{transform:translate(0)}50%{transform:translateY(20px)}}.contact__container .contactForm{padding:40px 1rem;width:100%}.contact__container .contactForm .formBox{display:flex;justify-content:space-between;flex-wrap:wrap;padding-top:30px}.contact__container .contactForm .formBox .inputBox{position:relative;margin:0 0 2rem}.contact__container .contactForm .formBox .inputBox input,.contact__container .contactForm .formBox .inputBox textarea{width:100%;padding:.8rem;border-radius:5px}.contact__container .contactForm .formBox .inputBox input:hover,.contact__container .contactForm .formBox .inputBox input:focus,.contact__container .contactForm .formBox .inputBox textarea:hover,.contact__container .contactForm .formBox .inputBox textarea:focus{cursor:pointer}.contact__container .contactForm .formBox .inputBox textarea{min-height:10rem}.contact__container .contactForm .formBox .w50{width:47%}.contact__container .contactForm .formBox .w100{width:100%}.contact__container .contactForm .formBox .test{align-self:self-end}.contact__container .contactForm .formBox button{padding:1rem;margin-left:auto;border-radius:10px;border:1px solid #ffffff;font-weight:700;color:inherit;background-color:transparent;cursor:pointer}.contact__container .contactForm .formBox button:hover{background:rgba(255,255,255,.2)}@media (min-width: 768px){.contact__container{width:100%;height:100%;display:grid;grid-template-columns:1fr 3fr;align-items:center;justify-content:end}.contact__container .contactInfo{position:static;width:100%;height:90%;margin-left:1rem}.contact__container .contactInfo .chat-image{margin:auto;aspect-ratio:1/1}.contact__container .contactInfo .chat-image .image-woman{width:100%;height:100%}@keyframes floating{0%,to{transform:translate(0)}50%{transform:translateY(50px)}}.contact__container .contactForm{margin-left:-1rem;padding:2rem 1rem 2rem 4rem;box-shadow:1.5rem 1.5rem #ffffff4d}}.card-inactive{position:relative}.card-inactive .inactive-text{width:100%;height:100%;position:absolute;top:0;left:0;background-color:#181717cc;color:#fff;display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out}.card-inactive .inactive-text:hover,.card-inactive .inactive-text:focus{opacity:1}.card-inactive .inactive-text:hover p:before,.card-inactive .inactive-text:focus p:before{width:100%}.card-inactive .inactive-text p{position:relative}.card-inactive .inactive-text p:before{content:"";background:rgba(210,54,236,.6);position:absolute;left:0;bottom:-.3rem;height:3px;width:0%;transition:width 1s ease-in-out}@keyframes hoverAnim{to{width:100%}}.card__container{padding:1rem;display:grid;grid-template-columns:1fr;grid-template-rows:15rem 15rem}.card__container:hover,.card__container:focus{box-shadow:1rem 1rem #1817174d;cursor:pointer}.card__image{display:flex;gap:.3rem}.card__image img{width:100%;height:100%;object-fit:contain;display:block}.card__image>:nth-child(2){display:none}.card__content{display:flex;flex-direction:column;gap:1rem;margin-top:.5rem;padding:1rem;border-radius:10px}.card__content .card-title{display:grid;grid-template-columns:6fr 1fr;align-items:center}.card__content .card-description{overflow:hidden;white-space:normal;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.projects{max-width:1600px;margin:0 auto}.projects__container{padding:1rem}.projects__container .space-bottom{margin-bottom:2rem}.projects__content{display:grid;gap:2.5rem 0}@media (min-width: 768px){.card-inactive .inactive-text p{font-size:2vw}.card__container{margin:1.5rem 1rem 0}.card__container .card-description{-webkit-line-clamp:2}.projects__content{grid-template-columns:repeat(5,1fr)}.projects__content>:nth-child(1){grid-column:1/span 3}.projects__content>:nth-child(2){grid-column:4/span 2}.projects__content>:nth-child(3){grid-column:1/span 3}.projects__content>:nth-child(4){grid-column:4/span 2}}@media (min-width: 992px){.card__image>:nth-child(2){display:initial}.projects__content{grid-template-columns:repeat(7,1fr);gap:2rem}.projects__content>:nth-child(1){grid-column:1/span 4}.projects__content>:nth-child(2){grid-column:5/span 3}.projects__content>:nth-child(3){grid-column:2/span 3}.projects__content>:nth-child(4){grid-column:5/span 2}}.light .color-primary{color:#ff96a2}.light .color-secondary{color:#1b133f}.light .color-background-primary{background-color:#f6e6e0}.light .color-background-secondary{background-color:#ff96a2}.light .color-background-accent{background-color:#b6e2d899}.light .color-background-contact{background-color:#b6e2d8}.light .color-text{color:#1b133f}.light .color-decoration{color:#ef767a}.light .color-logo{color:#7ed0bd}.light .scroll-bg{background-color:#ff96a2}.light .shape-fill{fill:#ff96a2}.light .color-accent{background-color:#b6e2d8}.light .color-border{border:1px solid #ff96a2}.light .color-thick-border{border:5px solid #b6e2d8}.light .card-bg-color{background-color:#ff96a233}.light .card-box-style{border:1px solid #ff96a2;box-shadow:1rem 1rem #ff96a280}.light .card-box-style:hover{border:2px solid #b6e2d8;box-shadow:1rem 1rem #b6e2d8}.light .font-stroke{-webkit-text-stroke:2px #1b133f}.light .name-color{color:#ef767a}.light .skill-bgColor{background-color:#f7eeec}.light .nav-color{color:#ef767a}.light .input-hover{border:none;outline:none}.light .input-hover:hover,.light .input-hover:focus{border:2px solid #ff96a2}.light .title{color:#282727}.light .title:after{background:linear-gradient(to bottom,rgba(0,0,0,0) 60%,#ff96a2 40%)}.dark .color-background-primary{background:linear-gradient(45deg,#DB1DDD,#50D8D7)}.dark .color-background-secondary{background-color:#1b133f}.dark .color-background-accent{background-color:#fff9}.dark .color-background-contact{background-color:#fff}.dark .color-text,.dark .color-decoration,.dark .color-primary{color:#fff}.dark .color-secondary{color:#faf7f5}.dark .color-logo{color:#b093fb}.dark .scroll-bg{background-color:#8060f6b3}.dark .shape-fill{fill:#1b133f}.dark .color-accent{background-color:#e2d7f9}.dark .color-border{border:1px solid #ffffff}.dark .color-thick-border{border:5px solid rgba(255,255,255,.8)}.dark .card-bg-color{background-color:#fff3}.dark .card-box-style{border:1px solid #ffffff;box-shadow:1rem 1rem #ffffff80}.dark .card-box-style:hover{border:1px solid #282727;box-shadow:1rem 1rem #28272799}.dark .nav-color{color:#ff96a2}.dark .font-stroke{-webkit-text-stroke:1px #03EADD}.dark .name-color{color:#8060f6}.dark .skill-bgColor{background-color:#685d97}.dark .nav-color{color:#8060f6}.dark .input-hover{border:none;outline:none}.dark .input-hover:hover,.dark .input-hover:focus{border:2px solid #b093fb}.dark .title{color:#fff}.dark .title:after{background:linear-gradient(to bottom,rgba(0,0,0,0) 60%,#b093fb 40%)}.icon-container{cursor:pointer}.icon-container:hover{border-bottom:2px solid #282727}.icon-container a{display:grid;justify-content:center}.modal{position:fixed;z-index:30;height:100svh}.modal__background{width:100%;height:100svh;background-color:#181717cc;position:fixed;top:0;animation:fadeIn 1.2s ease-in-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal__container{position:relative;max-width:1400px;margin:1rem;padding:1rem;background-color:#fff;border-radius:10px}.modal__container .modal-close{position:absolute;top:0;right:1px;font-size:1.5rem;color:#282727}.modal__image{width:100%}.modal__image img{width:100%;height:100%;object-fit:contain;display:block}.modal__images{width:100%;display:flex;justify-content:center;gap:1rem}.modal__images img{width:45%;height:100%;object-fit:contain;display:block}.modal__content{margin-top:1rem}.modal__content .modal-description{display:grid;gap:.5rem}.modal__content .modal-button{display:flex;gap:1rem}.modal__content .modal-button .live-icon:hover{border-bottom:2px solid #282727}@media (min-width: 768px){.modal{width:100%;height:calc(100% - 70px);display:flex;justify-content:center;align-items:center}.modal__container{display:grid;grid-template-columns:repeat(2,1fr)}.modal__content{display:flex;flex-direction:column;gap:1rem;padding:2rem}.modal__content .modal-button{align-self:end}}