@media only screen and (min-width:1305px){.NavigationButtonBox{font-family:var(--family-H3);font-size:var(--size-H3);font-weight:var(--weight-H3);filter:drop-shadow(2px 4px 6px rgba(0,0,0,.25));height:45px;color:var(--Accent);cursor:pointer;border:none;border-radius:0 45px 45px 0;justify-content:flex-end;align-items:center;padding-right:20px;display:flex}.NavigationButtonText{margin-left:calc(50vw - 579px);transition:margin-left .3s}.NavigationButtonBox.light{background-color:var(--Primary)}.NavigationButtonBox.dark{background-color:var(--BackgroundDark)}.NavigationButtonBox:hover .NavigationButtonText,.NavigationButtonBox:active .NavigationButtonText{margin-left:calc(50vw - 554px)}}@media only screen and (max-width:1304px){.NavigationButtonBox{font-family:var(--family-H3);font-size:var(--size-H3);font-weight:var(--weight-H3);filter:drop-shadow(2px 4px 6px rgba(0,0,0,.25));height:45px;color:var(--Accent);cursor:pointer;border:none;border-radius:0 45px 45px 0;justify-content:flex-end;align-items:center;padding-right:20px;display:flex}.NavigationButtonText{margin-left:25px;transition:margin-left .3s}.NavigationButtonBox.light{background-color:var(--Primary)}.NavigationButtonBox.dark{background-color:var(--BackgroundDark)}.NavigationButtonBox:hover .NavigationButtonText{margin-left:50px}.NavigationButtonBox:active .NavigationButtonText{margin-left:25px}}
.NavigationButtonsBox{flex-direction:column;align-items:flex-start;gap:15px;display:flex}
@media only screen and (min-width:1305px){.AboutCard{background-color:var(--AccentLight);width:355px;height:355px;font-family:var(--family-text-desktop);font-size:var(--size-text-desktop);font-weight:var(--weight-text-desktop);cursor:pointer;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.25));border-radius:20px;flex-direction:row;gap:10px;padding:25px;display:flex}.AboutCard.active{background-color:var(--Accent);cursor:default}.AboutCardTitle{writing-mode:sideways-lr;font-family:var(--family-H3);font-size:var(--size-H3);font-weight:var(--weight-H3);justify-self:flex-end}.AboutCardIcons{grid-column-gap:35px;grid-row-gap:35px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:250px;padding:45px 20px 45px 45px;display:grid}.AboutCardImage{width:60px;height:60px}}@media only screen and (max-width:1304px){.AboutCard{aspect-ratio:1;background-color:var(--AccentLight);width:304px;height:304px;font-family:var(--family-text-mobile);font-size:20px;font-weight:var(--weight-text-mobile);cursor:pointer;filter:drop-shadow(2px 4px 6px rgba(0,0,0,.25));scroll-snap-align:center;border-radius:20px;flex-direction:row;gap:10px;padding:25px;display:flex}.AboutCard.active{background-color:var(--Accent);cursor:default}.AboutCardTitle{writing-mode:sideways-lr;font-family:var(--family-H3);font-size:var(--size-H3);font-weight:var(--weight-H3);justify-self:flex-end}.AboutCardIcons{grid-column-gap:30px;grid-row-gap:30px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);width:250px;padding:45px 20px 45px 45px;display:grid}.AboutCardImage{width:50px;height:50px}}
.AboutCardsCarousel{flex-direction:row;width:1010px;display:flex}.AboutCardBox{transition:rotate .3s}
@media only screen and (min-width:1305px){.Flag{z-index:10;font-family:var(--family-H2-desktop);font-size:var(--size-H2-desktop);font-weight:var(--weight-H2-desktop);filter:drop-shadow(2px 4px 6px rgba(0,0,0,.25));align-items:center;height:270px;display:flex}.Flag.primary{color:var(--Accent);background-color:var(--Primary)}.Flag.accent{color:var(--BackgroundDark);background-color:var(--Accent)}.Flag.backgroundDark{color:var(--Accent);background-color:var(--BackgroundDark)}.Flag.right{border-radius:270px 0 0 270px;justify-content:flex-start;margin-left:325px}.Flag.left{border-radius:0 270px 270px 0;justify-content:flex-end;margin-right:325px}.Circle{background-color:var(--White);border-radius:100%;width:217px;height:217px}.Circle.right{margin:25px 105px 25px 25px}.Circle.left{margin:25px 25px 25px 105px}}@media only screen and (max-width:1304px){.Flag{z-index:10;font-family:var(--family-H2-mobile);font-size:var(--size-H2-mobile);font-weight:var(--weight-H2-mobile);filter:drop-shadow(2px 4px 6px rgba(0,0,0,.25));align-items:center;height:145px;display:flex}.Flag.primary{color:var(--Accent);background-color:var(--Primary)}.Flag.accent{color:var(--BackgroundDark);background-color:var(--Accent)}.Flag.backgroundDark{color:var(--Accent);background-color:var(--BackgroundDark)}.Flag.right{border-radius:145px 0 0 145px;justify-content:flex-start;margin-left:40px}.Flag.left{border-radius:0 145px 145px 0;justify-content:flex-end;margin-right:40px}.Circle{background-color:var(--White);border-radius:100%;width:116px;height:116px}.Circle.right{margin:15px 25px 15px 15px}.Circle.left{margin:15px 15px 15px 25px}@media only screen and (max-width:385px){.Flag.right{border-radius:145px 0 0 145px;justify-content:flex-start;margin-left:25px}.Flag.left{border-radius:0 145px 145px 0;justify-content:flex-end;margin-right:25px}}}
.Filter{color:var(--White);gap:20px;display:flex}.FilterImage{width:30px;height:37px}.FilterText{font-family:var(--family-text-desktop);font-size:var(--size-text-desktop);font-weight:var(--weight-text-desktop);width:170px;padding-top:6px}
@media only screen and (min-width:1305px){.FilterList,.FilterListText{flex-direction:column;display:flex}}@media only screen and (max-width:1304px){.FilterList{visibility:hidden}}
@media only screen and (min-width:1305px){.ProjectCardBox{width:470px;color:var(--White);flex:none}.ProjectCardBox:hover{cursor:pointer}.ProjectCardImage{width:470px;height:470px;position:relative}.ProjectCardTag{z-index:1;position:absolute;top:380px}.ProjectCardDescription{font-family:var(--family-text-desktop);font-size:var(--size-text-desktop);font-weight:var(--weight-text-desktop);margin-top:20px}}@media only screen and (max-width:1304px){.ProjectCardBox{width:320px;color:var(--White);flex:none}.ProjectCardBox:hover{cursor:pointer}.ProjectCardImage{width:320px;height:320px;position:relative}.ProjectCardTag{z-index:1;position:absolute;top:260px}.ProjectCardDescription{font-family:var(--family-text-mobile);font-size:var(--size-text-mobile);font-weight:var(--weight-text-mobile);margin-top:15px}}
@media only screen and (min-width:1305px){.ProjectTag{background-color:var(--Primary);width:400px;min-height:60px;font-family:var(--family-H4plus);font-size:var(--size-H4plus);font-weight:var(--weight-H4plus);color:var(--White);filter:drop-shadow(2px 4px 6px rgba(0,0,0,.25));border-radius:0 60px 60px 0;justify-content:space-between;align-items:center;padding-left:20px;padding-right:15px;display:flex}.ProjectTagText{width:305px;margin:5px 0}.ProjectTagImage{width:30px;height:37px}}@media only screen and (max-width:1304px){.ProjectTag{background-color:var(--Primary);width:270px;min-height:40px;font-family:var(--family-H4plus-mobile);font-size:var(--size-H4plus-mobile);font-weight:var(--weight-H4plus-mobile);color:var(--White);filter:drop-shadow(2px 4px 6px rgba(0,0,0,.25));border-radius:0 60px 60px 0;justify-content:space-between;align-items:center;padding-left:20px;padding-right:15px;display:flex}.ProjectTagText{width:240px}.ProjectTagImage{visibility:hidden}}
@media only screen and (min-width:1305px){.ProjectCardsCarouselCards{scroll-behavior:smooth;scrollbar-width:none;gap:40px;width:100%;padding:0 20px;display:flex;position:relative;overflow-x:auto}.ProjectCardsCarouselBox{display:flex}.ProjectCardsCarouselButton{z-index:10;visibility:hidden;position:absolute;top:235px;transform:translateY(-50%)}.prevButton{left:10px}.nextButton{right:10px}}@media only screen and (max-width:1304px){.ProjectCardsCarouselCards{scroll-behavior:smooth;scrollbar-width:none;gap:40px;width:100%;padding:0 20px;display:flex;position:relative;overflow-x:auto}.ProjectCardsCarouselBox{display:flex}.ProjectCardsCarouselButton{z-index:10;visibility:hidden;position:absolute;top:160px;transform:translateY(-50%)}.prevButton{left:10px}.nextButton{right:10px}}@media (hover:hover) and (pointer:fine){.ProjectCardsCarouselBox:hover .ProjectCardsCarouselButton{visibility:visible}}@media (hover:none) and (pointer:coarse){.ProjectCardsCarouselButton{visibility:hidden!important}}
.Arrow{background-color:var(--Accent);cursor:pointer;border-radius:50px;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.ArrowIcon{width:15px;height:24px}.ArrowIcon.left{rotate:180deg}.ArrowIcon.top{rotate:-90deg}
@media only screen and (min-width:1305px){.Experience{color:var(--BackgroundDark);width:300px;font-family:var(--family-text-desktop);font-size:var(--size-text-desktop);font-weight:var(--weight-text-desktop);flex-direction:column;gap:35px;display:flex}.ExperienceTitleBox{min-height:90px}.ExperienceTitle{font-family:var(--family-H3);font-size:var(--size-H3);font-weight:var(--weight-H3);padding-bottom:15px}.ExperienceDates{color:var(--Accent)}}@media only screen and (max-width:1304px){.Experience{color:var(--BackgroundDark);width:300px;font-family:var(--family-text-mobile);font-size:var(--size-text-mobile);font-weight:var(--weight-text-mobile);flex-direction:column;gap:35px;display:flex}.ExperienceTitleBox{min-height:60px}.ExperienceTitle{font-family:var(--family-H3);font-size:var(--size-H3);font-weight:var(--weight-H3);padding-bottom:5px}.ExperienceDates{color:var(--Accent)}}
@media only screen and (min-width:1305px){.ExperienceBox{flex-flow:wrap;justify-content:flex-start;gap:145px;width:1190px;display:flex}}@media only screen and (max-width:1304px){.ExperienceBox{flex-flow:wrap;justify-content:flex-start;gap:70px;width:300px;display:flex}}
@media only screen and (min-width:1305px){.Education{color:var(--BackgroundDark);line-height:40px;font-family:var(--family-text-desktop);font-size:var(--size-text-desktop);font-weight:var(--weight-text-desktop);flex-direction:column;display:flex}.Title{font-family:var(--family-H3);font-size:var(--size-H3);font-weight:var(--weight-H3)}}@media only screen and (max-width:1304px){.Education{color:var(--BackgroundDark);font-family:var(--family-text-mobile);font-size:var(--size-text-mobile);font-weight:var(--weight-text-mobile);flex-direction:column;width:270px;display:flex}.Title{font-family:var(--family-H3);font-size:var(--size-H3);font-weight:var(--weight-H3);margin-top:10px}}
@media only screen and (min-width:1305px){.EducationBox{background-color:var(--Accent);border-radius:520px;flex-direction:column;align-items:center;width:520px;min-height:1208px;display:flex}.EducationText{flex-direction:column;gap:40px;margin:280px 0;display:flex}}@media only screen and (max-width:1304px){.EducationBox{background-color:var(--Accent);border-radius:520px;flex-direction:column;width:375px;min-height:875px;padding-left:35px;display:flex}.EducationText{flex-direction:column;gap:50px;margin:140px 0;display:flex}}
@media only screen and (min-width:1305px){.EducationDecoration{flex-direction:column;justify-content:space-between;height:700px;display:flex}.EducationDecorationTop{background:var(--Primary);border-radius:0 370px 370px 0;min-width:630px;height:395px}.EducationDecorationBottom{background:var(--Accent);border-radius:0 370px 370px 0;min-width:295px;height:250px;margin-right:335px}}@media only screen and (max-width:1304px){.EducationDecoration{background-color:var(--Primary);width:100%;min-width:200px;height:280px;margin-right:100px}}
@media only screen and (min-width:1305px){.ContactsSection{justify-content:space-between;align-items:flex-start;gap:255px;display:flex}.QuoteBox{margin-bottom:420px;margin-right:160px}}@media only screen and (max-width:1304px){.ContactsSection{height:620px;margin-left:45px;overflow:hidden}.QuoteBox{visibility:hidden}}
@media only screen and (min-width:1305px){.Contact{color:var(--BackgroundDark);flex-direction:row;align-items:center;gap:50px;width:400px;display:flex}.ContactsImage{width:50px;height:50px}.ContactsLink{font-family:var(--family-text-desktop);font-size:var(--size-text-desktop);font-weight:var(--weight-text-desktop);color:var(--BackgroundDark);text-decoration:none}.ContactsLink:hover{font-weight:600}.ContactsLink:active{color:var(--BackgroundDark)}}@media only screen and (max-width:1304px){.Contact{color:var(--BackgroundDark);flex-direction:column;gap:10px;display:flex}.ContactsImage{width:50px;height:50px}.ContactsLink{font-family:var(--family-text-mobile);font-size:var(--size-text-mobile);font-weight:var(--weight-text-mobile);color:var(--BackgroundDark);text-decoration:none}.ContactsLink:hover{font-weight:600}.ContactsLink:active{color:var(--BackgroundDark)}}
@media only screen and (min-width:1305px){.ContactsBox{flex-direction:row;align-items:flex-end;display:flex;position:relative}.ContactsMainBox{background-color:var(--Accent);z-index:1;border-radius:520px 520px 0 0;flex-direction:column;align-items:center;width:520px;height:670px;display:flex}.ContactsList{flex-direction:column;gap:25px;margin-top:215px;display:flex}.ContactsDecorativeBox{background-color:var(--Primary);border-radius:395px 395px 0 0;width:395px;height:395px;position:absolute;left:365px}}@media only screen and (max-width:1304px){.ContactsBox{flex-direction:row;align-items:flex-end;display:flex;position:relative}.ContactsMainBox{background-color:var(--Accent);z-index:1;border-radius:320px 320px 0 0;flex-direction:column;width:285px;height:620px;padding-left:35px;display:flex}.ContactsList{flex-direction:column;gap:20px;margin-top:120px;display:flex}.ContactsDecorativeBox{background-color:var(--Primary);border-radius:240px 240px 0 0;width:240px;height:450px;position:absolute;left:150px}}
.Quote{font-family:var(--family-H2-desktop);font-size:var(--size-H2-desktop);font-weight:var(--weight-H2-desktop);color:var(--Accent);width:460px}
.MobileAboutCardsCarouselCards{scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none;gap:20px;width:100%;padding:0 70px 15px;display:flex;overflow-x:scroll}.MobileAboutCardsCarouselBox{display:flex;position:relative}.MobileAboutCardsCarouselBox:hover .MobileAboutCardsCarouselButton,.MobileAboutCardsCarouselButton:hover{visibility:visible}.MobileAboutCardsCarouselButton{margin:0 55px;position:absolute;bottom:-50px;transform:translateY(-50%)}
.ArrowLong{cursor:pointer;width:35px;height:20px}.ArrowLongIcon{width:100%;height:100%}.ArrowLongIcon.left{rotate:180deg}
.MobileAboutCardsSection{flex-direction:column;display:flex}.SectionNavigationDotBox{align-self:center;margin:15px 0}.MobileAboutCardsSectionDecoration{background-color:var(--Accent);z-index:-1;border-radius:250px 0 0 250px;height:250px;margin-top:-120px;margin-left:105px}