.blinking{-webkit-animation:2s blink ease infinite;-moz-animation:2s blink ease infinite;-ms-animation:2s blink ease infinite;-o-animation:2s blink ease infinite;animation:2s blink ease infinite}@keyframes blink{from,
    to{opacity:0}50%{opacity:1}}@-moz-keyframes blink{from,
    to{opacity:0}30%{opacity:1}70%{opacity:1}}@-webkit-keyframes blink{from,
    to{opacity:0}30%{opacity:1}70%{opacity:1}}@-ms-keyframes blink{from,
    to{opacity:0}30%{opacity:1}70%{opacity:1}}@-o-keyframes blink{from,
    to{opacity:0}30%{opacity:1}70%{opacity:1}}html{scroll-behavior:smooth}body{margin:0;padding:0;width:100%;color:#677682;font-family:'Quicksand', sans-serif}a{text-decoration:none;-webkit-tap-highlight-color:transparent !important}.noWidth{display:contents}.spacer{flex:1 1 auto}.badgeList{margin-top:0.7rem;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start}.badgeList .badge{color:#A0A0A0;font-size:0.85rem;margin:0.2rem 0.4rem;padding:0.2rem 0.4rem;border-radius:4px;border:1px solid #CDCDCD}.sectionBox{padding:3rem 1.5rem}.sectionBox .container{max-width:40rem;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center}.sectionBox .sectionDataBox{margin-top:2rem}.sectionBox .title{color:#fff;font-size:2rem;font-weight:700;margin:0 0 1rem;text-transform:uppercase}.sectionBox .content{color:#fff;font-weight:400;font-size:1.1rem;line-height:1.8rem;white-space:pre-line}@media only screen and (max-width: 480px){.isDesktop{display:none !important}}@media only screen and (min-width: 480px){.isMobile{display:none !important}}nav{position:fixed;top:0;left:0;z-index:1000}nav #menuToggle{display:block;position:relative;top:1rem;left:1rem;z-index:1;width:3.5rem;height:3.5rem;border-radius:50%;background-color:#263238;-webkit-user-select:none;user-select:none;display:flex;flex-direction:column;align-items:center;justify-content:center}nav #menuToggle input{display:block;width:40px;height:32px;position:absolute;top:-7px;left:-5px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none;outline:none;outline-width:0;-webkit-tap-highlight-color:transparent !important}nav #menuToggle .iconPart{display:block;width:33px;height:4px;margin-bottom:5px;position:relative;background:#cdcdcd;border-radius:3px;z-index:1;transform-origin:4px 0;transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1),opacity 0.55s ease}nav #menuToggle .iconPart:first-child{transform-origin:0% 0%}nav #menuToggle .iconPart:nth-last-child(2){transform-origin:0% 100%;margin-bottom:0}nav #menuToggle input:checked ~ .iconPart{opacity:1;transform:rotate(45deg) translate(-2px, -1px);background:#232323}nav #menuToggle input:checked ~ .iconPart:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2, 0.2)}nav #menuToggle input:checked ~ .iconPart:nth-last-child(2){transform:rotate(-45deg) translate(0, -1px)}nav #menuWrapper{position:fixed;width:80vw;margin:0;padding:2rem;top:0;left:-80vw;padding-top:5rem;min-height:100vh;background:#ededed;box-sizing:border-box;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0% 0%;transition:transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1)}nav #menuWrapper .menuItem{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#677682;font-size:1.3rem;font-weight:500;margin:0.6rem 0.5rem;padding:0.6rem 0.3rem}nav #menuWrapper .menuItem .icon{width:1rem;margin-inline-start:0.4rem}nav #menuToggle input:checked ~ #menuWrapper{transform:translate(100%, 0)}#topBox{height:100vh;padding:2rem;display:flex;align-items:center;justify-content:center;background-color:#263238;position:relative;box-sizing:border-box}#topBox .liteBox{width:40vw;height:100vh;transform:skew(-20deg);position:absolute;top:0;right:15vw;background:#f2c000}#topBox .contentBox{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:absolute;padding:2rem;box-sizing:border-box;width:100%;height:100%;top:0;left:0}#topBox .contentBox .title{font-size:4rem;color:#fff;margin:0 0 1rem;font-weight:500}#topBox .contentBox .subtitle{font-size:1.8rem;color:#fff;font-weight:300;margin:0}#topBox .arrowBox{position:absolute;bottom:0;left:0;right:0;display:flex;flex-direction:row;align-items:center;justify-content:center;padding:1rem}#topBox .arrowBox .arrow{height:1.5rem}@media only screen and (max-width: 40.0625em){#topBox{overflow:hidden}#topBox .liteBox{width:80vw;right:-67vw;transform:skew(-36deg)}#topBox .contentBox{padding:1rem}#topBox .contentBox .title{font-size:3.2rem}#topBox .contentBox .subtitle{font-size:1.6rem;margin-bottom:6rem}}@media only screen and (min-width: 40.0626em){nav{display:none !important}}#header{position:fixed;top:0;left:0;right:0;z-index:100;padding:0.6rem 1.5rem;display:flex;flex-direction:row;align-items:center;justify-content:space-between}#header .background{position:absolute;left:0;top:0;bottom:0;width:0;background-color:#263238;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;box-shadow:0 4px 2px -2px #323f46}#header.scrolled .background{width:100%}#header .menuList{display:flex;flex-direction:row;align-items:center;justify-content:center}#header .menuList .menuItem{display:flex;flex-direction:row;align-items:center;justify-content:center;color:#fff;font-size:1rem;margin:0.3rem 0.5rem;padding:0.2rem;border-radius:2px;position:relative;display:inline-block;padding:0.5rem 1rem;cursor:pointer;overflow:hidden}#header .menuList .menuItem:before,#header .menuList .menuItem:after{content:"";position:absolute;left:0;height:1px;width:100%;background-color:transparent}#header .menuList .menuItem:before{top:0}#header .menuList .menuItem:after{bottom:0}#header .menuList .menuItem:hover>*>*:before,#header .menuList .menuItem:hover>*>*:after{transform:translate3d(0, 0, 0)}#header .menuList .menuItem:hover>*>*>*:before,#header .menuList .menuItem:hover>*>*>*:after{transform:translate3d(0, 0, 0)}#header .menuList .menuItem>*:before,#header .menuList .menuItem>*:after{content:"";position:absolute;top:0;height:100%;width:1px;background-color:transparent}#header .menuList .menuItem>*:before{left:0}#header .menuList .menuItem>*:after{right:0}#header .menuList .menuItem>*>*:before,#header .menuList .menuItem>*>*:after{content:"";position:absolute;left:0;z-index:9;height:1px;width:100%;background-color:#f2c000}#header .menuList .menuItem>*>*:before{top:0;transform:translate3d(-105%, 0, 0);transition:transform .8s cubic-bezier(0.4, 0, 0.2, 1)}#header .menuList .menuItem>*>*:after{bottom:0;transform:translate3d(105%, 0, 0);transition:transform .8s cubic-bezier(0.4, 0, 0.2, 1)}#header .menuList .menuItem>*>*>*:before,#header .menuList .menuItem>*>*>*:after{content:"";position:absolute;top:0;z-index:9;height:100%;width:1px;background-color:#f2c000}#header .menuList .menuItem>*>*>*:before{left:0;transform:translate3d(0, 105%, 0);transition:transform .8s cubic-bezier(0.4, 0, 0.2, 1)}#header .menuList .menuItem>*>*>*:after{right:0;transform:translate3d(0, -105%, 0);transition:transform .8s cubic-bezier(0.4, 0, 0.2, 1)}#header .menuList .menuItem .icon{width:0.8rem;margin-inline-end:0.4rem}#about{background-color:#37474F}#about .iconBox{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center}#about .iconBox .icon{height:1.7rem;width:1.7rem;margin:1rem;object-fit:contain}#about .iconBox .icon.big{width:2rem;height:2rem}#experiences{background-color:#263238}#experiences .container{max-width:60rem}#experiences .experienceList{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between;margin-bottom:3rem}#experiences .experienceList .experienceRow{display:flex;align-items:stretch;justify-content:space-between;width:100%}#experiences .experienceList .experienceRow .experienceBox{width:50%;position:relative}#experiences .experienceList .experienceRow .experienceBox .spacerWrapper{display:flex;flex-direction:column;align-items:stretch;justify-content:space-between;position:absolute;left:0;right:0;top:0;bottom:0}#experiences .experienceList .experienceRow .experienceBox .spacerWrapper .spacer{flex:1 1 auto;width:100%;border-radius:8px;border:3px solid #263238}#experiences .experienceList .experienceRow .experienceBox .spacerWrapper .spacer:first-child{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-width:0}#experiences .experienceList .experienceRow .experienceBox .spacerWrapper .spacer:last-child{border-top-left-radius:0;border-top-right-radius:0;border-top-width:0}#experiences .experienceList .experienceRow .experienceBox .detail{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;padding:2rem;box-sizing:border-box;z-index:2}#experiences .experienceList .experienceRow .experienceBox .detail .name{font-size:1.4rem;color:#fff;margin:0;font-weight:400}#experiences .experienceList .experienceRow .experienceBox .detail .dateBox{font-size:0.8rem;font-weight:300;margin:0.5rem 0 0;color:#CDCDCD}#experiences .experienceList .experienceRow .experienceBox .detail .dateBox .date{font-weight:500}#experiences .experienceList .experienceRow .experienceBox .detail .description{color:#fff;font-size:1rem;line-height:1.4rem;margin:1rem 0 0}#experiences .experienceList .experienceRow .experienceBox .detail .badgeList .badge{color:#A0A0A0;border:1px solid #CDCDCD}#experiences .experienceList .experienceRow:nth-child(even){flex-direction:row-reverse}#experiences .experienceList .experienceRow:nth-child(even) .experienceBox .spacerWrapper .spacer:first-child{border-top-left-radius:0}#experiences .experienceList .experienceRow:nth-child(even) .experienceBox .spacerWrapper .spacer:last-child{border-bottom-left-radius:0}#experiences .experienceList .experienceRow:nth-child(even) .experienceBox:first-child .spacerWrapper{top:-3px;bottom:-3px;z-index:1}#experiences .experienceList .experienceRow:nth-child(even) .experienceBox:first-child .spacerWrapper .spacer{border-right-color:#f2c000;border-left:0}#experiences .experienceList .experienceRow:nth-child(even) .experienceBox:first-child .spacerWrapper .spacer:first-child{border-top-color:#f2c000}#experiences .experienceList .experienceRow:nth-child(even) .experienceBox:first-child .spacerWrapper .spacer:last-child{border-bottom-color:#f2c000}#experiences .experienceList .experienceRow:nth-child(odd){flex-direction:row}#experiences .experienceList .experienceRow:nth-child(odd) .experienceBox .spacerWrapper .spacer:first-child{border-top-right-radius:0}#experiences .experienceList .experienceRow:nth-child(odd) .experienceBox .spacerWrapper .spacer:last-child{border-bottom-right-radius:0}#experiences .experienceList .experienceRow:nth-child(odd) .experienceBox:first-child .spacerWrapper .spacer{border-left-color:#f2c000}#experiences .experienceList .experienceRow:nth-child(odd) .experienceBox:first-child .spacerWrapper .spacer:first-child{border-top-color:#f2c000}#experiences .experienceList .experienceRow:nth-child(odd) .experienceBox:first-child .spacerWrapper .spacer:last-child{border-bottom-color:#f2c000}#experiences .experienceList .experienceRow:first-child .experienceBox .spacerWrapper .spacer{border-top-color:transparent !important;border-right-color:transparent}#experiences .experienceList .experienceRow:first-child .experienceBox:first-child .spacerWrapper .spacer:first-child{border-left-color:transparent}#experiences .experienceList .experienceRow:last-child:nth-child(even) .experienceBox .spacerWrapper{bottom:-3px;z-index:1}#experiences .experienceList .experienceRow:last-child:nth-child(even) .experienceBox .spacerWrapper .spacer:last-child{border-bottom-color:#f2c000;border-left:0}#experiences .experienceList .experienceRow:last-child:nth-child(even) .experienceBox:last-child .spacerWrapper .spacer:last-child{border-right:0;border-bottom-right-radius:0}#experiences .experienceList .experienceRow:last-child:nth-child(odd) .experienceBox .spacerWrapper .spacer:last-child{border-bottom-color:#f2c000;border-right:0}#experiences .experienceList .experienceRow:last-child:nth-child(odd) .experienceBox:first-child:not(:first-child) .spacerWrapper .spacer:last-child{border-bottom-right-radius:0;border-bottom-left-radius:0;border-left:0}#experiences .experienceList .experienceRow:last-child:nth-child(odd) .experienceBox:last-child:not(:first-child) .spacerWrapper .spacer:last-child{border-bottom-left-radius:0;border-left:0}@media only screen and (max-width: 40.0625em){#experiences .experienceList{display:flex;flex-direction:column;margin-bottom:1.4rem}#experiences .experienceList .experienceRow{flex-direction:column !important}#experiences .experienceList .experienceRow .experienceBox{width:100%}#experiences .experienceList .experienceRow .experienceBox .spacerWrapper .spacer{border-color:transparent;border-width:0;border-left:3px solid #f2c000 !important;border-radius:0}#experiences .experienceList .experienceRow .experienceBox .detail{padding:0 0 1rem;margin:1rem;margin-inline-start:1.5rem;border-bottom:1.5px solid #919191}#experiences .experienceList .experienceRow:first-child .experienceBox:first-child .spacerWrapper .spacer:first-child{border-left:0 !important}#experiences .experienceList .experienceRow:last-child .experienceBox:last-child .spacerWrapper .spacer:last-child{border-left:0 !important}}#skills{background-color:#37474F}#skills .container{max-width:60rem}#skills .skillList{display:flex;flex-direction:row;flex-wrap:wrap;align-items:stretch;justify-content:space-between}#skills .skillList .skillBox{width:50%;position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;padding:0 1rem 2rem;margin:1rem 0;box-sizing:border-box;border-bottom:2px solid #f2c000}#skills .skillList .skillBox .name{font-size:1.4rem;color:#fff;margin:0;font-weight:400}#skills .skillList .skillBox .badgeList .badge{color:#F0F0F0;border:1px solid #F0F0F0}#skills .skillList .skillBox:nth-last-child(2),#skills .skillList .skillBox:last-child{border-bottom-width:0}#skills .skillList .skillBox:first-child:last-child{width:100%}@media only screen and (max-width: 40.0625em){#skills .skillList{flex-direction:column}#skills .skillList .skillBox{width:100%;border-bottom-width:2px !important;padding:0 0 1.5rem !important}#skills .skillList .skillBox:last-child{border-bottom-width:0 !important}}#portfolio{background-color:#263238}#portfolio .container{max-width:60rem}#portfolio .portfolioSectionList{display:flex;flex-direction:column;flex-wrap:wrap;align-items:stretch;justify-content:space-between}#portfolio .portfolioSectionList .portfolioSectionBox{width:100%;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;padding:0 1rem;margin:1rem 0;box-sizing:border-box}#portfolio .portfolioSectionList .portfolioSectionBox .name{font-size:1.7rem;color:#f2c000;margin:0;font-weight:700}#portfolio .portfolioSectionList .portfolioSectionBox .projectList{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:flex-start;margin:1rem -0.8rem}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox{width:calc(50% - 1.6rem);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;position:relative;padding:1.5rem;box-sizing:border-box;background-color:#182227;border-radius:8px;margin:0.8rem 0.8rem 1.3rem;box-sizing:border-box;box-shadow:0 8px 30px rgba(77,77,77,0.3)}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .topBox{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;width:100%}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .topBox .titleLinkBox{display:flex;flex-direction:row;align-items:center;justify-content:flex-start}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .topBox .titleLinkBox .name{font-size:1.2rem;color:#fff;margin:0;letter-spacing:1px;font-weight:500}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .topBox .titleLinkBox .link svg{fill:#fff;font-size:0.8rem;margin-inline-start:0.8rem;width:0.8rem;height:0.8rem;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .topBox .titleLinkBox .link svg:hover{fill:#f2c000}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .topBox .dateBox{font-size:0.8rem;font-weight:300;margin:0;margin-inline-start:0.5rem;color:#CDCDCD}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .topBox .dateBox .date{font-weight:500}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .description{color:#F1F1F1;font-size:1rem;line-height:1.4rem;margin-top:1rem}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .badgeList .badge{color:#A0A0A0;border:1px solid #CDCDCD}@media only screen and (max-width: 40.0625em){#portfolio .portfolioSectionList{width:100%}#portfolio .portfolioSectionList .portfolioSectionBox{padding:0}#portfolio .portfolioSectionList .portfolioSectionBox .name{font-size:1.4rem}#portfolio .portfolioSectionList .portfolioSectionBox .projectList{flex-direction:column !important;margin:0 !important}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox{width:100% !important;margin:0.8rem 0 1.3rem !important}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .topBox{flex-direction:column;align-items:flex-start}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .topBox .titleLinkBox .name{font-size:1.2rem;color:#fff;margin:0;letter-spacing:1px;font-weight:700}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .topBox .dateBox{font-size:0.75rem;margin:0.4rem 0 0}#portfolio .portfolioSectionList .portfolioSectionBox .projectList .projectBox .description{font-size:0.9rem}}#contact{background-color:#F5F5F5}#contact .container{max-width:60rem}#contact .container .title{color:#677682}#contact .container .content{color:#677682}#contact .container .contactSection{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:100%}#contact .container .contactSection .contactListBox{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;margin:2rem 0}#contact .container .contactSection .contactListBox .contactBox{display:flex;flex-direction:row;align-items:center;justify-content:center;margin:1rem}#contact .container .contactSection .contactListBox .contactBox .icon{width:1.6rem;height:1.6rem;color:#f2c000}#contact .container .contactSection .contactListBox .contactBox .text{color:#677682;font-size:1rem;font-weight:500;letter-spacing:3px;text-decoration:none;margin-inline-start:0.8rem;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-ms-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}#contact .container .contactSection .contactListBox .contactBox .text:hover{color:#000}#contact .container .contactSection .socialList{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-end;margin-inline-end:-0.8rem;margin-block-start:-0.8rem;max-width:14rem}#contact .container .contactSection .socialList .socialBox{width:1.7rem;height:1.7rem;margin:0.8rem}@media only screen and (max-width: 40.0625em){#contact .contactSection{flex-direction:column !important}#contact .contactSection .contactListBox{margin:2rem 0 4rem !important}#contact .contactSection .contactListBox .contactBox .icon{width:1rem;height:1rem}#contact .contactSection .contactListBox .contactBox .text{font-size:0.9rem}#contact .contactSection .socialList{max-width:100% !important;width:100%;margin:0 -1rem}#contact .contactSection .socialList .socialBox{width:1.2rem;height:1.2rem;margin:1rem}}#github-ribbon{background-color:#fff;overflow:hidden;white-space:nowrap;position:fixed;right:-38px;top:24px;z-index:101;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-ms-transition:all 1s ease;-o-transition:all 1s ease;transition:all 1s ease;-webkit-box-shadow:0 0 10px #888;-moz-box-shadow:0 0 10px #888;box-shadow:0 0 10px #888}#github-ribbon a{color:#677682;display:block;text-align:center;text-decoration:none;font-size:12px;padding:12px 30px}#github-ribbon:hover{background-color:#edbc00}