body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,body{margin:0}*{color:#fff;font-family:futura_r,Helvetica Neue,Helvetica,Arial,Avenir,Hiragino Sans,游ゴシック体,Yu Gothic,YuGothic,ヒラギノ角ゴシック,メイリオ,Meiryo,ＭＳ Ｐゴシック,MS PGothic,sans-serif;padding:0}::-webkit-scrollbar{display:none}:root{---orange-color:#f85151;---blue-color:#061c37}.App{background-color:#061c37;background-color:var(---blue-color);height:100%;position:relative}#background-sky-img{background-color:#072142;background-image:linear-gradient(180deg,#072142,#061c37,#07182b,#061220,#020b16);height:100%;position:fixed;width:100%}.body__container{overflow-y:scroll;scroll-snap-type:y mandatory}header,section{scroll-snap-align:start}.body__container,.sky__background{height:100vh;position:absolute}main>section{height:100vh}nav{position:fixed}.curser--hover:hover{cursor:pointer}.sky__background{height:100vh;width:100vw}.moon-background__container{display:flex;height:100vh;justify-content:end;overflow:hidden;position:fixed;width:100vw}.moon__background{align-items:center;display:flex;height:100%;justify-content:center;width:73%}#moonlight-img{height:138%;margin-right:-6rem;margin-top:2rem;width:100%}.star__container{height:100vh;overflow:hidden;position:fixed;width:99vw}.star__wrapper{display:flex;justify-content:end;margin-right:1.6%;margin-top:.9%}.star__background{height:100%;width:70%}#star-img{height:98vh;width:100%}@media(max-width:1900px){#moonlight-img{height:120%;width:104%}}@media(max-width:1269px){#moonlight-img{height:100%;margin-top:0;width:104%}}@media(max-width:989px){#moonlight-img{height:90%;width:104%}.star__wrapper{margin-top:9%}.star__background{height:90%;width:70%}}@media(max-width:849px){#moonlight-img{height:70%;width:104%}.star__wrapper{margin-top:24%}#star-img{height:70vh;width:100%}}@media(max-width:649px){#moonlight-img{height:50%;width:104%}.star__wrapper{margin-top:50%}#star-img{height:50vh;width:100%}}@media(max-width:459px){#moonlight-img{height:65%;margin-right:-7.5rem;width:800%}.moon-background__container{display:flex;height:100vh;justify-content:space-between;margin-top:-10rem;width:100vw}.star__wrapper{margin-top:1%}.star__background{width:100%}#star-img{height:64vh}}@media(max-width:375px){#moonlight-img{height:60%;margin-right:-7.5rem;width:800%}.moon-background__container{display:flex;height:100vh;justify-content:space-between;margin-top:-10rem;width:100vw}}@media(max-width:320px){#moonlight-img{height:50%;margin-right:-5.4rem;width:800%}.moon-background__container{display:flex;height:100vh;justify-content:space-between;margin-top:-10rem;width:100vw}.star__wrapper{margin-top:20%}#star-img{height:50vh}}nav{display:flex;justify-content:space-between;padding:2rem;width:94%}.nav-social__menu>section>h2,nav>h1{font-weight:400}.nav-social__icon,nav>aside{display:flex;gap:2rem;justify-content:space-between}.nav-social__menu{display:none;margin-right:1rem;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.nav-social__menu>section{display:flex}.nav-social__menu-list{align-items:center;background-color:rgba(0,0,0,.151);display:none;flex-direction:column;gap:1rem;list-style:none;padding:.4rem;position:absolute;-webkit-transform:translateX(-60%);transform:translateX(-60%)}.nav-social__menu-list>span{display:flex;flex-direction:row;gap:1rem}.nav-social__menu>section>h2:nth-child(2){margin-top:.3rem}.nav__button{height:3rem;object-fit:contain;-webkit-transform:translateY(-.6rem);transform:translateY(-.6rem);width:4rem}.nav__button>img{-webkit-filter:invert(100%) sepia(16%) saturate(7463%) hue-rotate(222deg) brightness(119%) contrast(115%);filter:invert(100%) sepia(16%) saturate(7463%) hue-rotate(222deg) brightness(119%) contrast(115%);height:100%;width:100%}@media(max-width:459px){nav,nav>aside{align-items:center}nav>aside{gap:0}.nav-social__menu{display:initial}.nav-social__menu>section>h2{font-size:1.4rem}.nav-social__icon{display:none}}.header__wrapper{align-items:center;display:flex;gap:0;height:100vh;justify-content:center;overflow:hidden;width:99.9vw}.header__text{width:30%}.header__text>h1{font-size:5.4vw;position:absolute;-webkit-transform:translateY(-50%);transform:translateY(-50%);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.moon__container{-webkit-transform:translate(2%,2%);transform:translate(2%,2%);width:50%}.moon-cloud__wrapper,.moon__container{align-items:center;display:flex;height:80%;justify-content:center}.moon-cloud__wrapper{background-size:contain;position:relative;width:90%}.moon-img__container{height:88%;width:66%}#moon-img{-webkit-animation:fadeIn 3s;animation:fadeIn 3s;display:flex;height:100%;width:100%}.cloud__container{height:100%;position:absolute;width:100%}.moon-text__container{-webkit-animation:fadeIn 4s;animation:fadeIn 4s;letter-spacing:2px;text-align:center;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.moon-text__container>h1{color:var(---orange-color);font-size:3vw;font-weight:800;text-shadow:2px 2px 4px #00000056;-webkit-transform:translate(6rem,20rem);transform:translate(6rem,20rem)}@media only screen and (min-width:1700px){.moon-text__container>h1{-webkit-transform:translate(16%,300%);transform:translate(16%,300%)}}@media only screen and (max-width:1699px){.moon-text__container>h1{-webkit-transform:translate(3rem,14rem);transform:translate(3rem,14rem)}}.moonlight__cloud{height:32%;width:52%}#cloud-five,#cloud-four,#cloud-one,#cloud-three,#cloud-two{display:flex;height:100%;width:100%}#moonlight-cloud-one{-webkit-animation:fadeIn 2s;animation:fadeIn 2s;-webkit-transform:translate(-18%,160%);transform:translate(-18%,160%)}#moonlight-cloud-two{-webkit-animation:fadeIn 2.2s;animation:fadeIn 2.2s;-webkit-transform:translate(86%,100%) scaleX(-1) rotate(180deg);transform:translate(86%,100%) scaleX(-1) rotate(180deg)}#moonlight-cloud-three{-webkit-animation:fadeIn 1.8s;animation:fadeIn 1.8s;-webkit-transform:translate(110%,-140%);transform:translate(110%,-140%)}#moonlight-cloud-four{-webkit-animation:fadeIn 2.3s;animation:fadeIn 2.3s;height:33%;-webkit-transform:translate(-10%,-320%);transform:translate(-10%,-320%)}#moonlight-cloud-five{-webkit-animation:fadeIn 2.9s;animation:fadeIn 2.9s;height:30%;-webkit-transform:translate(110%,-500%);transform:translate(110%,-500%);width:44%}@media(max-width:1900px){.moon-img__container{height:78%;-webkit-transform:translate(2.6%,2%);transform:translate(2.6%,2%);width:70%}}@media(max-width:1269px){.moon-img__container{height:68%;-webkit-transform:translate(6%,-3%);transform:translate(6%,-3%);width:74%}.moonlight__cloud{height:25%;width:56%}#moonlight-cloud-one{-webkit-transform:translate(-18%,210%);transform:translate(-18%,210%)}#moonlight-cloud-two{-webkit-transform:translate(96%,140%) scaleX(-1) rotate(180deg);transform:translate(96%,140%) scaleX(-1) rotate(180deg)}#moonlight-cloud-three{-webkit-animation:fadeIn 1.8s;animation:fadeIn 1.8s;-webkit-transform:translate(130%,-100%);transform:translate(130%,-100%)}#moonlight-cloud-four{height:26%;-webkit-transform:translate(-14%,-300%);transform:translate(-14%,-300%)}#moonlight-cloud-five{height:26%;-webkit-transform:translate(110%,-430%);transform:translate(110%,-430%);width:50%}.moon-text__container>h1{font-size:3.6vw;-webkit-transform:translate(2rem,14rem);transform:translate(2rem,14rem)}.header__text>h1{font-size:6.8vw;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%)}}@media(max-width:989px){.moon-img__container{height:56%;-webkit-transform:translate(8%,-3%);transform:translate(8%,-3%)}.moonlight__cloud{height:24%;width:56%}#moonlight-cloud-one{-webkit-transform:translate(-2%,210%);transform:translate(-2%,210%)}#moonlight-cloud-two{-webkit-transform:translate(100%,140%) scaleX(-1) rotate(180deg);transform:translate(100%,140%) scaleX(-1) rotate(180deg)}#moonlight-cloud-three{-webkit-transform:translate(120%,-80%);transform:translate(120%,-80%)}#moonlight-cloud-four{height:26%;-webkit-transform:translate(-14%,-260%);transform:translate(-14%,-260%)}#moonlight-cloud-five{height:26%;-webkit-transform:translate(110%,-380%);transform:translate(110%,-380%);width:50%}}@media(max-width:849px){.header__text>h1{font-size:6.8vw;-webkit-transform:translate(-10%,-30%);transform:translate(-10%,-30%)}.moon-img__container{height:46%;-webkit-transform:translate(11%,-6%);transform:translate(11%,-6%)}.moonlight__cloud{height:18%;width:56%}#moonlight-cloud-one{-webkit-transform:translate(-2%,290%);transform:translate(-2%,290%)}#moonlight-cloud-two{-webkit-transform:translate(100%,200%) scaleX(-1) rotate(180deg);transform:translate(100%,200%) scaleX(-1) rotate(180deg)}#moonlight-cloud-three{-webkit-transform:translate(120%,-20%);transform:translate(120%,-20%)}#moonlight-cloud-four{height:18%;-webkit-transform:translate(-16%,-200%);transform:translate(-16%,-200%)}#moonlight-cloud-five{height:18%;-webkit-transform:translate(100%,-360%);transform:translate(100%,-360%);width:54%}.moon-text__container>h1{-webkit-transform:translate(2rem,16rem);transform:translate(2rem,16rem)}}@media(max-width:649px){.header__text>h1{font-size:6.8vw;-webkit-transform:translate(-10%,-50%);transform:translate(-10%,-50%)}.moon-img__container{height:30%;-webkit-transform:translate(20%,-10%);transform:translate(20%,-10%);width:60%}.moonlight__cloud{height:12%;width:58%}#moonlight-cloud-one{-webkit-transform:translateY(390%);transform:translateY(390%)}#moonlight-cloud-two{-webkit-transform:translate(100%,330%) scaleX(-1) rotate(180deg);transform:translate(100%,330%) scaleX(-1) rotate(180deg)}#moonlight-cloud-three{-webkit-transform:translate(120%,90%);transform:translate(120%,90%)}#moonlight-cloud-four{height:12%;-webkit-transform:translate(10%,-80%);transform:translate(10%,-80%)}#moonlight-cloud-five{height:10%;-webkit-transform:translate(100%,-260%);transform:translate(100%,-260%);width:54%}}@media(max-width:459px){.header__wrapper{align-items:center;display:flex;flex-direction:column-reverse;gap:0;justify-content:start}.header__text{align-self:flex-start}.header__text>h1{font-size:12vw;-webkit-transform:translate(10%,-30%);transform:translate(10%,-30%)}.moon__container{height:70%;width:60%}.moon-img__container{height:46%;-webkit-transform:translateY(-18%);transform:translateY(-18%);width:100%}.moon-text__container>h1{font-size:7vw;-webkit-transform:translate(-4rem,13rem);transform:translate(-4rem,13rem)}.moonlight__cloud{height:16%;width:80%}#moonlight-cloud-one{-webkit-transform:translate(-50%,270%);transform:translate(-50%,270%)}#moonlight-cloud-two{-webkit-transform:translate(50%,210%) scaleX(-1) rotate(180deg);transform:translate(50%,210%) scaleX(-1) rotate(180deg)}#moonlight-cloud-three{-webkit-transform:translate(80%,-20%);transform:translate(80%,-20%)}#moonlight-cloud-four{height:20%;-webkit-transform:translate(-50%,-180%);transform:translate(-50%,-180%)}#moonlight-cloud-five{height:18%;-webkit-transform:translate(60%,-360%);transform:translate(60%,-360%);width:70%}}@media(max-width:375px){.header__text>h1{font-size:13vw;-webkit-transform:translate(10%,-40%);transform:translate(10%,-40%)}.moon__container{height:72%;width:72%}.moon-img__container{height:40%;-webkit-transform:translate(2%,-24%);transform:translate(2%,-24%);width:90%}.moon-text__container>h1{-webkit-transform:translate(-2rem,13rem);transform:translate(-2rem,13rem)}.moonlight__cloud{height:16%;width:64%}#moonlight-cloud-one{-webkit-transform:translate(-30%,260%);transform:translate(-30%,260%)}#moonlight-cloud-two{-webkit-transform:translate(70%,190%) scaleX(-1) rotate(180deg);transform:translate(70%,190%) scaleX(-1) rotate(180deg)}#moonlight-cloud-three{-webkit-transform:translate(100%,-30%);transform:translate(100%,-30%)}#moonlight-cloud-four{height:16%;-webkit-transform:translate(-40%,-220%);transform:translate(-40%,-220%)}#moonlight-cloud-five{height:14%;-webkit-transform:translate(60%,-400%);transform:translate(60%,-400%);width:70%}}@media(max-width:320px){.header__text>h1{font-size:13vw;-webkit-transform:translate(10%,-80%);transform:translate(10%,-80%)}.moon__container{height:70%;width:60%}.moon-img__container{height:36%;-webkit-transform:translate(-1%,-22%);transform:translate(-1%,-22%);width:100%}.moon-text__container>h1{font-size:7vw;-webkit-transform:translate(-3rem,13rem);transform:translate(-3rem,13rem)}.moonlight__cloud{height:12%;width:80%}#moonlight-cloud-one{-webkit-transform:translate(-48%,370%);transform:translate(-48%,370%)}#moonlight-cloud-two{-webkit-transform:translate(50%,300%) scaleX(-1) rotate(180deg);transform:translate(50%,300%) scaleX(-1) rotate(180deg)}#moonlight-cloud-three{-webkit-transform:translate(80%,60%);transform:translate(80%,60%)}#moonlight-cloud-four{height:14%;-webkit-transform:translate(-56%,-120%);transform:translate(-56%,-120%)}#moonlight-cloud-five{height:14%;-webkit-transform:translate(60%,-260%);transform:translate(60%,-260%);width:70%}}.section__container{align-items:center;display:flex;justify-content:center}.section__wrapper{font-size:4.2vw;width:30%}.section__title{font-weight:500;letter-spacing:.4rem;line-height:1rem;position:absolute;-webkit-transform:translate(8%,-640%);transform:translate(8%,-640%);z-index:1}.section-img__wrapper{align-items:center;display:flex;height:80vh;justify-content:end;position:relative;width:60vw}.section-img__wrapper>img{height:100%;width:100%}@media(max-width:1900px){.section-img__wrapper{height:76vh}.section__wrapper{font-size:4.2vw}.section__title{-webkit-transform:translate(1%,-640%);transform:translate(1%,-640%)}}@media(max-width:1269px){.section-img__wrapper{height:64vh;-webkit-transform:translateX(4%);transform:translateX(4%)}.section__wrapper{font-size:4.8vw}}@media(max-width:989px){.section-img__wrapper{height:56vh}}@media(max-width:849px){.section-img__wrapper{height:46vh;-webkit-transform:translateX(6%);transform:translateX(6%)}.section__title{-webkit-transform:translate(2%,-400%);transform:translate(2%,-400%)}}@media(max-width:649px){.section-img__wrapper{height:28vh}.section__title{-webkit-transform:translateY(-200%);transform:translateY(-200%)}}@media(max-width:459px){.section__container{align-items:center;flex-direction:column-reverse;gap:4rem;justify-content:start;padding-top:40%;text-align:left}.section__wrapper{font-size:8vw;width:100%}.section__title{-webkit-transform:translate(10%,-200%);transform:translate(10%,-200%)}.section-img__wrapper{height:30vh;-webkit-transform:translateX(0);transform:translateX(0);width:90vw}}.image__cover{background-color:#061c37;display:flex;height:100%;justify-content:flex-start;position:absolute;width:0}.image-inner__cover{background-color:#ee3737;box-shadow:4px 4px 100px 0 #ee3737;height:100%;position:absolute;width:10%}.opening--effect{-webkit-animation:opening 1.4s;animation:opening 1.4s;width:0}@-webkit-keyframes opening{0%{width:100%}to{width:0}}@keyframes opening{0%{width:100%}to{width:0}}.appear--effect{-webkit-animation:appear 1.4s;animation:appear 1.4s}@-webkit-keyframes appear{0%{height:0;width:40vw}60%{height:80vh}to{width:60vw}}@keyframes appear{0%{height:0;width:40vw}60%{height:80vh}to{width:60vw}}.appear--effect1269{-webkit-animation:appear1269 1.4s;animation:appear1269 1.4s}@-webkit-keyframes appear1269{0%{height:0;width:40vw}60%{height:66vh}to{width:60vw}}@keyframes appear1269{0%{height:0;width:40vw}60%{height:66vh}to{width:60vw}}.appear--effect989{-webkit-animation:appear989 1.4s;animation:appear989 1.4s}@-webkit-keyframes appear989{0%{height:0;width:40vw}60%{height:60vh}to{width:60vw}}@keyframes appear989{0%{height:0;width:40vw}60%{height:60vh}to{width:60vw}}.appear--effect849{-webkit-animation:appear849 1.4s;animation:appear849 1.4s}@-webkit-keyframes appear849{0%{height:0;width:40vw}60%{height:50vh}to{width:60vw}}@keyframes appear849{0%{height:0;width:40vw}60%{height:50vh}to{width:60vw}}.appear--effect649{-webkit-animation:appear649 1.4s;animation:appear649 1.4s}@-webkit-keyframes appear649{0%{height:0;width:40vw}60%{height:30vh}to{width:60vw}}@keyframes appear649{0%{height:0;width:40vw}60%{height:30vh}to{width:60vw}}.appear--effect459{-webkit-animation:appear459 1.4s;animation:appear459 1.4s}@-webkit-keyframes appear459{0%{width:40vw}to{width:80vw}}@keyframes appear459{0%{width:40vw}to{width:80vw}}button{background-image:linear-gradient(45deg,#ff2f2f,#f8625d 51%,#ff2f2f);background-size:200% auto;border:0;border-radius:20em;box-shadow:0 0 14px -7px #f05d19;color:#fff;cursor:pointer;display:block;font-family:futura_r,Helvetica Neue,Helvetica;font-size:1.2vw;font-weight:600;letter-spacing:.1rem;margin-left:10%;padding:1rem 3rem;text-align:center;touch-action:manipulation;transition:.5s;user-select:none;-webkit-user-select:none}button:hover{background-position:100%;color:#fff;text-decoration:none;-webkit-transform:translateY(-.5rem);transform:translateY(-.5rem)}button:active{-webkit-transform:scale(.95);transform:scale(.95)}#project-img>img{-webkit-filter:sepia(100%) hue-rotate(190deg) saturate(500%);filter:sepia(100%) hue-rotate(190deg) saturate(500%)}@media(max-width:1900px){button{font-size:1.6vw}}@media(max-width:1269px){button{font-size:1.9vw}}@media(max-width:989px){button{font-size:2vw}}@media(max-width:649px){button{font-size:2.4vw;padding:.6rem 1.6rem;-webkit-transform:translate(-4%,40%);transform:translate(-4%,40%)}}@media(max-width:459px){button{font-size:3.8vw;padding:1rem 3rem;-webkit-transform:translateY(60%);transform:translateY(60%)}}.move-button--effect459{-webkit-animation:moveButtonLeft459 1.4s;animation:moveButtonLeft459 1.4s}@-webkit-keyframes moveButtonLeft459{0%{-webkit-transform:translate(60%,2rem);transform:translate(60%,2rem)}to{-webkit-transform:translate(10%,2rem);transform:translate(10%,2rem)}}@keyframes moveButtonLeft459{0%{-webkit-transform:translate(60%,2rem);transform:translate(60%,2rem)}to{-webkit-transform:translate(10%,2rem);transform:translate(10%,2rem)}}.move-right--effect{-webkit-animation:textFloatRight 1.4s;animation:textFloatRight 1.4s}@-webkit-keyframes textFloatRight{0%{-webkit-transform:translate(-50%,-640%);transform:translate(-50%,-640%)}to{-webkit-transform:translate(8%,-640%);transform:translate(8%,-640%)}}@keyframes textFloatRight{0%{-webkit-transform:translate(-50%,-640%);transform:translate(-50%,-640%)}to{-webkit-transform:translate(8%,-640%);transform:translate(8%,-640%)}}.move-right--effect1900{-webkit-animation:textFloatRight1900 1.4s;animation:textFloatRight1900 1.4s}@-webkit-keyframes textFloatRight1900{0%{-webkit-transform:translate(-50%,-640%);transform:translate(-50%,-640%)}to{-webkit-transform:translate(1%,-640%);transform:translate(1%,-640%)}}@keyframes textFloatRight1900{0%{-webkit-transform:translate(-50%,-640%);transform:translate(-50%,-640%)}to{-webkit-transform:translate(1%,-640%);transform:translate(1%,-640%)}}.move-right--effect849{-webkit-animation:textFloatRight849 1.4s;animation:textFloatRight849 1.4s}@-webkit-keyframes textFloatRight849{0%{-webkit-transform:translate(-50%,-400%);transform:translate(-50%,-400%)}to{-webkit-transform:translate(2%,-400%);transform:translate(2%,-400%)}}@keyframes textFloatRight849{0%{-webkit-transform:translate(-50%,-400%);transform:translate(-50%,-400%)}to{-webkit-transform:translate(2%,-400%);transform:translate(2%,-400%)}}.move-right--effect649{-webkit-animation:textFloatRight649 1.4s;animation:textFloatRight649 1.4s}@-webkit-keyframes textFloatRight649{0%{-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%)}to{-webkit-transform:translateY(-200%);transform:translateY(-200%)}}@keyframes textFloatRight649{0%{-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%)}to{-webkit-transform:translateY(-200%);transform:translateY(-200%)}}.move-right--effect459{-webkit-animation:textFloatRight459 1.4s;animation:textFloatRight459 1.4s}@-webkit-keyframes textFloatRight459{0%{-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%)}to{-webkit-transform:translate(10%,-200%);transform:translate(10%,-200%)}}@keyframes textFloatRight459{0%{-webkit-transform:translate(-50%,-200%);transform:translate(-50%,-200%)}to{-webkit-transform:translate(10%,-200%);transform:translate(10%,-200%)}}.detail__container{align-items:center;background-image:linear-gradient(180deg,#072142,#061c37,#07182b,#061220,#020b16);display:flex;height:100%;justify-content:center;min-height:220vh!important;width:100vw}.detail__wrapper{display:flex;flex-direction:column;gap:6vh;height:80%;width:76%}.detail__title{-webkit-animation:fadeIn 1.6s;animation:fadeIn 1.6s;font-size:4vw;font-weight:500;letter-spacing:.4rem;text-shadow:2px 2px red}.education__container{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.education__container,.experience__container{grid-gap:4rem;display:grid;gap:4rem;margin-top:1rem;width:100%}.education__card,.experience__card{-webkit-animation:fadeIn 1.6s;animation:fadeIn 1.6s;border:1px solid skyblue;display:flex;flex-direction:column;gap:.4rem;padding:1rem;width:100%}.education__card>h2,.education__card>p,.experience__card>h2,.experience__card>p{-webkit-animation:fadeIn 2s;animation:fadeIn 2s}.education__date,.experience__date{-webkit-text-fill-color:transparent;background:-webkit-linear-gradient(#f0acac,var(---orange-color));-webkit-background-clip:text;font-size:2.5vw;font-weight:900}.education,.experience{font-size:1.8vw}@media (max-width:909px){.education__date,.experience__date{font-size:3vw}.education,.experience{font-size:2.6vw}}@media (max-width:649px){#about-detail-container{height:160%}.detail__wrapper{padding-top:8rem}.detail__title{font-size:5vw}.education__date,.experience__date{font-size:4vw}.education,.experience{font-size:3.7vw}}@media (max-width:610px){.education__container,.experience__container{gap:3rem}}@media (max-width:500px){.detail__title{font-size:6vw}.education__date,.experience__date{font-size:5vw}.education,.experience{font-size:4vw}}@media (max-width:459px){.education__container,.experience__container{gap:3rem}}#skill-detail{height:200%}.padding--top{padding-top:12vh}.skill-detail-cards__container{grid-gap:4vw;display:grid;gap:4vw;grid-template-columns:repeat(4,1fr);justify-items:center;margin-top:14vh}#skill-detail-title{font-size:5vw;text-align:center}:root{--height:22vh;--height-sm:19vh;--width:15vw}.skill__card{-webkit-animation:fadeIn 2s;animation:fadeIn 2s;height:22vh;height:var(--height);width:15vw;width:var(--width)}.skill-card__container{background-color:#fff;border-radius:15px;box-shadow:0 5px 20px rgba(63,62,62,.5);transition:.3s ease-in-out}.skill-card__container,.skill-card__wrapper{height:19vh;height:var(--height-sm);width:15vw;width:var(--width)}.skill-card__wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center}.skill__image{background-color:#fff;border-radius:15px 15px 0 0;box-shadow:0 5px 20px rgba(0,0,0,.5);height:16vh;padding:1rem;-webkit-transform:translateY(-2rem);transform:translateY(-2rem);transition:.3s ease-in-out;width:76%;z-index:1}.skill__image>img{height:100%;object-fit:contain;width:100%}.skill__content>h3{color:#000;text-align:center;-webkit-transform:translateY(-4vw);transform:translateY(-4vw);transition:.3s ease-in-out}.skill-card__container:hover{height:22vh;height:var(--height)}.skill-card__container:hover .skill__image{-webkit-transform:translateY(-3rem);transform:translateY(-3rem)}.skill-card__container:hover .skill__content>h3{-webkit-transform:translateY(0);transform:translateY(0)}@media(max-width:1269px){:root{--width:22vw}.skill-detail-cards__container{gap:5vw;grid-template-columns:repeat(3,1fr)}.skill__content>h3{color:#000;-webkit-transform:translateY(-6vw);transform:translateY(-6vw)}}@media(max-width:989px){:root{--height:16vh;--height-sm:14vh;--width:20vw}#skill-detail{height:240%}.skill-detail-cards__container{gap:6vw;grid-template-columns:repeat(3,1fr)}.skill__image{height:11vh;width:70%}}@media(max-width:859px){:root{--height:22vh;--height-sm:19vh;--width:32vw}#skill-detail{height:340%}#skill-detail-title{font-size:8.6vw}.skill-detail-cards__container{gap:8vw;grid-template-columns:repeat(2,1fr)}.skill__content>h3{color:#000;-webkit-transform:translateY(-12vw);transform:translateY(-12vw)}.skill__image{height:14vh;width:76%}}@media(max-width:649px){.skill-detail-cards__container{gap:10vw}}@media(max-width:459px){.padding--top{padding-top:14vh}.skill-detail-cards__container{margin-top:10vh}.skill__content>h3{-webkit-transform:translateY(-20vw);transform:translateY(-20vw)}}@media(max-width:369px){.skill__content>h3{-webkit-transform:translateY(-24vw);transform:translateY(-24vw)}.skill-detail-cards__container{gap:12vw}}#project-detail{height:100vh}#project-detail-title{text-align:center}.project-detail__container{display:flex;flex-direction:column;gap:1vh;margin-top:4vh}.project-detail__nav{-webkit-animation:fadeIn 1s;animation:fadeIn 1s;border-bottom:1px solid var(---orange-color);font-size:1.2vw;line-height:1px;padding:1vw}.project-detail__nav>ul{display:flex;justify-content:space-between;list-style:none}.project-detail__nav>ul>li:hover{cursor:pointer}.project-detail-cards__container{height:70vh;overflow-y:auto}.project-detail-cards__container>span{grid-gap:2vw;display:grid;gap:2vw;grid-template-columns:repeat(2,1fr);height:-webkit-fit-content!important;height:-moz-fit-content!important;height:fit-content!important;max-height:70vh}.project__card{-webkit-animation:fadeIn 2s;animation:fadeIn 2s;height:40vh;width:100%}.project__card>span{position:relative}.project__image,.project__image>img{height:100%;width:100%}.project__image>img{object-fit:content}.project__content{background-color:var(---orange-color);padding:.3vh 3vw .3vh .3vh;position:absolute;top:93%;visibility:hidden}.project__card:hover{cursor:pointer}.project__card:hover .project__content{visibility:visible}.project__content>h3{font-size:1vw}@media(max-width:1507px){.project__content{top:38vh}}@media(max-width:989px){.project__card{height:26vh;width:100%}.project__content{top:93%}.project-detail-cards__container>span{height:76vh}.project-detail__nav{font-size:1.8vw;overflow-x:auto}.project-detail__nav>ul{width:110%}.project__content>h3{font-size:1.2vw}}@media(max-width:849px){.project__card{height:20vh;width:100%}#project-detail-title{font-size:5vw}}@media(max-width:459px){.project-detail-cards__container{height:70vh;overflow-y:auto}.project-detail-cards__container>span{grid-gap:2vw;display:grid;gap:2vw;grid-template-columns:repeat(1,1fr);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;max-height:72vh}#project-detail-title{font-size:6vw;width:100%}.project__content{top:92%}.project-detail-cards__container{height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.project-detail__nav{font-size:3.4vw;overflow-x:auto;width:100%}.project-detail__nav>ul{line-height:2rem;width:200%}.project__content>h3{font-size:2vw}}@media(max-width:375px){#project-detail-title{font-size:8vw;width:100%}}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.active--nav{background-color:var(---orange-color)}.project-detail__nav>ul>li>span{border-radius:4px 4px 0 0;padding:.1vh 1vw}#certificates-detail-title{text-align:center}.certificates-detail__container{height:78vh;margin-top:3vh}.certificates-detail__container>span{grid-gap:2vw;border-top:2px solid var(---orange-color);display:grid;gap:2vw;grid-template-columns:repeat(2,1fr);height:78vh;justify-items:center;overflow-y:auto}.certificate,.certificate>img{height:100%;width:100%}@media(max-width:459px){.certificates-detail__container>span{display:grid;grid-template-columns:repeat(1,1fr)}}#music-detail-title{text-align:center}.music-detail__container{border-top:2px solid var(---orange-color);height:78vh;margin-top:3vh;overflow-y:auto}.music-detail__container>span{grid-gap:2vw;display:grid;gap:2vw;grid-template-columns:repeat(3,1fr);justify-items:center;padding-top:2vh}video{height:100%;width:100%}@media(max-width:859px){#music-detail-title{font-size:6vh}.music-detail__container>span{display:grid;grid-template-columns:repeat(2,1fr)}}@media(max-width:459px){#music-detail-title{font-size:4vh}.music-detail__container>span{display:grid;grid-template-columns:repeat(1,1fr)}}.contact__detail{font-size:2vw;line-height:6vh;-webkit-transform:translateX(3vw);transform:translateX(3vw);width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.contact__detail>span{display:flex;font-size:1.2vw;gap:1vw}@media(max-width:989px){.contact__detail{font-size:2.6vw;line-height:6vh}.contact__detail>span{font-size:1.8vw;gap:1.2vw}}@media(max-width:849px){.contact__detail{line-height:5vh}}@media(max-width:649px){.contact__detail{line-height:3vh}}@media(max-width:610px){.contact__detail{font-size:3vw;line-height:3vh;-webkit-transform:translateY(2vh);transform:translateY(2vh)}.contact__detail>span{font-size:2vw;gap:2.6vw}}@media(max-width:459px){.contact__detail{font-size:4.6vw;line-height:4vh;-webkit-transform:translate(8vw,4vh);transform:translate(8vw,4vh)}.contact__detail>span{font-size:3.2vw;gap:2.6vw}}@media(max-width:375px){.contact__detail{font-size:5vw;line-height:4vh;-webkit-transform:translate(8vw,4vh);transform:translate(8vw,4vh)}.contact__detail>span{font-size:3.8vw;gap:2.6vw}#contact-title{font-size:10vw}}
/*# sourceMappingURL=main.79cdd686.css.map*/