:root{font-family:Fira Code,monospace;font-optical-sizing:auto;color:#fff;font-size:24px}html,body,#root{scroll-behavior:smooth;margin:0;padding:0}.app{background:#2d2a2e;height:100%;width:100%;display:flex}.accent{color:#ffd866}.toast{position:fixed;bottom:24px;right:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#ffd866;border:1px solid rgb(121,146,147);border-radius:16px;padding:13px 16px;font-size:16px;opacity:0;transition:opacity .2s;z-index:-1}.toast.visible{z-index:1;opacity:1}.page-switcher_wrapper{position:fixed;padding:8px 16px 7px;border-left:1px solid rgb(121,146,147);border-right:1px solid rgb(121,146,147);border-bottom:1px solid rgb(121,146,147);border-radius:0 0 16px 16px;top:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:1;transition:opacity .3s,transform .4s,top .4s}.page-switcher_wrapper.hidden{opacity:0;top:-100px}@media (max-width: 768px){.page-switcher_wrapper{padding:10px;font-size:16px}}.page-switcher_wrapper .page-switcher_container{display:flex;gap:8px}.page-switcher_wrapper .page-switcher_container .divider{color:#78dce8}.page-switcher_wrapper .page-switcher_button{padding:0;margin:0;background:none;border:0;font:inherit;cursor:pointer;color:#799293}.page-switcher_wrapper .page-switcher_button.active{color:#ffd866}.page-switcher_wrapper .page-switcher_button:hover{color:#78dce8}.hr-mode{display:flex;justify-content:center;min-height:100vh;width:70%;padding:72px 48px 48px;box-sizing:border-box}.hr-mode h1,.hr-mode h2,.hr-mode h3{color:#ffd866;font:inherit;margin:0}.hr-mode p{font:inherit;margin:0}.hr-mode h4{font:inherit;margin:0;color:#ff6188}.hr-mode a{text-decoration:none;color:#78dce8}.hr-mode a:hover{color:#ff6188}@media (max-width: 768px){.hr-mode{width:100%;padding:48px 16px 16px;font-size:16px}}.hr-mode .hr-mode_content{display:flex;flex-direction:column;gap:72px}@media (max-width: 768px){.hr-mode .hr-mode_content{gap:48px}}.hr-mode .user-profile-section,.hr-mode .pet-projects-section{display:flex;flex-direction:column;gap:24px;width:100%}.hr-mode .pet-project_container{border-top:1px solid rgb(121,146,147);padding-top:24px;display:flex;flex-direction:column;gap:24px}.hr-mode .pet-project_container ul{margin:0}.hr-mode .header-project{font-size:32px}.hr-mode .links-project{color:#799293}.hr-mode .screenshots_container{display:flex;flex-direction:column}.hr-mode .screenshots_header{color:#799293;display:flex;align-items:center;gap:16px}.hr-mode .screenshots_header:hover{cursor:pointer}.hr-mode .screenshots_accordion{display:flex;gap:16px;max-height:0;overflow:hidden;transition:max-height .6s ease,padding .6s ease}.hr-mode .screenshots_accordion .screenshots_desktop{width:50%;display:flex;flex-direction:column;gap:16px}.hr-mode .screenshots_accordion .screenshots_desktop img{max-width:100%}.hr-mode .screenshots_accordion .screenshots_mobile{width:50%;display:flex;gap:16px}.hr-mode .screenshots_accordion .screenshots_mobile img{max-width:40%}.hr-mode .screenshots_accordion.visible{padding-top:16px;max-height:1000px}.hr-mode .photos_content{display:flex;flex-direction:column;gap:16px}.pink{color:#ff6188}.blue{color:#78dce8}.purple{color:#ab9dda}.white-gray{color:#799293}.orange{color:#fc7f49}.dev-mode{display:flex;justify-content:center;min-height:100vh;width:70%;padding:72px 48px 48px;box-sizing:border-box}.dev-mode h2,.dev-mode p{font:inherit;margin:0;display:inline}.dev-mode h2{color:#ffd866}.dev-mode a{text-decoration:none;color:#78dce8}.dev-mode a:hover{color:#ff6188}@media (max-width: 768px){.dev-mode{width:100%;padding:48px 16px 16px;font-size:16px}}.dev-mode .header{cursor:pointer}.dev-mode .closing-symbols{opacity:1;transition:height .6s ease,opacity .6s ease}.dev-mode .closing-symbols.hidden{opacity:0;height:0}.dev-mode .dev-mode_content{display:flex;flex-direction:column;gap:72px}@media (max-width: 768px){.dev-mode .dev-mode_content{gap:48px}}.dev-mode .accordion{max-height:0;overflow:hidden;transition:max-height .6s ease,opacity .6s ease;opacity:0;display:flex;flex-direction:column}.dev-mode .accordion.visible{opacity:1;max-height:10000px}.dev-mode .content{display:block;border-left:1px solid rgb(64,62,65);transition:font-size .2s ease,border-left .2s ease;padding-left:28px}.dev-mode .content:hover{border-left:1px solid rgb(91,89,92)}@media (max-width: 768px){.dev-mode .content{padding-left:19px}}.dev-mode .screenshots-header:hover{cursor:pointer}.dev-mode .screenshots_container{display:flex;flex-direction:row;gap:16px}@media (max-width: 768px){.dev-mode .screenshots_container{gap:10px}}.dev-mode .screenshots_container .screenshots_desktop{width:50%;display:flex;flex-direction:column;gap:16px}@media (max-width: 768px){.dev-mode .screenshots_container .screenshots_desktop{gap:10px}}.dev-mode .screenshots_container .screenshots_desktop img{max-width:100%}.dev-mode .screenshots_container .screenshots_mobile{width:50%;display:flex;gap:16px}@media (max-width: 768px){.dev-mode .screenshots_container .screenshots_mobile{gap:10px}}.dev-mode .screenshots_container .screenshots_mobile img{max-width:40%}.photos_list{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}@media (max-width: 768px){.photos_list{gap:10px}}@media (min-width: 768px){.photos_list{grid-template-columns:repeat(3,1fr)}}.photos_list img{border-radius:16px;width:100%}@media (max-width: 768px){.photos_list img{border-radius:10px}}.sidebar-toggle{position:fixed;top:48px;right:0;padding:8px 0 8px 5px;border-top:1px solid rgb(121,146,147);border-left:1px solid rgb(121,146,147);border-bottom:1px solid rgb(121,146,147);border-radius:16px 0 0 16px;z-index:1;display:flex;align-items:center;opacity:0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}@media (max-width: 768px){.sidebar-toggle{opacity:1}}.sidebar-toggle .toggle{transition:opacity .3s,transform .4s;transform:translate(0) rotate(-90deg);transform:rotate(90deg)}.sidebar-toggle.active .toggle{transform:rotate(-90deg)}.profile-sidebar{background:#2d2a2e;position:fixed;right:0;width:30%;height:100%;border-left:1px solid rgb(121,146,147);padding:24px;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;gap:24px}.profile-sidebar h1,.profile-sidebar h2,.profile-sidebar h3{color:#ffd866;font:inherit;margin:0}.profile-sidebar p{font:inherit;margin:0}.profile-sidebar h4{font:inherit;margin:0;color:#ff6188}.profile-sidebar a{text-decoration:none;color:#78dce8}.profile-sidebar a:hover{color:#ff6188}@media (max-width: 768px){.profile-sidebar{border:none;background:#2d2a2e4d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translate(100%);width:100%;transition:opacity .3s cubic-bezier(.4,0,.2,1),transform .4s cubic-bezier(.4,0,.2,1)}.profile-sidebar.active{transform:translate(0)}}.profile-sidebar .sidebar_content{display:flex;flex-direction:column;gap:24px}.profile-sidebar .sidebar_header{display:flex;gap:16px;align-items:center}.profile-sidebar .sidebar_avatar{width:30%;max-width:154px;border-radius:100%}.profile-sidebar .sidebar_details{display:flex;flex-direction:column;gap:16px}.profile-sidebar .sidebar_details p{font-size:18px;color:#799293}.profile-sidebar .sidebar_stack{display:flex;flex-direction:column;gap:16px}.profile-sidebar .icons_list{display:grid;grid-template-columns:repeat(auto-fit,minmax(15%,1fr));gap:16px;align-items:center}@media (min-width: 768px){.profile-sidebar .icons_list{grid-template-columns:repeat(auto-fit,minmax(10%,1fr))}}.profile-sidebar .icons_list .icon{width:100%}.profile-sidebar .navigation{display:flex;flex-direction:column;gap:16px}.profile-sidebar .navigation-list{display:flex;flex-direction:column}.profile-sidebar .sidebar_contacts{display:flex;flex-direction:column;gap:16px}.profile-sidebar .contacts_list{display:flex;gap:16px;align-items:center}.profile-sidebar .contacts_list a{width:100%}@media (min-width: 768px){.profile-sidebar .contacts_list a{width:11%}}.profile-sidebar .contacts_list img{width:100%}