*{cursor:default;scrollbar-width:none;overscroll-behavior:none}#margin{margin:0;padding:0}body{overscroll-behavior:none;scrollbar-width:none;overflow-y:auto}@media screen and (max-width:1350px),screen and (max-height:900px){body{width:100vw;overflow-x:hidden}}body::-webkit-scrollbar{display:none}@media screen and (max-width:860px){#App{height:max-content;display:block;position:relative}}.container{display:flex;overflow-y:auto}@media screen and (max-width:1350px),screen and (max-height:900px){.container{flex-direction:column;overflow-y:scroll}}.footerLanding{z-index:3;background:#1b1e2b;width:172px;height:100vh;display:flex;position:relative;top:0;right:0;box-shadow:0 0 5px #000}@media screen and (max-width:1350px),screen and (max-height:900px){.footerLanding{z-index:5;background:#1b1e2b;width:100%;height:70px;position:relative;top:0;bottom:0;left:0;box-shadow:0 0 5px #000}}.footerImprint{z-index:3;background:#1b1e2b;width:172px;height:100vh;display:none;position:fixed;top:0;right:0;box-shadow:0 0 5px #000}@media screen and (max-width:1350px),screen and (max-height:900px){.footerImprint{z-index:3;background:#1b1e2b;width:100%;height:70px;display:flex;position:fixed;top:auto;bottom:0;left:0;box-shadow:0 0 5px #000}}.footerDataPrivacy{z-index:3;background:#1b1e2b;width:172px;height:100vh;display:none;position:relative;top:0;right:0;box-shadow:0 0 5px #000}@media screen and (max-width:1350px),screen and (max-height:900px){.footerDataPrivacy{z-index:3;background:#1b1e2b;width:100%;height:70px;display:flex;position:relative;bottom:0;left:0;box-shadow:0 0 5px #000}}.headerLanding{z-index:1;width:100%;height:0;position:fixed;top:0;left:-172px}@media screen and (max-width:1350px),screen and (max-height:900px){.headerLanding{z-index:3;width:172px;height:100vh;position:fixed;top:0;left:-172px}}@media screen and (max-width:860px){.headerLanding{width:100vw;height:89px;position:relative;left:0}}.headerImprint{z-index:1;width:172px;height:100vh}@media screen and (max-width:1350px),screen and (max-height:900px){.headerImprint{width:100%;height:90px;display:flex}}@media screen and (max-width:800px){.headerImprint{height:80px}}.headerDataPrivacy{z-index:1;width:172px;height:100vh}@media screen and (max-width:1350px),screen and (max-height:900px){.headerDataPrivacy{z-index:3;width:172px;height:89px;display:flex}}@media screen and (max-width:800px){.headerDataPrivacy{height:80px}}.scrollable-content::-webkit-scrollbar{width:12px}.scrollable-content::-webkit-scrollbar-track{background:0 0;border-radius:6px}.scrollable-content::-webkit-scrollbar-thumb{background:#b78727;border-radius:6px}.scrollable-content::-webkit-scrollbar-thumb:hover{background:#b78727}.scrollable-content::-webkit-scrollbar-button{display:none}*{scrollbar-color:#b78727 #0000;font-weight:600}::-webkit-scrollbar{width:12px!important}::-webkit-scrollbar-button{display:none}button,a{cursor:pointer;font-family:Quantico}#section3Anchor{width:calc(100vw - 172px)!important;height:100vh!important;position:absolute!important;top:0!important;left:172px!important}@media screen and (max-width:1350px),screen and (max-height:900px){#section3Anchor{width:100%!important;height:100%!important;padding:0!important;top:-40px!important;left:0!important}}@media screen and (max-width:860px){#section3Anchor{top:-40px!important}}#section3Anchor2{position:absolute!important}#section4Anchor{width:calc(100vw - 172px)!important;height:100vh!important;position:absolute!important;top:0!important;left:172px!important}@media screen and (max-width:1350px),screen and (max-height:900px){#section4Anchor{width:100%!important;height:100%!important;padding:0!important;top:-80px!important;left:0!important}}@media screen and (max-width:860px){#section4Anchor{top:-40px!important}}#section5Anchor{position:absolute;width:calc(100vw - 172px)!important;height:100vh!important;top:0!important;left:0!important}@media screen and (max-width:1350px),screen and (max-height:900px){#section5Anchor{width:100%!important;height:100%!important;padding:0!important;top:-50px!important;left:0!important}}@media screen and (max-width:860px){#section5Anchor{top:-20px!important}}#section6Anchor{position:absolute;width:calc(100vw - 172px)!important;height:100vh!important;top:0!important;left:172px!important}@media screen and (max-width:1350px),screen and (max-height:900px){#section6Anchor{width:100%!important;height:100%!important;padding:0!important;top:-40px!important;left:0!important}}@media screen and (max-width:860px){#section6Anchor{top:-140px!important}}#section6Anchor2{width:50px;height:100vh;position:absolute;top:0;right:-172px}@media screen and (max-width:1350px),screen and (max-height:900px){#section6Anchor2{width:100%;height:50px;top:-100px;left:0;right:auto}.main{margin-top:90px}}@media screen and (max-width:860px){.main{margin-top:80px}}main{color:#fff;z-index:0;background:linear-gradient(88.66deg,#000 11.41%,#2c2b2b 22.29%,#0b0a0a 37.32%,#323232 58.54%,#0b0a0a 70.03%);width:max-content;height:100%;font-family:Quantico;display:flex;position:relative;top:0;left:0;box-shadow:0 0 5px #000}@media screen and (max-width:1350px),screen and (max-height:900px){main{color:#fff;z-index:2;background:linear-gradient(88.66deg,#000 31.41%,#2c2b2b 52.29%,#0b0a0a 87.32%);flex-direction:column;width:100vw;height:max-content;display:flex;position:relative;top:0;left:0;box-shadow:0 0 5px #000}}@media screen and (max-width:860px){main{width:100%}}#section1{z-index:4;align-items:center;gap:20px;font-family:Quantico;display:flex;position:fixed;top:20px;right:200px}@media screen and (max-width:1350px),screen and (max-height:900px){#section1{align-items:center;gap:20px;font-family:Quantico;display:flex;position:absolute;top:20px;right:20px;z-index:4!important}}@media screen and (max-width:860px){#section1{top:30px}}#section1>#LinkLogos{gap:5px;height:30px;display:flex}#section1>#LinkLogos>div{height:30px}#section1>#LinkLogos>div>img{width:30px;height:30px}#section1>#LinkLogos>#LinkLogo1{background-image:url(/desktopIMGs/MailGreyLogo.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:30px;height:30px}#section1>#LinkLogos>#LinkLogo1:hover{cursor:pointer;background-image:url(/californiaGoldImages/reduced_Mail2.webp)}#section1>#LinkLogos>#LinkLogo2{background-image:url(/desktopIMGs/IndeedGreyLogo.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:30px;height:30px}#section1>#LinkLogos>#LinkLogo2:hover{cursor:pointer;background-image:url(/californiaGoldImages/reduced_indeed.webp)}#section1>#LinkLogos>#LinkLogo3{background-image:url(/desktopIMGs/GitHubGrey.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:30px;height:30px}#section1>#LinkLogos>#LinkLogo3:hover{cursor:pointer;background-image:url(/californiaGoldImages/reduced_GitHub.webp)}#section1>#Languages{justify-content:center;align-items:center;font-size:26px;display:flex}#section1>#Languages>#EN{color:#b78727}#section1>#Languages>div:hover{cursor:pointer;color:#b78727}#section1>#Languages>#verticalLine{background-color:#b78727;width:3px;height:30px;margin:0 5px}#section1>#Languages>#EN:hover{color:#b79b64!important}#section1>#Languages>#DE:hover{color:#b7944c!important}.arrow{filter:drop-shadow(0 0 15px #000);transform:rotate(180deg)}@media screen and (max-width:860px){.arrow{width:fit-content;position:absolute;bottom:60px;transform:rotate(-270deg)}}#section2{background-image:url(/reduced_santorini-2408868.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100vw;height:100vh;font-family:Tourney;position:relative}@media screen and (max-width:1350px),screen and (max-height:900px){#section2{width:100%;height:calc(100vh - 90px);top:0}}@media screen and (max-width:800px){#section2{height:calc(100vh - 80px)}}#section2 #arrow2{filter:drop-shadow(0 0 1px #b9862d)!important}@media screen and (max-width:860px){#section2>#backgroundPicture{height:calc(100vh - 90px)!important}}#section2>#backgroundPicture>img{width:auto;height:calc(100% - 100px);position:absolute;bottom:0;right:0}@media screen and (max-width:1350px),screen and (max-height:900px){#section2>#backgroundPicture>img{object-fit:contain;width:100%;max-width:100%;height:auto;max-height:100%;position:absolute;bottom:0;right:0}}#section2>div{width:calc(100vw - 172px);height:100vh;position:relative;left:172px}@media screen and (max-width:1350px),screen and (max-height:900px){#section2>div{width:100%;height:calc(100vh - 90px);left:0}}@media screen and (max-width:860px){#section2>div{height:100vh}}#section2>div>div{width:100%;height:100vh;position:absolute;top:-100vh;left:0}#section2>#arrow2{z-index:3;cursor:pointer;background-image:url(/californiaGoldImages/reduced_arrowRight.webp);background-position:50%;background-repeat:no-repeat;width:120px;height:40px;position:absolute;top:50%;left:calc(100vw - 140px);transform:translateY(-50%)rotate(180deg)!important}@media screen and (max-width:1350px),screen and (max-height:900px){#section2>#arrow2{cursor:pointer;inset:auto 40px 95px auto;transform:rotate(-90deg)!important}}@media screen and (max-width:860px){#section2>#arrow2{display:none;top:calc(100vh - 160px)}}#section2>#arrow2:hover{filter:drop-shadow(0 0 .5px #b78727)}#section2>#arrow2>a{cursor:pointer;width:120px;height:40px;display:flex}#section2>#arrow2>a>img{cursor:pointer}#section2>#TitleSection2{text-shadow:0 0 15px #000;bottom:0;right:0;position:absolute!important}@media screen and (max-width:1350px),screen and (max-height:900px){#section2>#TitleSection2{flex-direction:column;justify-content:center;align-items:center;width:100%;height:calc(100vh - 90px);display:flex;top:0;bottom:0;right:0;position:absolute!important}}@media screen and (max-width:860px){#section2>#TitleSection2{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 90px);padding-bottom:0;display:flex}}#section2>#TitleSection2>div{position:absolute;width:100%!important;height:100vh!important;top:0!important;left:0!important}@media screen and (max-width:1350px),screen and (max-height:900px){#section2>#TitleSection2>div{position:relative;width:fit-content!important;height:fit-content!important;top:0!important;left:0!important}}@media screen and (max-width:860px){#section2>#TitleSection2>div{width:fit-content!important;height:fit-content!important;position:relative!important}}@media screen and (max-width:800px){#section2>#TitleSection2>div{height:fit-content!important}}#section2>#TitleSection2>div>#span1{color:#fff;font-family:Quantico;font-size:80px;font-weight:700;position:absolute;bottom:100px;left:5%}@media screen and (max-width:1350px),screen and (max-height:900px){#section2>#TitleSection2>div>#span1{position:relative;top:0;bottom:0;left:0}}@media screen and (max-width:860px){#section2>#TitleSection2>div>#span1{color:#fff;font-size:80px;position:relative;top:auto;bottom:0;right:0}}@media screen and (max-width:700px){#section2>#TitleSection2>div>#span1{font-size:68px}}@media screen and (max-width:650px){#section2>#TitleSection2>div>#span1{font-size:60px}}@media screen and (max-width:500px){#section2>#TitleSection2>div>#span1{font-size:52px}}@media screen and (max-width:400px){#section2>#TitleSection2>div>#span1{font-size:44px}}#section2>#TitleSection2>div>#span2{color:#fff;font-family:Quantico;font-size:48px;font-weight:700;position:absolute;bottom:40px;left:5%}@media screen and (max-width:1350px),screen and (max-height:900px){#section2>#TitleSection2>div>#span2{width:455px;height:70px;font-size:48px;position:relative;top:0;bottom:0;left:0}}@media screen and (max-width:860px){#section2>#TitleSection2>div>#span2{color:#fff;-webkit-text-stroke:0px #0000;text-stroke:none;border:none;font-size:38px;position:relative;top:auto;bottom:0;right:0}}@media screen and (max-width:700px){#section2>#TitleSection2>div>#span2{font-size:36px}}@media screen and (max-width:650px){#section2>#TitleSection2>div>#span2{font-size:34px}}@media screen and (max-width:500px){#section2>#TitleSection2>div>#span2{font-size:24px}}#europe{white-space:nowrap}#section3{width:100vw;max-width:1920px;height:100vh;position:relative;top:0}@media screen and (max-width:1350px),screen and (max-height:900px){#section3{justify-content:center;align-items:center;width:100%;height:fit-content;padding:150px 70px 60px;display:flex}}@media screen and (max-width:860px){#section3{width:100%;height:max-content;padding:0}}#section3>div{width:fit-content;height:36.8889%;position:absolute;top:33%;left:200px}@media screen and (max-width:1350px),screen and (max-height:900px){#section3>div{position:relative;top:auto;left:auto}}@media screen and (max-width:860px){#section3>div{width:100%;height:100%;padding:90px 0 0}}#section3>div>#WhyMeDE{color:#b78727;-webkit-text-stroke:1.6px #b78727;width:fit-content;height:64px;font-size:54px;font-weight:400;position:absolute;top:112px;left:50px;transform:rotate(270deg)}@media screen and (max-width:1350px),screen and (max-height:900px){#section3>div>#WhyMeDE{height:fit-content;top:105px;left:-193px}}#section3>div>#WhyMeDE>span{width:max-content;display:flex}@media screen and (max-width:860px){#section3>div>#WhyMeDE{margin-bottom:0;font-size:46px;position:relative;left:30px;transform:rotate(0);top:0!important}}@media screen and (max-width:700px){#section3>div>#WhyMeDE{font-size:42px}}@media screen and (max-width:600px){#section3>div>#WhyMeDE{font-size:38px}}#section3>div>#WhyMeEN{color:#b78727;-webkit-text-stroke:1.6px #b78727;width:fit-content;height:64px;font-size:54px;font-weight:400;position:absolute;top:88px;left:65px;transform:rotate(270deg)}@media screen and (max-width:1350px),screen and (max-height:900px){#section3>div>#WhyMeEN{height:fit-content;top:83px;left:-176px}}#section3>div>#WhyMeEN>span{width:max-content;display:flex}@media screen and (max-width:860px){#section3>div>#WhyMeEN{margin-bottom:0;font-size:46px;position:relative;left:30px;transform:rotate(0);top:0!important}}@media screen and (max-width:700px){#section3>div>#WhyMeEN{font-size:42px}}@media screen and (max-width:600px){#section3>div>#WhyMeEN{font-size:38px}}#section3>div>#AboutMe{width:fit-content;height:353px;position:relative;left:250px}@media screen and (max-width:1350px),screen and (max-height:900px){#section3>div>#AboutMe{left:0}}#section3>div>#AboutMe>#AboutMeText{width:622px;font-size:18px}@media screen and (max-width:860px){#section3>div>#AboutMe>#AboutMeText{text-align:left;width:100%;margin-bottom:30px;padding:0 30px}}@media screen and (max-width:600px){#section3>div>#AboutMe>#AboutMeText{margin-bottom:15px;font-size:17px}}@media screen and (max-width:400px){#section3>div>#AboutMe>#AboutMeText{font-size:16px}}@media screen and (max-width:860px){#section3>div>#AboutMe{flex-flow:wrap;justify-content:center;align-items:center;gap:60px;width:100%;height:max-content;position:relative;top:0}}#section3>div>#AboutMe>#Iam{color:#b78727;font-size:48px;font-weight:700;position:absolute;top:105px}@media screen and (max-width:1350px),screen and (max-height:900px){#section3>div>#AboutMe>#Iam{top:116px}}@media screen and (max-width:860px){#section3>div>#AboutMe>#Iam{width:100%;padding:0 30px;font-size:44px;position:relative;top:0}}@media screen and (max-width:700px){#section3>div>#AboutMe>#Iam{font-size:40px}}@media screen and (max-width:600px){#section3>div>#AboutMe>#Iam{font-size:36px}}@media screen and (max-width:500px){#section3>div>#AboutMe>#Iam{font-size:32px}}#section3>div>#AboutMe>#AboutMeSub{justify-content:space-around;align-items:flex-end;width:100%;height:96px;display:flex;position:absolute;top:180px;left:18px}@media screen and (max-width:1350px),screen and (max-height:900px){#section3>div>#AboutMe>#AboutMeSub{top:190px}}@media screen and (max-width:860px){#section3>div>#AboutMe>#AboutMeSub{flex-flow:wrap;justify-content:center;align-items:end;gap:15px;width:100%;height:max-content;margin-top:5px;position:relative;top:0;left:0}}@media screen and (max-width:583px){#section3>div>#AboutMe>#AboutMeSub{margin-top:20px}}#section3>div>#AboutMe>#AboutMeSub>div{margin:20px 20px 0}@media screen and (max-width:550px){#section3>div>#AboutMe>#AboutMeSub>div{margin:20px 0 0}}#section3>div>#AboutMe>#AboutMeSub>div>div{justify-content:center;display:flex;position:relative}@media screen and (max-width:860px){#section3>div>#AboutMe>#AboutMeSub>div>div{justify-content:center;width:127.567px;display:flex}}#section3>div>#AboutMe>#AboutMeSub>div>div>img{margin-bottom:10px}@media screen and (max-width:860px){#section3>div>#AboutMe>#AboutMeSub>div>div>img{right:0}}#section3>div>#AboutMe>#AboutMeSub>div>div>#Wifi{position:absolute;top:-19px;left:0;transform:rotate(0)}@media screen and (max-width:860px){#section3>div>#AboutMe>#AboutMeSub>div>div>#Wifi{left:30px}}@media screen and (max-width:400px){#section3>div>#AboutMe>#AboutMeSub>div>div>#Wifi{left:2px}}@media screen and (max-width:860px){#section3>div>#AboutMe>#AboutMeSub>div>div>#Remote{height:86.2px;position:relative;top:5px}#section3>div>#AboutMe>#AboutMeSub>div>div>#relocate{position:relative;right:3px}}@media screen and (max-width:400px){#section3>div>#AboutMe>#AboutMeSub>div>.sameWidth{width:71.7333px;margin:0 18px}}#section3>div>#AboutMe>#ContactButton{width:auto;height:auto;position:absolute;top:315px;right:50%;transform:translate(50%)}@media screen and (max-width:1350px),screen and (max-height:900px){#section3>div>#AboutMe>#ContactButton{top:335px;right:50%;transform:translate(50%)}}@media screen and (max-width:860px){#section3>div>#AboutMe>#ContactButton{width:fit-content;margin-top:50px;position:relative;top:0;left:50%!important;right:auto!important;transform:translate(-50%)!important}}#section3>div>#AboutMe>#ContactButton>button{text-align:center;white-space:nowrap;cursor:pointer;color:#252525;background:linear-gradient(160.33deg,#2b200b -20%,#b78727 50.78%,#2b200b 133.54%);border:1px solid #b78727;border-radius:30px;padding:12px 26px;font-size:18px;font-weight:700;box-shadow:0 0 3px #b78727}#section3>div>#AboutMe>#ContactButton>button:hover{background:linear-gradient(160.33deg,#2b200b -20%,#dca22f 50.78%,#2b200b 133.54%)}@media screen and (max-width:860px){#section3>div>#AboutMe>#ContactButton>button{font-size:17px}}@media screen and (max-width:600px){#section3>div>#AboutMe>#ContactButton>button{font-size:16px}}#section3>#arrow3{cursor:pointer;width:120px;height:40px;position:absolute;top:50%;left:auto;right:40px!important;transform:translateY(-50%)rotate(180deg)!important}#section3>#arrow3>a{cursor:pointer}#section3>#arrow3>a>img{cursor:pointer;width:120px;height:auto}#section3>#arrow3>a>img:hover{filter:drop-shadow(0 0 .5px #b78727)}@media screen and (max-width:1350px),screen and (max-height:900px){#section3>#arrow3{display:none;transform:rotate(90deg)}}@media screen and (max-width:860px){#section3>#arrow3{display:none}}#section4{width:100vw;max-width:1920px;height:100vh;position:relative}@media screen and (max-width:1350px),screen and (max-height:900px){#section4{justify-content:center;align-items:center;width:100%;height:fit-content;margin-bottom:70px;padding:120px 70px 0;display:flex}}@media screen and (max-width:860px){#section4{width:100%;height:calc(100% - 50px);margin:50px 0 0;padding:90px 30px 0}}#section4>#SkillSection{border-radius:35px;width:1037px;position:relative;top:26%;left:calc(6% + 172px)}@media screen and (max-width:1350px),screen and (max-height:900px){#section4>#SkillSection{width:fit-content;position:relative;top:auto;left:auto}}#section4>#SkillSection>#header{color:#b78727;-webkit-text-stroke:1.6px #b78727;font-size:54px;font-weight:400;position:absolute;top:140px;left:-195px;transform:rotate(270deg)}@media screen and (max-width:1350px),screen and (max-height:900px){#section4>#SkillSection>#header{top:128px;left:-205px}}@media screen and (max-width:1150px){#section4>#SkillSection>#header{font-size:54px;font-weight:400;position:absolute;top:-100px;left:0;transform:rotate(0)}}@media screen and (max-width:1100px){#section4>#SkillSection>#header{top:-100px;left:30px}}@media screen and (max-width:860px){#section4>#SkillSection>#header{width:100%;margin-bottom:5px;font-size:46px;position:relative;top:0!important;left:0!important}}@media screen and (max-width:820px){#section4>#SkillSection>#header{left:30px}}@media screen and (max-width:700px){#section4>#SkillSection>#header{font-size:42px}}@media screen and (max-width:600px){#section4>#SkillSection>#header{font-size:38px}}@media screen and (max-width:500px){#section4>#SkillSection>#header{font-size:34px}}#section4>#SkillSection>.headerDE{top:215px!important;left:-275px!important}@media screen and (max-width:1350px),screen and (max-height:900px){#section4>#SkillSection>.headerDE{top:200px!important;left:-280px!important}}@media screen and (max-width:1150px){#section4>#SkillSection>.headerDE{top:-75px!important;left:-5px!important}}@media screen and (max-width:1100px){#section4>#SkillSection>.headerDE{top:-100px!important;left:30px!important}}#section4>#SkillSection>#content{background-color:#1b1e2b;border-radius:35px;height:calc(100% - 110px);padding:50px 4px 50px 50px;font-size:18px;box-shadow:0 0 6px #101113}@media screen and (max-width:1350px),screen and (max-height:900px){#section4>#SkillSection>#content{box-shadow:none;background-color:#0000;border-radius:0;width:834px;padding:0}}@media screen and (max-width:1100px){#section4>#SkillSection>#content{width:100%}}@media screen and (max-width:860px){#section4>#SkillSection>#content{width:100%;padding:0}}@media screen and (max-width:600px){#section4>#SkillSection>#content{font-size:17px}}@media screen and (max-width:400px){#section4>#SkillSection>#content{font-size:16px}}#section4>#SkillSection>#content>.Text2{margin-top:40px}#section4>#SkillSection>#content>.contentText{text-align:left;width:calc(100% - 55px)}@media screen and (max-width:1350px),screen and (max-height:900px){#section4>#SkillSection>#content>.contentText{width:100%}}@media screen and (max-width:1200px){#section4>#SkillSection>#content>.contentText{width:100%}}@media screen and (max-width:1100px){#section4>#SkillSection>#content>.contentText{width:100%;padding-left:35px;position:relative;bottom:25px}}@media screen and (max-width:860px){#section4>#SkillSection>#content>.contentText{text-align:left;width:100%;padding:0 0 20px;bottom:0}}#section4>#SkillSection>div>#Skills{white-space:nowrap;flex-wrap:wrap;justify-content:space-between;width:971px;display:flex}@media screen and (max-width:1350px),screen and (max-height:900px){#section4>#SkillSection>div>#Skills{flex-wrap:wrap;justify-content:left;width:100%;padding:0;display:flex}}@media screen and (max-width:1150px){#section4>#SkillSection>div>#Skills{justify-content:center;padding:0}}@media screen and (max-width:860px){#section4>#SkillSection>div>#Skills{justify-content:left;width:100%;padding:0}}@media screen and (max-width:700px){#section4>#SkillSection>div>#Skills{justify-content:space-around}}#section4>#SkillSection>div>#Skills>.SkillWithTitle{width:97px;margin-top:42px;margin-right:42px}@media screen and (max-width:1100px){#section4>#SkillSection>div>#Skills>.SkillWithTitle{justify-content:center;width:111px;max-height:85px;margin-top:20px;margin-right:0;display:flex}#section4>#SkillSection>div>#Skills>.SkillWithTitle>div{align-items:center;display:flex}#section4>#SkillSection>div>#Skills>.SkillWithTitle>div>img{width:60px;height:60px}}#section4>#SkillSection>div>#Skills>.SkillWithoutTitle{color:#d3d0d0;flex-direction:column;align-items:center;width:97px;margin-top:42px;margin-right:42px;font-size:19px;font-weight:400;display:flex;position:relative;bottom:1px}@media screen and (max-width:1100px){#section4>#SkillSection>div>#Skills>.SkillWithoutTitle{color:#d3d0d0;flex-direction:column;align-items:center;width:97px;margin:20px 7px 0;font-size:12px;font-weight:400;display:flex}}@media screen and (max-width:700px){#section4>#SkillSection>div>#Skills>.SkillWithoutTitle{width:60px}}#section4>#SkillSection>div>#Skills>.SkillWithoutTitle>div>img{width:60px;height:60px}@media screen and (max-width:1100px){#section4>#SkillSection>div>#Skills>.SkillWithoutTitle>div>img{width:40px;height:40px}#section4>#SkillSection>div>#Skills>.SkillWithoutTitle>div>#Bootstrap{width:50px!important}#section4>#SkillSection>div>#Skills>.SkillWithoutTitle>div>#challenge{width:77px!important}}#section4>#SkillSection>div>#Skills>#textField{flex:1;max-width:202px;padding:40px 67px 40px 37px}@media screen and (max-width:1200px){#section4>#SkillSection>div>#Skills>#textField{padding:40px 46px 40px 30px}}@media screen and (max-width:1100px){#section4>#SkillSection>div>#Skills>#textField{width:calc(100% - 76px);max-width:350px;padding:24px 46px 0 30px}}@media screen and (max-width:483px){#section4>#SkillSection>div>#Skills>#textField{text-align:justify;flex:none;max-width:200px;padding:20px 30px 0 0}}@media screen and (max-width:372px){#section4>#SkillSection>div>#Skills>#textField{flex:none;width:100%;padding:20px 25px 0 40px}}#section4>#arrow4{cursor:pointer;position:absolute;top:50%;right:25px;transform:translateY(-50%)rotate(180deg)}@media screen and (max-width:1350px),screen and (max-height:900px){#section4>#arrow4{display:none;top:auto;bottom:0;transform:rotate(90deg)}}#section4>#arrow4>a{cursor:pointer}#section4>#arrow4>a>img{cursor:pointer;cursor:pointer;width:120px;height:auto}#section4>#arrow4>a>img:hover{filter:drop-shadow(0 0 .5px #b78727)}@media screen and (max-width:860px){#section4>#arrow4{display:none}}.Gap1{min-height:235px}@media screen and (max-height:860px){.Gap1{min-height:0!important}#Title{margin-bottom:10px}}#section5{align-items:center;height:100vh;display:flex;position:relative}@media screen and (max-width:1350px),screen and (max-height:900px){#section5{flex-direction:column;align-items:center;height:max-content;padding:140px 40px 0}}@media screen and (min-width:1350px) and (max-height:900px){#section5{align-items:center}}@media screen and (max-width:860px){#section5{padding:150px 40px 0}}@media screen and (max-width:450px){#section5{padding:150px 25px 0}}#section5>#Project1{margin-left:180px}@media screen and (max-width:1350px),screen and (max-height:900px){#section5>#Project1{margin-left:0}}#section5>.Project{background:#1b1e2b73;border-radius:35px;width:985px;height:740px;margin-right:40px;padding:50px 20px 0;position:relative;top:0;box-shadow:0 0 1px #000}@media screen and (max-height:900px){#section5>.Project{top:0}}@media screen and (max-width:1350px),screen and (max-height:900px){#section5>.Project{width:100%;height:fit-content;margin-bottom:50px;margin-right:0;padding:30px 0}}@media screen and (max-width:950px){#section5>.Project{width:860px}}@media screen and (max-width:860px){#section5>.Project{flex-direction:column;align-items:center;width:100%;height:max-content;padding:10px 30px 20px;display:flex}}@media screen and (max-width:400px){#section5>.Project{padding:10px 17px 11px}}#section5>.Project>#SectionTitleDe{color:#b78727;-webkit-text-stroke:1.6px #b78727;font-size:54px;font-weight:400;position:absolute;left:-200px;transform:rotate(270deg);top:140px!important}@media screen and (max-width:1350px),screen and (max-height:900px){#section5>.Project>#SectionTitleDe{width:fit-content;position:absolute;transform:rotate(0);top:-90px!important;left:40px!important}}@media screen and (max-width:860px){#section5>.Project>#SectionTitleDe{text-align:start;width:100%;padding:0 30px;font-size:46px;top:-65px!important;left:0!important}}@media screen and (max-width:700px){#section5>.Project>#SectionTitleDe{font-size:42px}}@media screen and (max-width:600px){#section5>.Project>#SectionTitleDe{font-size:38px}}@media screen and (max-width:500px){#section5>.Project>#SectionTitleDe{font-size:34px}}#section5>.Project>#SectionTitleEn{color:#b78727;-webkit-text-stroke:1.6px #b78727;font-size:54px;font-weight:400;position:absolute;top:calc(20% - 60px);left:-150px;transform:rotate(270deg)}@media screen and (max-width:1350px),screen and (max-height:900px){#section5>.Project>#SectionTitleEn{width:fit-content;transform:rotate(0);top:-75px!important;left:40px!important}}@media screen and (max-width:950px){#section5>.Project>#SectionTitleEn{width:776px;position:absolute;left:0;transform:rotate(0);top:-65px!important}}@media screen and (max-width:860px){#section5>.Project>#SectionTitleEn{text-align:start;width:calc(100% - 60px);padding:0 30px;font-size:46px;left:0!important}}@media screen and (max-width:700px){#section5>.Project>#SectionTitleEn{font-size:42px}}@media screen and (max-width:600px){#section5>.Project>#SectionTitleEn{font-size:38px}}@media screen and (max-width:500px){#section5>.Project>#SectionTitleEn{font-size:34px}}#section5>.Project>.show{color:#b78727;display:flex;position:absolute}#section5>.Project>.show:hover{color:#fff}@media screen and (max-width:860px){#section5>.Project>.show{justify-content:space-between;align-items:center;gap:10px;height:80px;font-size:21px;position:relative;bottom:0}}@media screen and (max-width:700px){#section5>.Project>.show{font-size:20px}}@media screen and (max-width:600px){#section5>.Project>.show{font-size:19px}}@media screen and (max-width:400px){#section5>.Project>.show{font-size:18px}}#section5>.Project>.show>div{height:22.4px}#section5>.Project>.show>div>img{height:10px;position:relative;top:-1px;left:0}#section5>.Project>.ProjectTitle{align-items:center;width:780px;display:flex;position:relative;left:37px}@media screen and (max-width:860px){#section5>.Project>.ProjectTitle{justify-content:start;width:100%;margin:25px 0 35px;left:0}}@media screen and (max-width:500px){#section5>.Project>.ProjectTitle{margin:20px 0 25px}}#section5>.Project>.ProjectTitle>.TitleNumber{color:#b78727;-webkit-text-stroke:1.6px #b78727;font-size:80px;line-height:80px}@media screen and (max-width:860px){#section5>.Project>.ProjectTitle>.TitleNumber{font-size:54px}}@media screen and (max-width:640px){#section5>.Project>.ProjectTitle>.TitleNumber{font-size:50px}}@media screen and (max-width:560px){#section5>.Project>.ProjectTitle>.TitleNumber{font-size:46px}}@media screen and (max-width:500px){#section5>.Project>.ProjectTitle>.TitleNumber{font-size:42px}}@media screen and (max-width:400px){#section5>.Project>.ProjectTitle>.TitleNumber{font-size:38px}}#section5>.Project>.ProjectTitle>.ProjectTitleText{color:#b78727;white-space:normal;margin-left:20px;font-size:54px;font-weight:600}@media screen and (max-width:860px){#section5>.Project>.ProjectTitle>.ProjectTitleText{font-size:40px}}@media screen and (max-width:640px){#section5>.Project>.ProjectTitle>.ProjectTitleText{font-size:36px}}@media screen and (max-width:560px){#section5>.Project>.ProjectTitle>.ProjectTitleText{font-size:32px}}@media screen and (max-width:500px){#section5>.Project>.ProjectTitle>.ProjectTitleText{font-size:28px}}@media screen and (max-width:450px){#section5>.Project>.ProjectTitle>.ProjectTitleText{white-space:pre-wrap;font-size:28px}}#section5>.Project>.ProjectContent{margin-bottom:40px;padding:0 40px;position:relative;overflow:visible}@media screen and (max-width:860px){#section5>.Project>.ProjectContent{flex-direction:column;align-items:center;width:100%;height:calc(100% - 165px);margin-bottom:0;padding:0;display:flex}#section5>.Project>.ProjectContent>div>.ProjectTextContainer{width:100%;min-height:auto;position:relative;bottom:0;right:0}}#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerTitle{align-items:center;display:flex}#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerTitle>.pointPicture{margin:20px 10px 10px 74px}@media screen and (max-width:950px){#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerTitle>.pointPicture{margin:20px 10px 10px}}#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerTitle>div{margin-top:10px}#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerTitle>div>.ProjectHeader2{font-size:21px}#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText1{width:370px;margin-left:98px;font-size:18px}@media screen and (max-width:950px){#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText1{margin-left:33px}}@media screen and (max-width:860px){#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText1{text-align:left;width:calc(100% - 66px)}}@media screen and (max-width:600px){#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText1{font-size:17px}}@media screen and (max-width:400px){#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText1{font-size:16px}}#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText2{width:calc(100% - 102px);margin-left:98px;font-size:18px}@media screen and (max-width:950px){#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText2{margin-left:33px}}@media screen and (max-width:860px){#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText2{text-align:left;width:calc(100% - 66px);margin-bottom:0}}@media screen and (max-width:600px){#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText2{font-size:17px}}@media screen and (max-width:400px){#section5>.Project>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText2{font-size:16px}}#section5>.Project>.ProjectContent>.ProjectContainer{position:absolute;top:20px;right:40px}@media screen and (max-width:860px){#section5>.Project>.ProjectContent>.ProjectContainer{justify-content:center;width:100%;display:flex;position:static;top:0;right:0}#section5>.Project>.ProjectContent>.ProjectContainer>div{justify-content:center;width:100%;padding:0;display:flex}}#section5>.Project>.ProjectContent>.ProjectContainer>div>img{border-radius:30px;width:337px;height:230px;margin-bottom:15px;box-shadow:0 0 5px #000}@media screen and (max-width:860px){#section5>.Project>.ProjectContent>.ProjectContainer>div>img{width:100%;height:auto;margin-bottom:30px}}#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea{justify-content:space-evenly;margin-top:15px;display:flex}@media screen and (max-width:1350px),screen and (max-height:900px){#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea{margin-top:5px}}@media screen and (max-width:860px){#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea{justify-content:center;gap:60px;margin-top:10px;display:flex;position:relative;top:405px}}#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea>.GitHubButton{color:#b78727;cursor:pointer;text-align:center;background:0 0;border:1px solid #b78727;border-radius:30px;padding:13px 30px;font-size:18px;font-weight:700;text-decoration:none;box-shadow:0 0 5px}@media screen and (max-width:860px){#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea>.GitHubButton{width:130px;margin-right:20px;padding:13px 15px}}#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea>.GitHubButton:hover{background:linear-gradient(160.33deg,#2b200b33 -20%,#b7872733 50.78%,#2b200b33 133.54%)}#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea>.LiveTestButton{white-space:nowrap;color:#252525;cursor:pointer;text-align:center;background:linear-gradient(160.33deg,#2b200b -20%,#b78727 50.78%,#2b200b 133.54%);border:1px solid #b78727;border-radius:30px;padding:13px 30px;font-size:18px;font-weight:700;text-decoration:none;box-shadow:0 0 5px}@media screen and (max-width:860px){#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea>.LiveTestButton{width:130px;margin-left:20px;padding:13px 15px}}#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea>.LiveTestButton:hover{background:linear-gradient(160.33deg,#2b200b -20%,#dca22f 50.78%,#2b200b 133.54%)}#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea>#GitHubButton4{cursor:pointer}#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea>#GitHubButton5{cursor:not-allowed}#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea>#LiveTestButton4{cursor:pointer}#section5>.Project>.ProjectContent>.ProjectContainer>.ButtonArea>#LiveTestButton5{cursor:not-allowed}#section5>.ProjectDe{background:#1b1e2b73;border-radius:30px;width:919px;height:680px;margin-right:40px;position:relative;top:0;box-shadow:0 0 1px #000}@media screen and (max-width:1350px),screen and (max-height:900px){#section5>.ProjectDe{margin-bottom:50px;margin-right:0}}@media screen and (max-width:950px){#section5>.ProjectDe{width:860px}}@media screen and (max-width:860px){#section5>.ProjectDe{flex-direction:column;align-items:center;width:100%;height:max-content;display:flex}}#section5>.ProjectDe>.show{color:#b78727;display:flex;position:absolute}@media screen and (max-width:860px){#section5>.ProjectDe>.show{position:relative;bottom:0}}#section5>.ProjectDe>.show>img{height:10px;position:relative;top:-2px;left:5px}@media screen and (max-width:640px){#section5>.ProjectDe>#show4{bottom:10px!important}}#section5>.ProjectDe>.ProjectTitle{align-items:center;width:780px;padding-bottom:10px;display:flex;position:relative;left:37px}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectTitle{width:calc(100% - 60px);margin:20px 0;left:0}}#section5>.ProjectDe>.ProjectTitle>.TitleNumber{color:#0000;-webkit-text-stroke:1.6px #b78727;font-size:80px;line-height:80px}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectTitle>.TitleNumber{font-size:54px}}@media screen and (max-width:640px){#section5>.ProjectDe>.ProjectTitle>.TitleNumber{font-size:50px}}@media screen and (max-width:560px){#section5>.ProjectDe>.ProjectTitle>.TitleNumber{font-size:46px}}@media screen and (max-width:500px){#section5>.ProjectDe>.ProjectTitle>.TitleNumber{font-size:42px}}@media screen and (max-width:400px){#section5>.ProjectDe>.ProjectTitle>.TitleNumber{font-size:38px}}#section5>.ProjectDe>.ProjectTitle>.ProjectTitleText{color:#b78727;white-space:nowrap;margin-left:20px;font-size:54px}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectTitle>.ProjectTitleText{font-size:40px}}@media screen and (max-width:640px){#section5>.ProjectDe>.ProjectTitle>.ProjectTitleText{font-size:36px}}@media screen and (max-width:560px){#section5>.ProjectDe>.ProjectTitle>.ProjectTitleText{font-size:32px}}@media screen and (max-width:500px){#section5>.ProjectDe>.ProjectTitle>.ProjectTitleText{font-size:28px}}@media screen and (max-width:450px){#section5>.ProjectDe>.ProjectTitle>.ProjectTitleText{white-space:pre-wrap;font-size:28px}}#section5>.ProjectDe>.ProjectContent{margin-bottom:40px;padding:0 40px;position:relative;overflow:visible}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectContent{flex-direction:column;align-items:center;width:calc(100% - 60px);height:calc(100% - 165px);margin-bottom:0;padding:0;display:flex}#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer{width:100%;position:relative;bottom:0;right:0}}#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerTitle{align-items:center;display:flex}#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerTitle>.pointPicture{margin:20px 10px 10px 74px}@media screen and (max-width:950px){#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerTitle>.pointPicture{margin:20px 10px 10px}}#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerTitle>div{margin-top:10px}#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText1{width:360px;margin-left:98px}@media screen and (max-width:950px){#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText1{margin-left:33px}}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText1{text-align:justify;width:calc(100% - 66px)}}#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText2{width:calc(100% - 102px);margin-left:98px}@media screen and (max-width:950px){#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText2{margin-left:33px}}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectContent>div>.ProjectTextContainer>.ProjectTextContainerText2{text-align:justify;width:calc(100% - 66px);margin-bottom:40px}}#section5>.ProjectDe>.ProjectContent>.ProjectContainer{position:absolute;top:20px;right:40px}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectContent>.ProjectContainer{width:100%;position:static;top:0;right:0}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>div{width:100%}}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>div>img{border-radius:30px;width:337px;height:203px;box-shadow:0 0 5px #000}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectContent>.ProjectContainer>div>img{width:100%;height:auto}}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea{justify-content:space-evenly;margin-top:10px;display:flex}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea{justify-content:space-evenly;margin-top:10px;display:flex;position:relative;top:405px}}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea>.GitHubButton{color:#b78727;cursor:pointer;background:0 0;border:1px solid #b78727;border-radius:30px;padding:13px 30px;font-size:16px;font-weight:700;box-shadow:0 0 5px}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea>.GitHubButton{width:105px;margin-right:5px;padding:13px 15px}}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea>.GitHubButton:hover{background:linear-gradient(160.33deg,#2b200b33 -20%,#b7872733 50.78%,#2b200b33 133.54%)}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea>.LiveTestButton{color:#252525;cursor:pointer;background:linear-gradient(160.33deg,#2b200b -20%,#b78727 50.78%,#2b200b 133.54%);border:1px solid #b78727;border-radius:30px;padding:13px 30px;font-size:16px;font-weight:700;box-shadow:0 0 5px}@media screen and (max-width:860px){#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea>.LiveTestButton{width:105px;margin-left:5px;padding:13px 15px}}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea>.LiveTestButton:hover{background:linear-gradient(160.33deg,#2b200b -20%,#dca22f 50.78%,#2b200b 133.54%)}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea>#GitHubButton4{cursor:pointer}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea>#GitHubButton5{cursor:not-allowed}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea>#LiveTestButton4{cursor:pointer}#section5>.ProjectDe>.ProjectContent>.ProjectContainer>.ButtonArea>#LiveTestButton5{cursor:not-allowed}#section5>#Section5Sub5{width:500px;height:630px;padding-top:50px;font-weight:600;position:relative;top:0}@media screen and (max-height:860px){#section5>#Section5Sub5>#Title{margin-bottom:10px}}#section5>#Section5Sub5>div>span{font-size:18px}@media screen and (max-width:1350px),screen and (max-height:900px){#section5>#Section5Sub5{width:837px;height:max-content;margin-bottom:70px;position:relative;top:30px}}@media screen and (max-width:860px){#section5>#Section5Sub5{text-align:left;width:100%;height:max-content;margin-bottom:50px;padding-top:0;padding-left:30px;padding-right:30px}}#section5>#Section5Sub5>div{align-items:center;margin-bottom:25px;display:flex}#section5>#Section5Sub5>div>.TitleNumber2{color:#b78727;-webkit-text-stroke:1.6px #b78727;margin-right:20px;font-size:80px;font-weight:700;line-height:80px}@media screen and (max-width:860px){#section5>#Section5Sub5>div>.TitleNumber2{font-size:54px}}@media screen and (max-width:640px){#section5>#Section5Sub5>div>.TitleNumber2{font-size:50px;line-height:50px}}@media screen and (max-width:560px){#section5>#Section5Sub5>div>.TitleNumber2{font-size:46px;line-height:46px}}@media screen and (max-width:500px){#section5>#Section5Sub5>div>.TitleNumber2{font-size:42px;line-height:42px}}@media screen and (max-width:400px){#section5>#Section5Sub5>div>.TitleNumber2{font-size:38px;line-height:38px}}#section5>#Section5Sub5>div>.ProjectTitleText{color:#b78727;font-size:54px;position:relative;bottom:0}@media screen and (max-width:860px){#section5>#Section5Sub5>div>.ProjectTitleText{font-size:40px}}@media screen and (max-width:640px){#section5>#Section5Sub5>div>.ProjectTitleText{font-size:36px}}@media screen and (max-width:560px){#section5>#Section5Sub5>div>.ProjectTitleText{font-size:32px}}@media screen and (max-width:500px){#section5>#Section5Sub5>div>.ProjectTitleText{font-size:28px}}@media screen and (max-width:450px){#section5>#Section5Sub5>div>.ProjectTitleText{white-space:pre-wrap;font-size:28px}}#section5>#Section5Sub5>#ButtonArea2{justify-content:center;display:flex}#section5>#Section5Sub5>#ButtonArea2>a>button{color:#252525;background:linear-gradient(160.33deg,#2b200b -20%,#b78727 50.78%,#2b200b 133.54%);border:1px solid #b78727;border-radius:30px;margin-top:20px;padding:11px 30px;font-family:Quantico;font-size:21px;font-weight:700;box-shadow:0 0 3px #b78727}#section5>#Section5Sub5>#ButtonArea2>a>button:hover{background:linear-gradient(160.33deg,#2b200b -20%,#dca22f 50.78%,#2b200b 133.54%)}@media screen and (max-width:1100px){#section5>#Section5Sub5>#ButtonArea2>a>button{margin-bottom:70px}}@media screen and (max-width:860px){#section5>#Section5Sub5>#ButtonArea2>a>button{font-size:17px}}@media screen and (max-width:600px){#section5>#Section5Sub5>#ButtonArea2>a>button{font-size:16px}}#section5 #arrow5{cursor:pointer}@media screen and (max-width:1350px),screen and (max-height:900px){#section5 #arrow5{display:none;position:absolute;bottom:20px;right:40px;transform:rotate(90deg)}}#section5 #arrow5>a{cursor:pointer;position:relative;top:85.55%;right:0}#section5 #arrow5>a>img{cursor:pointer}#section5 #arrow5>a>img:hover{filter:drop-shadow(0 0 .5px #b78727)}@media screen and (max-width:860px){#section5 #arrow5{display:none}}.disabled{cursor:not-allowed!important}#section6{width:calc(100vw - 172px);max-width:1748px;height:100vh;display:flex;position:relative;overflow:visible}@media screen and (max-width:1350px),screen and (max-height:900px){#section6{align-items:center;width:100vw;height:680px;min-height:671px;margin-bottom:0;padding-top:0;display:flex;position:relative}}@media screen and (max-width:860px){#section6{flex-direction:column-reverse;align-items:center;width:100%;height:max-content;min-height:879px;margin-bottom:5px;padding-top:0}}#section6>#section6Contact{width:calc(100% - 172px);height:100%;position:relative;left:172px}@media screen and (max-width:1350px),screen and (max-height:900px){#section6>#section6Contact{width:100%;height:calc(100% + 50px);position:relative;top:0;left:0}}@media screen and (max-width:860px){#section6>#section6Contact{height:fit-content;margin-top:60px}}@media screen and (max-width:600px){#section6>#section6Contact{margin-top:32px}}#section6>#section6Text{text-align:end;flex-direction:column;align-items:flex-end;width:340px;height:calc(100% - 100px);display:flex;position:absolute;top:80px;right:30px}@media screen and (max-width:1350px),screen and (max-height:900px){#section6>#section6Text{text-align:end;flex-direction:column;justify-content:space-between;align-items:flex-end;width:340px;height:calc(100% - 40px);padding:60px 20px 0;display:flex;position:absolute;top:0;right:20px}}@media screen and (max-width:1100px){#section6>#section6Text{height:calc(100% - 40px);padding:15px 20px 0}}@media screen and (max-width:1050px){#section6>#section6Text{height:calc(100% - 20px);padding:15px 0 0 20px}}@media screen and (max-width:1000px){#section6>#section6Text{height:calc(100% - 20px);right:20px}}@media screen and (max-width:860px){#section6>#section6Text{text-align:left;align-items:center;width:100%;padding:0 30px;display:flex;position:relative;top:0;right:0}}#section6>#mailAlert{color:#b78727;width:222px;height:90px;position:absolute;top:73%;right:289px}@media screen and (max-width:1350px),screen and (max-height:900px){#section6>#mailAlert{top:63%;right:175px}}@media screen and (max-width:1000px){#section6>#mailAlert{right:155px}}@media screen and (max-width:860px){#section6>#mailAlert{background-color:#ffffff52;border-radius:30px;justify-content:center;align-items:center;width:calc(100% - 100px);height:160px;padding:20px;display:flex;position:relative;bottom:-550px;left:0}}#section6>#mailAlert>div>div{background-color:#ffffff52;border-radius:20px;padding:20px}@media screen and (max-width:860px){#section6>div{width:fit-content;padding:0;bottom:20px}}#section6>div>#section6Title{color:#0000;-webkit-text-stroke:1.6px #b78727;font-size:36px;font-weight:400;position:absolute;top:calc(20% + 104px);left:40px;transform:rotate(270deg)}@media screen and (max-width:1350px),screen and (max-height:900px){#section6>div>#section6Title{font-size:46px;top:calc(20% + 100px);left:-100px!important}}@media screen and (max-width:1100px){#section6>div>#section6Title{color:#0000;font-size:54px;font-weight:400;position:absolute;transform:rotate(0);top:30px!important;left:65px!important}}@media screen and (max-width:1050px){#section6>div>#section6Title{left:25px!important}}@media screen and (max-width:860px){#section6>div>#section6Title{width:fit-content;font-size:36px;position:relative;bottom:auto;top:0!important;left:30px!important}}@media screen and (max-width:600px){#section6>div>#section6Title{font-size:34px}}@media screen and (max-width:500px){#section6>div>#section6Title{font-size:32px}}@media screen and (max-width:400px){#section6>div>#section6Title{font-size:30px}}#section6>div>#section6TitleEN{color:#0000;-webkit-text-stroke:1.6px #b78727;font-size:54px;font-weight:400;position:absolute;top:calc(20% + 100px);left:20px;transform:rotate(270deg)}@media screen and (max-width:1350px),screen and (max-height:900px){#section6>div>#section6TitleEN{top:calc(20% + 75px);left:-80px!important}}@media screen and (max-width:1100px){#section6>div>#section6TitleEN{color:#0000;font-size:54px;font-weight:400;position:absolute;transform:rotate(0);top:30px!important;left:65px!important}}@media screen and (max-width:1050px){#section6>div>#section6TitleEN{left:25px!important}}@media screen and (max-width:860px){#section6>div>#section6TitleEN{width:fit-content;font-size:46px;position:relative;bottom:auto;top:10px!important;left:35px!important}}@media screen and (max-width:700px){#section6>div>#section6TitleEN{font-size:42px}}@media screen and (max-width:600px){#section6>div>#section6TitleEN{font-size:38px}}@media screen and (max-width:500px){#section6>div>#section6TitleEN{font-size:34px}}#section6>div>#contactForm{width:466px;display:flex;position:relative;top:17.33%;left:187px}@media screen and (max-width:1350px),screen and (max-height:900px){#section6>div>#contactForm{width:50%;display:flex;position:relative;top:80px;left:85px}}@media screen and (max-width:1100px){#section6>div>#contactForm{display:flex;left:40px}}@media screen and (max-width:1050px){#section6>div>#contactForm{left:0}}@media screen and (max-width:860px){#section6>div>#contactForm{width:calc(100% - 60px);height:750px;top:0;left:30px}}#section6>a,.section6a{color:#fff;text-decoration:none}.cursor{cursor:pointer}#copyright{width:20px;height:20px;position:relative;top:3px;right:4px}#littleFooter{position:absolute;bottom:0;right:0}@media screen and (max-width:1350px),screen and (max-height:900px){#littleFooter{position:absolute;bottom:0;right:20px}}@media screen and (max-width:1050px){#littleFooter{right:0}}@media screen and (max-width:860px){#littleFooter{flex-direction:column;align-items:end;font-size:17px;display:flex;bottom:0;right:30px}}@media screen and (max-width:600px){#littleFooter{font-size:15px}}#littleFooter>div{align-items:center;display:flex}@media screen and (max-width:860px){#littleFooter>div{width:fit-content}}#littleFooter>#littleFooterSub1{flex-direction:column;align-items:flex-end;display:flex}@media screen and (max-width:1350px),screen and (max-height:900px){#littleFooter>#littleFooterSub1{margin-bottom:0}}#littleFooter>#littleFooterSub1>a{margin-bottom:5px}@media screen and (max-width:1350px),screen and (max-height:900px){#littleFooter>#littleFooterSub1>a{margin-bottom:3px}}#littleFooter>#littleFooterSub1>a:hover{color:#b78727}#arrow6{cursor:pointer;align-items:center;height:fit-content;display:flex;position:absolute;top:50%;right:40px;transform:rotate(0)translateY(-50%)!important}@media screen and (max-width:1350px),screen and (max-height:900px){#arrow6{align-items:center;height:40px;display:flex;position:absolute;top:auto;bottom:80px;right:280px;transform:rotate(90deg)!important}}@media screen and (max-width:860px){#arrow6{display:flex;position:absolute;right:calc(50% - 40px);height:fit-content!important;bottom:50px!important}}@media screen and (max-width:600px){#arrow6{left:50px;right:auto}}@media screen and (max-width:360px){#arrow6{left:20px}}#arrow6>a,#arrow6>a>img{cursor:pointer}@media screen and (max-width:860px){#arrow6>a>img{width:80px}}#arrow6>a>img:hover{filter:drop-shadow(0 0 .5px #b78727)}#section6Text{text-align:end;flex-direction:column;align-items:flex-end;width:340px;height:74.22%;display:flex;position:absolute;top:16.8889%;right:192px}@media screen and (max-width:1350px),screen and (max-height:900px){#section6Text{align-items:center;display:flex}#section6Text>#section6Text2{height:400px;position:relative;bottom:0}}@media screen and (max-width:860px){#section6Text>#section6Text2{height:fit-content;bottom:0}}#section6Text>div{font-size:18px}@media screen and (max-width:600px){#section6Text>div{font-size:17px}}@media screen and (max-width:400px){#section6Text>div{font-size:16px}}#section6Text>div>#section6TextTitle{color:#b78727;margin-bottom:13px;font-size:28px}@media screen and (max-width:860px){#section6Text>div>#section6TextTitle{margin-bottom:5px;font-size:34px}}@media screen and (max-width:700px){#section6Text>div>#section6TextTitle{font-size:29px}}@media screen and (max-width:600px){#section6Text>div>#section6TextTitle{font-size:28px}}@media screen and (max-width:500px){#section6Text>div>#section6TextTitle{font-size:27px}}@media screen and (max-width:400px){#section6Text>div>#section6TextTitle{margin-bottom:4px;font-size:26px}}@media screen and (max-width:360px){#section6Text>div>#section6TextTitle{font-size:25px}}#section6Text>div>div>#section6Email{margin-top:15px}#section6Text>div>div>#section6Email:hover{color:#b78727}#section6Text>div>div>#section6Email>a{justify-content:flex-end;align-items:center;font-size:17px;display:flex}@media screen and (max-width:860px){#section6Text>div>div>#section6Email>a{justify-content:start}}@media screen and (max-width:390px){#section6Text>div>div>#section6Email>a{font-size:16px}}@media screen and (max-width:380px){#section6Text>div>div>#section6Email>a{font-size:15px}}@media screen and (max-width:360px){#section6Text>div>div>#section6Email>a{font-size:13.2px}}#section6Text>div>div>#section6Email>a>div>img{width:27px;height:20px;margin-right:10px;position:relative;top:4px}#section6Text>div>div>#section6Email>a:hover{color:#b78727}#section6Text>div>div>#section6Phone{margin-top:5px}#section6Text>div>div>#section6Phone>a{justify-content:flex-end;align-items:center;padding:0 0 0 8px;font-size:17px;display:flex}@media screen and (max-width:860px){#section6Text>div>div>#section6Phone>a{justify-content:start}}@media screen and (max-width:390px){#section6Text>div>div>#section6Phone>a{font-size:16px}}@media screen and (max-width:380px){#section6Text>div>div>#section6Phone>a{font-size:15px}}@media screen and (max-width:360px){#section6Text>div>div>#section6Phone>a{font-size:13.2px}}#section6Text>div>div>#section6Phone>a>div{margin-left:0}#section6Text>div>div>#section6Phone>a>div>img{height:20px;margin-right:10px;position:relative;top:2px}#section6Text>div>div>#section6Phone>a:hover{color:#b78727}#LiveTestButton4,#LiveTestButton5{cursor:not-allowed}.LiveTestButton{color:#252525;cursor:pointer;background:linear-gradient(160.33deg,#2b200b -20%,#b78727 50.78%,#2b200b 133.54%);border:1px solid #b78727;border-radius:30px;width:151px;margin-left:20px;padding:11px 30px;font-weight:700;box-shadow:0 0 5px;font-size:21px!important}.LiveTestButton:hover{background:linear-gradient(160.33deg,#2b200b -20%,#dca22f 50.78%,#2b200b 133.54%)}@media screen and (max-width:860px){.LiveTestButton{width:130px;margin-left:10px;padding:13px 15px}}.GitHubButton{color:#b78727;cursor:pointer;background:0 0;border:1px solid #b78727;border-radius:30px;width:151px;margin-right:20px;padding:11px 30px;font-weight:700;box-shadow:0 0 5px;font-size:21px!important}.GitHubButton:hover{background:linear-gradient(160.33deg,#2b200b33 -20%,#b7872733 50.78%,#2b200b33 133.54%)}@media screen and (max-width:860px){.GitHubButton{width:130px;margin-right:10px;padding:13px 15px}}