*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}:root{--bg-color: #fff;--text-color: #000;--active-color: #585e63;--font-rajdhani: "Rajdhani", sans-serif;--font-khula: "Khula", sans-serif}#app{padding:56px 44px;height:100%}body{width:100%;height:100%;background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-khula);font-weight:400;font-size:12px}h1{font-family:var(--font-rajdhani);font-weight:500;font-size:50px;letter-spacing:.06em;color:#585e63}h2{font-family:var(--font-rajdhani);font-weight:600;font-size:20px;letter-spacing:.06em}h3{font-family:var(--font-rajdhani);font-weight:600;font-size:16px;opacity:.8;margin-top:25px;margin-bottom:5px}ol,ul{list-style:none}a{text-decoration:none;color:inherit}button{font:inherit;border:none;background:none;outline:none;cursor:pointer}a:hover,button:hover{opacity:80%}@media (max-width: 768px){#app{padding:26px 22px}h1{font-size:33px}}.content[data-v-2f432972]{height:100%;display:grid;grid-template-columns:233px repeat(4,1fr);grid-auto-rows:max-content;gap:44px;margin-top:100px}.nav-bar[data-v-2f432972]{display:flex;flex-direction:column;width:fit-content;gap:20px;overflow:visible}.nav-bar__menu[data-v-2f432972]{display:flex;flex-direction:row;justify-content:space-between;position:relative}.nav-dropdown[data-v-2f432972]{position:relative;width:61px}.dropdown-tabs[data-v-2f432972]{position:relative;top:7px;left:0;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:8px}.dropdown-tabs_hidden[data-v-2f432972]{display:none;visibility:hidden}.nav-link[data-v-2f432972],.nav-tab[data-v-2f432972]{padding:2px 8px 0;height:fit-content;white-space:nowrap}.nav-link.active[data-v-2f432972],.nav-tab.active[data-v-2f432972]{background-color:var(--active-color);color:var(--bg-color)}.scroll-up-btn[data-v-2f432972]{position:fixed;bottom:56px;left:44px}.mobile-tab-toggler[data-v-2f432972]{display:none}@media (max-width: 768px){.content[data-v-2f432972]{display:flex;flex-direction:column;margin-right:10px;margin-top:50px}.scroll-up-btn[data-v-2f432972]{right:14px;left:auto;bottom:26px}.mobile-tab-toggler[data-v-2f432972]{display:block;width:fit-content;margin-left:30px}.mobile__nav-tab[data-v-2f432972]{display:none}}.contact{width:100%}.contact:not(:first-child){margin-top:15px}.Portfolio__container{grid-column:2 / 6;display:grid;grid-template-columns:repeat(4,1fr);gap:44px;grid-auto-flow:dense;margin-top:-70px}.Portfolio__item{cursor:pointer}.Portfolio__item:nth-child(10n+1),.Portfolio__item:nth-child(10n+4),.Portfolio__item:nth-child(10n+9){grid-column:1 / span 2}.Portfolio__item:nth-child(10n+2){grid-column:3}.Portfolio__item:nth-child(10n+3){grid-column:4}.Portfolio__item:nth-child(10n+5),.Portfolio__item:nth-child(10n+10){grid-column:3 / span 2}.Portfolio__item:nth-child(10n+6){grid-column:1}.Portfolio__item:nth-child(10n+7){grid-column:2}.Portfolio__item:nth-child(10n+8){grid-column:3 / span 2}.Portfolio__img{width:100%;object-fit:contain}.Portfolio__tags{opacity:.7}@media screen and (max-width: 768px){.Portfolio__container{display:flex;flex-direction:column;margin-top:-10px}.mobile-tags{display:none}}.HomePage__contacts{font-size:12px}@media (max-width: 768px){.HomePage__contacts{order:2}}.AboutPage__contacts{font-size:12px}.AboutPage__about{grid-column-start:2;grid-column-end:4;display:flex;flex-direction:column;gap:10px}.AboutPage__image{grid-column-start:4;grid-column-end:5}.AboutPage__cv{grid-row-start:2;grid-column:2 / 5;display:flex;flex-direction:column;gap:20px}.AboutPage__title{margin-top:10px}.AboutPage__list>*:not(:last-child){margin-bottom:10px}@media (max-width: 768px){.AboutPage__about{order:-1}}.Contacts__content{grid-column:1 / -1;display:flex;justify-content:center;font-size:16px;margin-top:130px}@media (max-width: 768px){.Contacts__content{align-self:center}}.Portfolio__list{display:flex;flex-direction:column;gap:20px}@media screen and (max-width: 768px){.Portfolio__list{display:none}}.Portfolio__list{display:flex;flex-direction:column;gap:20px;opacity:.7}.Portfolio__description{margin-top:15px;display:flex;flex-direction:column;gap:10px;opacity:.7}.Portfolio__imageDescription{opacity:.6}.carousel{grid-column:2 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:44px;position:relative;height:min-content}.mobile{display:none}.carousel-main{grid-column:1 / -1;display:grid;grid-template-columns:repeat(4,1fr);gap:44px}.carousel-image{object-fit:contain;width:100%;margin-bottom:10px;cursor:pointer}.carousel-container{grid-column:1 / 3}.carousel-buttons{position:absolute;top:-30px;right:0}.carousel-btn.prev{margin-right:10px}.carousel-preview{display:grid;grid-column:3 / -1}.carousel-mobile.image{margin-bottom:10px}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease-in-out}.fade-enter-from,.fade-leave-to{opacity:.5}.lightbox{position:fixed;inset:0;overflow-y:auto;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;z-index:1000}.lightbox-content{max-width:100vh;object-fit:contain}.lightbox-buttons{display:flex;align-items:center;justify-content:space-between;width:100vh;margin-bottom:10px;margin-top:15vh}.lightbox-btn.next{margin-left:20px}.lightbox-imageDescription{margin-top:10px;color:#585e63;opacity:.8;width:100vh}.lightbox-title{margin-bottom:56px;width:100vh}@media screen and (max-width: 768px){.Portfolio__list{display:none}.carousel{display:none;overflow:hidden}.mobile{display:flex;flex-direction:column}.carousel-mobile{display:flex;gap:10px;overflow-x:scroll;scroll-snap-type:x mandatory;position:relative;width:100%;height:max-content}.carousel-mobile .image-container{flex-shrink:0;scroll-snap-align:start;height:max-content;width:fit-content}.carousel-mobile-container{width:min-content}.carousel-mobile .image{display:block;object-fit:contain;height:210px;max-width:85vw;min-width:150px;width:auto}.lightbox-content{width:90vw}.lightbox-buttons{width:90vw;margin-top:10vh}.lightbox-imageDescription{margin-top:10px;color:#585e63;opacity:.8;width:90vw}.lightbox-title{margin-bottom:56px;width:90vw}}