.NavigationBar{background-color:transparent;height:30px;padding-top:20px!important;padding-bottom:20px!important;z-index:100;position:fixed;left:0;right:0}.NavigationBar--Addbackground{-webkit-animation-name:showNavbarBackground;animation-name:showNavbarBackground;-webkit-animation-duration:.5s;animation-duration:.5s;background-color:#e31234;box-shadow:0 2px 4px 0 rgba(0,0,0,.2)}.NavigationBar--Removebackground{-webkit-animation-name:removeNavbarBackground;animation-name:removeNavbarBackground;-webkit-animation-duration:.5s;animation-duration:.5s;background-color:inherit}.NavigationBar_Container{display:flex;justify-content:flex-end;padding-top:0!important;padding-bottom:0!important}.NavigationBar_Container_Item{font-size:18px;margin-left:48px;color:#fff;background-color:transparent}.NavigationBar_Container_Item:after{padding-bottom:18px;display:block;content:"";border-bottom:3px solid #fff;margin-bottom:-3px;transform:scaleX(0);transition:transform .25s ease-in-out;transform-origin:0 50%}.NavigationBar_Container_Item:hover:after{transform:scaleX(1)}.NavigationBar_Container_ItemSelected{border-bottom:3px solid #fff}@media only screen and (max-width:800px){.NavigationBar{height:24px;padding-top:16px;padding-bottom:16px}.NavigationBar_Container{display:flex;justify-content:flex-end;padding:0 24px!important}.NavigationBar_Container_Item{font-size:16px;margin-left:32px}.NavigationBar_Container_Item:after{padding-bottom:0;border-bottom:none}.NavigationBar_Container_ItemSelected{margin-bottom:-21px;border-bottom:2px solid #fff}}@-webkit-keyframes LineAnimation{0%{transform-origin:0 0}to{transform-origin:0 50%}}@keyframes LineAnimation{0%{transform-origin:0 0}to{transform-origin:0 50%}}.Banner{height:100vh;width:100%;display:flex;align-items:center;overflow:hidden;transition-timing-function:ease;background-color:#000}.Banner_TextBox{font-size:100px;color:#fff;-webkit-animation-name:Appear;animation-name:Appear;-webkit-animation-duration:2s;animation-duration:2s;position:absolute;left:0;right:0}.Banner_TextBox_SubText{margin-top:24px;font-size:48px;font-weight:200;display:flex;align-items:center}.Banner_ImageBox{display:flex;justify-content:center;width:100%}.Banner_ImageBox_Image{-webkit-filter:brightness(50%);filter:brightness(50%);height:100%;position:relative}.Banner_ArrowBox{-webkit-animation:appearAndDissappear 3s ease-in-out infinite;animation:appearAndDissappear 3s ease-in-out infinite;position:absolute;bottom:0;left:0;right:0;margin-left:auto;margin-right:auto;width:80px;display:flex;justify-content:center;transform-origin:center;transform-box:fill-box}.Banner_ArrowBox_Image{height:50px;width:50px;color:#fff}.Banner_TextBox_SubText_ContactButton{color:"white";background-color:#e31234;padding:10px 20px;border-radius:4px;font-size:24px;margin-left:35px;font-weight:400;cursor:pointer;box-shadow:0 2px 10px 0 rgba(0,0,0,.43);transition:all .2s ease-in-out}.Banner_TextBox_SubText_ContactButton:hover{transform:scale(1.05)}@media only screen and (max-width:1400px){.Banner_TextBox{font-size:80px}}@media only screen and (max-width:800px){.Banner_ArrowBox{display:none}.Banner_TextBox{font-size:55px}.Banner_TextBox_SubText{font-size:30px}.Banner_TextBox_SubText_ContactButton{font-size:20px;margin-left:25px;border-radius:4px}}@media only screen and (max-width:500px),screen and (max-height:500px){.Banner_TextBox{font-size:32px;margin:0;width:calc(100% - 96px)}.Banner_TextBox_SubText{font-size:20px;margin-top:12px}.Banner_TextBox_SubText_ContactButton{padding:5px 10px;font-size:12px;margin-left:15px;border-radius:2px}.Banner_ArrowBox{width:50px}.Banner_ArrowBox_Image{width:20px;height:20px}}.ContactForm{display:grid;flex-direction:row;grid-column-gap:40px;grid-template-columns:70% auto}.ContactForm_Label{font-weight:700;font-size:18px;display:block;margin-bottom:8px;width:100%}.ContactForm_Input{width:calc(100% - 24px);padding:12px;margin-bottom:24px;border:none;font-size:16px;box-shadow:0 2px 5px 0 rgba(0,0,0,.43)}.ContactForm_Input:focus{outline-width:0}.ContactForm_Button{border:none;color:#fff;background-color:#e31234;padding:14px;border-radius:4px;font-size:16px;cursor:pointer;font-weight:700;box-shadow:0 2px 5px 0 rgba(0,0,0,.43);transition:all .2s ease-in-out;width:100%}.ContactForm_Button:focus{outline-width:0}.ContactForm_Button:hover{transform:scale(1.02)}.ThanksTitle{font-size:64px;margin-bottom:32px}.ThanksSubTitle,.ThanksTitle{text-align:center;font-weight:300}.ThanksSubTitle{font-size:24px}.ContactBox{border-left:1px solid #627d98;padding-left:40px}.ContactBox_Div{font-size:14px;display:flex;align-items:center}.ContactBox_Div_Image{height:30px;width:30px;margin-right:16px}.ContactBox_Grid{margin-top:36px;display:grid;grid-template-columns:100%;grid-row-gap:30px}@media only screen and (max-width:1400px){.ContactForm{grid-template-columns:50% auto}}@media only screen and (max-width:800px){.ContactForm{grid-template-columns:100%}.ContactBox{border-left:none;border-top:1px solid #627d98;padding-top:36px;padding-left:0}.ThanksTitle{margin-top:80px;font-size:48px;margin-bottom:16px}.ThanksSubTitle{margin-bottom:16px;font-size:16px}.ContactForm_Button{margin-bottom:36px}.ContactForm_Label{font-size:16px}}@media only screen and (max-width:500px){.ContactForm_Input{font-size:12px}}.PrimaryBox{background-color:#e31234;color:#fff;overflow:hidden}.PrimaryBoxGrid{display:flex;align-items:center;justify-content:space-between}.PrimaryText{font-size:22px}.PrimaryBoxGrid_Text{display:flex;justify-content:center;flex-direction:column}.PrimaryBoxGrid_Image{display:flex;justify-content:flex-start;width:371.68px;height:350px;align-items:center;margin-left:120px}.PrimarySubTitle{font-weight:700}.SecondaryBox{background-color:#f7f7f7}.SecondarySubTitle{font-weight:700;color:#e31234}.TertiaryBox{background-color:#f2f2f3}.ExperienceGrid{display:grid;grid-template-columns:repeat(2,calc(50% - 20px));grid-column-gap:40px;grid-row-gap:40px}.GridBottomMargin{margin-bottom:120px}.SkillsGrid{display:grid;grid-template-columns:repeat(4,calc(25% - 30px));grid-column-gap:40px;grid-row-gap:100px}#Line1,#Line2{-webkit-animation:appearAndDissappear 2s ease-in-out infinite;animation:appearAndDissappear 2s ease-in-out infinite;transform-origin:center;transform-box:fill-box}#Line2{-webkit-animation-delay:.5s;animation-delay:.5s}#Line3{-webkit-animation:appearAndDissappear 2s ease-in-out infinite;animation:appearAndDissappear 2s ease-in-out infinite;-webkit-animation-delay:1s;animation-delay:1s}#Line3,#Line4{transform-origin:center;transform-box:fill-box}#Line4{-webkit-animation:appearAndDissappear 2s ease-in-out infinite;animation:appearAndDissappear 2s ease-in-out infinite;-webkit-animation-delay:1.5s;animation-delay:1.5s}@media only screen and (max-width:1000px){.PrimaryBoxGrid{flex-direction:column}.PrimaryBoxGrid_Image{margin-left:0}.PrimaryBoxGrid_Text{margin-bottom:80px}.SkillsGrid{display:grid;grid-template-columns:repeat(2,calc(50% - 20px));grid-column-gap:40px;grid-row-gap:40px}}@media only screen and (max-width:800px){.PrimaryText{font-size:18px}.GridBottomMargin{margin-bottom:80px}.PrimaryBoxGrid_Image{justify-content:center}.PrimaryBoxGrid_Text{margin-bottom:60px}}@media only screen and (max-width:500px){.ExperienceGrid,.SkillsGrid{grid-template-columns:repeat(1,100%);grid-row-gap:20px}.PrimaryText{font-size:16px}.GridBottomMargin{margin-bottom:36px}.PrimaryBoxGrid_Image{display:flex;justify-content:center;height:250px;width:265.48px}.PrimaryBoxGrid_Text{margin-bottom:40px}}#Left-Plant,#Right-Plant{-webkit-animation:wiggle 3s ease-in-out infinite alternate;animation:wiggle 3s ease-in-out infinite alternate;transform-origin:bottom;transform-box:fill-box}#Hair,#HiarBack{-webkit-animation:hairBreeze 3s ease-in-out infinite alternate;animation:hairBreeze 3s ease-in-out infinite alternate;transform-origin:center;transform-box:fill-box}#Foot{-webkit-animation:foot .5s ease-in-out infinite alternate;animation:foot .5s ease-in-out infinite alternate}#Foot,#Girl{transform-origin:bottom;transform-box:fill-box}#Girl{-webkit-animation:bounce 1s ease-in-out;animation:bounce 1s ease-in-out}#Zero{-webkit-animation:zeroBounce 1s ease-in-out;animation:zeroBounce 1s ease-in-out;transform-origin:bottom;transform-box:fill-box}.ErrorBox_Image{margin-bottom:64px;height:auto;width:650px;height:353.44px}.ErrorBox,.ErrorBox_Image{display:flex;align-items:center;justify-content:center}.ErrorBox{flex-direction:column;height:calc(100% - 216px);max-height:800px;min-height:400px}.ErrorBox_Title{text-align:center;font-size:40px;margin-bottom:24px}.ErrorBox_SubTitle{text-align:center;font-weight:300;font-size:24px}@media only screen and (max-width:800px){.ErrorBox_Image{margin-bottom:32px;width:400px;height:217.5px}}@media only screen and (max-width:500px){.ErrorBox_Image{width:250px;height:135.94px}.ErrorBox_Title{font-size:20px;margin-bottom:14px}.ErrorBox_SubTitle{font-size:14px}}.DescriptionBox{margin-bottom:32px}.BottomBox{display:flex;align-items:center;justify-content:space-between}.PreviewBox{align-items:flex-end;display:flex;flex-direction:column;margin-bottom:15px;transition:all .2s ease-in-out;background-color:#e31234;box-shadow:0 2px 5px 0 rgba(0,0,0,.43)}.PreviewBoxUp{border-radius:4px}.PreviewBox_Img{height:20px;width:20px;margin:5px;padding:5px;transition:all .2s ease-in-out;cursor:pointer;color:#fff;display:flex;align-items:center;justify-content:center}.PreviewBox_ImgUp{transform:rotate(0deg)}.PreviewBox_Text{color:#000;background-color:#fff;padding:10px;height:auto;margin-top:40px;position:absolute;border-radius:4px 0 4px 4px;box-shadow:0 2px 5px 0 rgba(0,0,0,.43)}.BottomBox_GithubBox{transition:all .2s ease;height:50px;width:50px;margin-left:16px}.BottomBox_GithubBox:hover{transform:scale(1.1)}.BottomBox_GithubBox_Image{height:50px;width:auto}.PreviewBoxDown{border-radius:4px 4px 0 0}.PreviewBox_ImgDown{transform:rotate(180deg)}@media only screen and (max-width:800px){.DescriptionBox{margin-bottom:16px}.PreviewBox{margin-bottom:10px}}@media only screen and (max-width:500px){.PreviewBox_Text{padding:10px;margin-top:29px}.BottomBox_GithubBox{height:40px;width:40px}.BottomBox_GithubBox_Image{height:40px}.PreviewBox_Img{height:25px;margin:2px}}.BannerProjects{height:400px;width:100%;display:flex;align-items:center;overflow:hidden;z-index:0;transition-timing-function:ease;background-color:#000}.BannerProjects_Image{-webkit-filter:brightness(50%);filter:brightness(50%);width:110%;height:auto;position:relative}.BannerProjects_Title{font-size:100px;color:#fff;-webkit-animation-name:Appear;animation-name:Appear;-webkit-animation-duration:1.5s;animation-duration:1.5s;position:absolute;left:0;right:0}@media only screen and (max-width:1400px){.BannerProjects_Title{font-size:80px}}@media only screen and (max-width:800px){.BannerProjects_Title{font-size:60px}.BannerProjects{height:300px}}@media only screen and (max-width:500px){.BannerProjects_Title{font-size:32px}.BannerProjects{height:200px}}.Project{background-color:#fff;height:auto;display:flex;text-decoration:none;overflow:hidden;box-shadow:0 2px 10px 0 rgba(0,0,0,.43);border-radius:4px;transition:all .2s ease-in-out}.Project:hover{transform:scale(1.05)}.Project_TextBox{padding:20px;color:#000;align-self:center;width:calc(100% - 140px);height:calc(100% - 40px)}.Project_TextBox_Title{text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:8px}.Project_TextBox_Description{font-size:14px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}@media only screen and (max-width:800px){.Project_TextBox_Description{font-size:12px}}@media only screen and (max-width:500px){.Project_TextBox{padding:10px;width:calc(100% - 100px);height:calc(100% - 20px)}}.ProjectHighlightBoxColor{background-color:#f2f2f3}.ProjectHighlightBox{display:flex;flex-direction:row;justify-content:space-between;align-items:center}.ProjectHighlightBox_Project{margin-left:80px;max-width:600px}.ProjectHighlightBox_Title{font-size:32px;font-weight:700}.ProjectsGrid{display:grid;grid-template-columns:repeat(3,calc(33.33333% - 26.66667px));grid-column-gap:40px;grid-row-gap:40px}@media only screen and (max-width:1400px){.ProjectsGrid{grid-template-columns:repeat(2,calc(50% - 20px))}}@media only screen and (max-width:800px){.ProjectsGrid{grid-row-gap:20px;grid-template-columns:repeat(1,100%)}.ProjectHighlightBox{flex-direction:column}.ProjectHighlightBox_Title{margin-bottom:20px}.ProjectHighlightBox_Project{margin-left:0;width:100%}}@media only screen and (max-width:500px){.ProjectHighlightBox_Title{font-size:22px}}.ScrollToTopBox{background-color:#e31234;color:#fff;padding:15px;position:fixed;right:0;bottom:0;margin:12px;height:30px;width:30px;cursor:pointer;box-shadow:0 2px 10px 0 rgba(0,0,0,.43);border-radius:4px}@media only screen and (max-width:500px),screen and (max-height:500px){.ScrollToTopBox{height:24px;width:24px;padding:8px}}@-webkit-keyframes Appear{0%{opacity:0}to{opacity:1}}@keyframes Appear{0%{opacity:0}to{opacity:1}}@-webkit-keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes rotate{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@-webkit-keyframes wiggle{0%{transform:rotate(0deg)}50%{transform:rotate(-3deg)}to{transform:rotate(0deg)}}@keyframes wiggle{0%{transform:rotate(0deg)}50%{transform:rotate(-3deg)}to{transform:rotate(0deg)}}@-webkit-keyframes hairBreeze{0%{transform:translateX(0)}50%{transform:translateX(-3%)}to{transform:translateX(0)}}@keyframes hairBreeze{0%{transform:translateX(0)}50%{transform:translateX(-3%)}to{transform:translateX(0)}}@-webkit-keyframes foot{40%,to{transform:rotate(0deg)}0%,40%{transform:rotate(-4deg)}}@keyframes foot{40%,to{transform:rotate(0deg)}0%,40%{transform:rotate(-4deg)}}@-webkit-keyframes bounce{0%,50%{transform:translatey(-80%)}50%,75%{transform:translateY(40%)}75%,to{transform:translateY(0)}}@keyframes bounce{0%,50%{transform:translatey(-80%)}50%,75%{transform:translateY(40%)}75%,to{transform:translateY(0)}}@-webkit-keyframes zeroBounce{25%,50%{transform:scaleX(1) scaleY(1)}50%,75%{transform:scaleX(1.2) scaleY(.8)}75%,to{transform:scaleX(1) scaleY(1)}}@keyframes zeroBounce{25%,50%{transform:scaleX(1) scaleY(1)}50%,75%{transform:scaleX(1.2) scaleY(.8)}75%,to{transform:scaleX(1) scaleY(1)}}@-webkit-keyframes appearAndDissappear{0%{opacity:0}50%{opacity:1}to{opacity:0}}@keyframes appearAndDissappear{0%{opacity:0}50%{opacity:1}to{opacity:0}}@-webkit-keyframes showNavbarBackground{0%{background-color:transparent}to{background-color:#e31234}}@keyframes showNavbarBackground{0%{background-color:transparent}to{background-color:#e31234}}@-webkit-keyframes removeNavbarBackground{0%{background-color:#e31234}to{background-color:transparent}}@keyframes removeNavbarBackground{0%{background-color:#e31234}to{background-color:transparent}}@font-face{font-family:"Roboto";src:local("Roboto Italic"),local("Roboto-Italic"),url(/static/media/Roboto-Italic.a720f17a.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Bold Italic"),local("Roboto-BoldItalic"),url(/static/media/Roboto-BoldItalic.5b44818d.ttf) format("truetype");font-weight:700;font-style:italic;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Bold"),local("Roboto-Bold"),url(/static/media/Roboto-Bold.e07df86c.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Black"),local("Roboto-Black"),url(/static/media/Roboto-Black.5ebb24ee.ttf) format("truetype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Black Italic"),local("Roboto-BlackItalic"),url(/static/media/Roboto-BlackItalic.99682a78.ttf) format("truetype");font-weight:900;font-style:italic;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Light"),local("Roboto-Light"),url(/static/media/Roboto-Light.88823c20.ttf) format("truetype");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Medium"),local("Roboto-Medium"),url(/static/media/Roboto-Medium.58aef543.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Light Italic"),local("Roboto-LightItalic"),url(/static/media/Roboto-LightItalic.a3ce4440.ttf) format("truetype");font-weight:300;font-style:italic;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto"),local("Roboto-Regular"),url(/static/media/Roboto-Regular.11eabca2.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Thin"),local("Roboto-Thin"),url(/static/media/Roboto-Thin.321de678.ttf) format("truetype");font-weight:100;font-style:normal;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Medium Italic"),local("Roboto-MediumItalic"),url(/static/media/Roboto-MediumItalic.cf23e1bb.ttf) format("truetype");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:"Roboto";src:local("Roboto Thin Italic"),local("Roboto-ThinItalic"),url(/static/media/Roboto-ThinItalic.35a9c89a.ttf) format("truetype");font-weight:100;font-style:italic;font-display:swap}body{font-size:16px;font-family:"Roboto";font-weight:400;margin:0 auto;line-height:1.6;background-color:#fffdfd}a{text-decoration:none;color:#000}h1{font-size:32px;margin:0 0 48px;text-align:center}h2{font-size:24px;margin:0 0 24px}h3{font-size:20px;margin:0 0 18px}ul{list-style:none;padding:0;margin:0}li{margin-bottom:4px}input,textarea{font-family:"Roboto"}.Container{max-width:1200px;margin:0 auto;padding:80px}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#888}::-webkit-scrollbar-thumb:hover{background:#555}@media only screen and (max-width:800px){h1{font-size:28px;margin:0 0 32px}h2{font-size:20px;margin:0 0 20px}h3{font-size:16px;margin:0 0 10px}.Container{padding:48px}}@media only screen and (max-width:500px){h1{font-size:20px;margin:0 0 18px;text-align:left}h2{font-size:16px;margin:0 0 14px}body{font-size:12px}.Container{padding:24px}}
/*# sourceMappingURL=main.9f735cb3.chunk.css.map */