:root{--background-color:#111;--surface-color:#252525;--on-background-color:#fff;--on-background-color-secondary:#a0a0a0;--accent-color:#ffb400;--on-accent-color:#fff}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{overflow:hidden;background-color:#111;color:#fff;color:var(--on-background-color);font-size:16px}body{margin:0;font-family:"Open Sans","Poppins","Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:"Poppins"}h1{font-size:2.5rem}a{color:inherit;text-decoration:none}button{min-width:200px;min-height:56px;border-radius:3000px;border:2px solid #ffb400;background-color:transparent;font-family:inherit;font-size:inherit;font-weight:600;color:#fff;color:var(--on-background-color);transition:.3s}button:hover{cursor:pointer;background-color:#ffb400;background-color:var(--accent-color);color:#fff;color:var(--on-accent-color);outline:none}.icon_button{display:flex;min-width:0;min-height:0;width:56px;height:56px;background-color:#252525;background-color:var(--surface-color);justify-content:center;align-items:center;border:none;outline:none}@media(max-width:599px){.icon_button{width:40px;height:40px}}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}input,textarea{min-width:256px;min-height:56px;background-color:#252525;background-color:var(--surface-color);border:none;outline:none;padding-left:28px;font-family:inherit;font-size:inherit;caret-color:#fff;caret-color:var(--on-background-color);transition:outline .5s;color:#fff;color:var(--on-background-color)}input:active,input:focus,textarea:active,textarea:focus{outline:1px solid #ffb400;outline:1px solid var(--accent-color)}input{border-radius:2000px}textarea{padding-top:16px;border-radius:32px;resize:vertical}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{background-color:#282c34;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:calc(10px + 2vmin);color:#fff}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.slides_viewport{position:relative;width:100%;height:100%}.slides_viewport .scroll_factor{position:absolute;top:0;left:0;color:#fff;mix-blend-mode:difference}.slide,.slide_inactive{position:absolute;width:100%;height:100%;transition:opacity .3s}.slide_inactive{opacity:0;pointer-events:none}.slide_title{position:relative;font-size:114px;font-weight:800;text-align:center;color:var(--surface-color)}@media(max-width:1239px){.slide_title{font-size:86px}}@media(max-width:599px){.slide_title{font-size:32px}}.slide_title .overlay{position:absolute;top:50%;left:50%;font-size:.5em;color:#fff;content:"ABOUT ME";transform:translate(-50%,-50%)}.slide_title .overlay .yellow{color:#ffb400}.about_me_slide{display:flex;width:100%;height:100%;overflow-y:scroll;padding:32px 128px;flex-direction:column}@media(max-width:1239px){.about_me_slide{padding:32px}}@media(max-width:599px){.about_me_slide{padding:16px}}.about_me_slide .content{flex-shrink:1;flex-grow:1;display:flex;width:100%;align-items:center}@media(max-width:1239px){.about_me_slide .content{margin-top:16px;flex-direction:column;align-items:flex-start}}.about_me_slide .content .personal_info{display:flex;flex-direction:column;align-items:flex-start}.about_me_slide .content .personal_info .heading{font-size:24px;font-weight:700}.about_me_slide .content .personal_info .items{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);grid-row-gap:16px;row-gap:16px;grid-column-gap:128px;column-gap:128px}@media(max-width:599px){.about_me_slide .content .personal_info .items{grid-column-gap:16px;column-gap:16px}}@media(max-width:599px){.about_me_slide .content .personal_info .items .item{display:inline-flex;flex-direction:column}}.about_me_slide .content .personal_info .items .item .label{color:var(--on-background-color-secondary)}.about_me_slide .content .personal_info .items .item .value{font-weight:500}.about_me_slide .content .personal_info button{margin-top:32px}.about_me_slide .content img{margin-left:128px;flex-grow:1;height:70%;object-fit:cover;border-radius:8px;overflow:hidden;box-shadow:4px 4px 4px rgba(0,0,0,.4)}@media(max-width:1239px){.about_me_slide .content img{margin-left:0;margin-top:64px;flex-grow:unset;width:100%;height:360px}}@media(max-width:599px){.about_me_slide .content img{margin-top:32px;height:160px}}.contact_me_slide{width:100%;height:100%;overflow-y:scroll;padding:0 128px}@media(max-width:1239px){.contact_me_slide{padding:32px}}@media(max-width:599px){.contact_me_slide{padding-left:16px;padding-right:16px}}.contact_me_slide .content{margin-top:32px;display:grid;grid-template-columns:4fr 8fr;grid-gap:64px;gap:64px}@media(max-width:1239px){.contact_me_slide .content{grid-template-columns:1fr}}.contact_me_slide .content .contact_info_area .description_title{font-weight:700;font-size:24px;color:#fff}.contact_me_slide .content .contact_info_area .description{margin-top:16px}.contact_me_slide .content .contact_info_area .contact_info_items{margin-top:32px;display:flex;flex-direction:column;grid-gap:32px;gap:32px}.contact_me_slide .content .contact_info_area .contact_info_items .item{margin-top:16px;display:flex;align-items:center}.contact_me_slide .content .contact_info_area .contact_info_items .item:first-child{margin-top:0}.contact_me_slide .content .contact_info_area .contact_info_items .item .leading{font-size:32px;color:var(--accent-color)}.contact_me_slide .content .contact_info_area .contact_info_items .item .text_area{margin-left:16px}.contact_me_slide .content .contact_info_area .contact_info_items .item .text_area .title{color:var(--on-background-color-secondary)}.contact_me_slide .content .contact_info_area .contact_info_items .item .text_area .subtitle{margin-top:4px}.contact_me_slide .content .contact_form{display:flex;width:100%;flex-direction:column;align-items:flex-start}.contact_me_slide .content .contact_form input,.contact_me_slide .content .contact_form textarea{margin-top:32px;width:100%}.contact_me_slide .content .contact_form .first_row{display:flex;width:100%}.contact_me_slide .content .contact_form .first_row input{width:auto;flex-grow:1}.contact_me_slide .content .contact_form .first_row input:nth-child(2){margin-left:32px}@media(max-width:599px){.contact_me_slide .content .contact_form .first_row input:nth-child(2){margin-left:0}}@media(max-width:599px){.contact_me_slide .content .contact_form .first_row{flex-direction:column}}.contact_me_slide .content .contact_form button{margin-top:32px}.ambient_cube{position:absolute;left:0;top:0;width:256px;height:256px;background-color:#fff;animation:rotate 5s linear infinite;transition:transform 1s}.ambient_cube_hidden{transform:scale(0)}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.hero_slide{position:relative;display:flex;width:100%;height:100%;padding:64px;overflow-y:scroll;justify-content:center;align-items:center}@media(max-width:599px){.hero_slide{padding:16px}}.hero_slide .background{position:absolute;left:0;top:0;height:100%;width:100%}.hero_slide .background .ambient_cube,.hero_slide .background .ambient_cube_0,.hero_slide .background .ambient_cube_1{position:absolute;left:0;top:0;background-color:var(--accent-color)}@media(max-width:1239px){.hero_slide .background .ambient_cube,.hero_slide .background .ambient_cube_0,.hero_slide .background .ambient_cube_1{display:none}}.hero_slide .background .ambient_cube_0{left:10%;top:10%}.hero_slide .background .ambient_cube_1{left:70%;top:40%}.hero_slide .content{position:relative;z-index:2;display:flex;width:100%;height:100%;justify-content:center;align-items:center}@media(max-width:1239px){.hero_slide .content{height:auto;grid-template-columns:1fr;grid-template-rows:auto;grid-gap:32px;gap:32px}}.hero_slide .content .text_area{display:flex;flex-direction:column;max-width:70vw;justify-content:center;align-items:center;text-align:center}@media(max-width:1239px){.hero_slide .content .text_area{margin-left:auto;margin-right:auto;max-width:none;justify-content:flex-start;align-items:center}}.hero_slide .content .text_area h1{font-size:48px;font-weight:700}@media(max-width:1239px){.hero_slide .content .text_area h1{font-size:32px}}@media(max-width:599px){.hero_slide .content .text_area h1{font-size:28px}}.hero_slide .content .text_area h1 .yellow{color:#ffb400}.hero_slide .content .text_area p{margin-top:16px;line-height:32px;font-size:16px}@media(max-width:1239px){.hero_slide .content .text_area p{line-height:30px}}@media(max-width:599px){.hero_slide .content .text_area p{font-size:14px;line-height:28px}}.hero_slide .content .text_area button{margin-top:32px}.home_page{position:relative;width:100vw;height:100vh}@media(max-width:1239px){.home_page{padding-bottom:80px}}@media(max-width:599px){.home_page{padding-bottom:64px}}.navigator{position:absolute;right:0;top:0;width:128px;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}@media(max-width:1239px){.navigator{flex-direction:row;right:auto;left:0;top:auto;bottom:0;width:100%;height:80px;background-color:var(--surface-color)}}@media(max-width:599px){.navigator{height:64px}}.navigator .active{background-color:var(--accent-color)}.navigator .icon_button{margin-top:32px}@media(max-width:1239px){.navigator .icon_button{margin-top:0;margin-left:32px}}.navigator .icon_button:first-child{margin:0}.skills_slide{width:100%;height:100%;overflow-y:scroll;padding:0 128px}@media(max-width:1239px){.skills_slide{padding:32px 32px 0}}@media(max-width:599px){.skills_slide{padding-left:16px;padding-right:16px}}.skills_slide .heading{position:relative;font-size:114px;font-weight:800;text-align:center;color:hsla(0,0%,100%,.05)}.skills_slide .heading .overlay{position:absolute;top:50%;left:50%;font-size:.5em;color:#fff;content:"ABOUT ME";transform:translate(-50%,-50%)}.skills_slide .heading .overlay .yellow{color:#ffb400}.skills_slide .skills{margin-top:64px;display:grid;grid-template-columns:repeat(4,1fr);justify-content:space-between;grid-row-gap:64px;row-gap:64px}@media(max-width:1239px){.skills_slide .skills{grid-template-columns:repeat(3,1fr)}}@media(max-width:599px){.skills_slide .skills{grid-template-columns:repeat(2,1fr)}}.skills_slide .skills .skill_container{display:flex;justify-content:center;align-items:center}.skills_slide .skills .skill_container .skill{min-width:128px;max-width:256px}.skill_bar{min-width:32px}.skill_bar .svg_container{position:relative;width:100%;padding-bottom:100%}.skill_bar .svg_container svg{position:absolute;top:0;left:0;width:100%;height:100%}.skill_bar .svg_container svg circle{stroke-width:10;fill:none;transform:rotate(-90deg);transform-origin:center}.skill_bar .svg_container svg circle:first-child{stroke:var(--surface-color)}.skill_bar .svg_container svg circle:nth-child(2){stroke:var(--accent-color);stroke-dasharray:440}.skill_bar .svg_container .bar_value{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.skill_bar .value{margin-top:32px;text-align:center}.works_slide{width:100%;height:100%;overflow-y:scroll;padding:32px 128px 0}@media(max-width:1239px){.works_slide{padding:32px}}@media(max-width:599px){.works_slide{padding-left:16px;padding-right:16px}}.works_slide .works{margin-top:32px;display:grid;grid-template-columns:repeat(2,1fr);grid-gap:32px;gap:32px}@media(max-width:1239px){.works_slide .works{grid-template-columns:repeat(1,1fr)}}.works_slide .works .work_card,.works_slide .works .work_card_hover{position:relative;width:100%;height:320px;border-radius:8px;overflow:hidden;cursor:pointer}@media(max-width:1239px){.works_slide .works .work_card,.works_slide .works .work_card_hover{height:512px}}@media(max-width:599px){.works_slide .works .work_card,.works_slide .works .work_card_hover{height:256px}}.works_slide .works .work_card:hover,.works_slide .works .work_card_hover:hover{border:4px solid var(--accent-color)}.works_slide .works .work_card_hover img,.works_slide .works .work_card img{position:absolute;top:0;bottom:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7)}@media(max-width:1239px){.works_slide .works .work_card,.works_slide .works .work_card_hover{filter:none}}.works_slide .works .work_card .text_area,.works_slide .works .work_card_hover .text_area{position:absolute;left:32px;bottom:32px}.works_slide .works .work_card .text_area .subtitle,.works_slide .works .work_card_hover .text_area .subtitle{color:hsla(0,0%,100%,.7)}
/*# sourceMappingURL=main.de03947a.chunk.css.map */