@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@400;500;600;700&display=swap";*{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}::selection{color:#fff;background:#78a5dd}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:#282c33}::-webkit-scrollbar-thumb{background:#959aa6}::-webkit-scrollbar-thumb:hover{background:#abb2bf}body{margin:0;padding:0;background-color:#282c33;font-family:Fira Code,monospace;color:#abb2bf;overflow-x:hidden!important}h2{font-size:32px;font-weight:600;color:#fff}h4{font-size:24px;font-weight:500;color:#fff}p{font-size:16px;line-height:26px;font-weight:400}a{text-decoration:none!important;color:inherit}ul{list-style:none;padding:0;margin:0}.Hash{color:#78a5dd}img{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.container{width:100%;padding:0 16px;max-width:1200px;box-sizing:border-box;margin-left:auto;margin-right:auto}.content-block{padding-top:75px;padding-bottom:75px}@media screen and (max-width: 1200px){.container{max-width:1023px}}@media screen and (max-width: 1023px){.container{max-width:720px}}.Header{position:relative;top:0;min-height:100vh;display:flex;justify-content:space-between;align-items:center;align-content:center;gap:18px}.Header .left-side{z-index:1;width:55%;max-width:537px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:34px}.Header .left-side h2 span{color:#78a5dd}.Header .left-side .Button{margin-top:-10px}.Header .right-side{position:relative;width:45%}.Header .right-side img{z-index:1;height:100%;width:100%;display:block}.Header .right-side .status{position:absolute;top:100%;left:32px;padding:8px 10px;border:1px solid #ABB2BF;display:grid;grid-template-columns:16px auto;align-items:center;gap:10px}.Header .right-side .status .square{height:16px;background-color:#78a5dd}.Header .right-side .status p{line-height:20px}.Header .right-side .status span{color:#fff;white-space:nowrap}@media screen and (max-width: 720px){.Header{padding-top:40px!important;height:auto;max-width:480px;flex-direction:column;justify-content:space-around;gap:0px}.Header .left-side{margin-top:14px;width:100%;max-width:100%;gap:20px}.Header .left-side button{margin-top:-5px;display:none}.Header .right-side{width:100%}.Header .right-side img{height:auto}.Header .right-side .status{position:relative;top:auto;left:auto}}.Button{position:relative;display:inline;-webkit-user-select:none;user-select:none}.Button button{position:relative;padding:8px 16px;background-color:transparent;font:16px Fira Code,monospace;color:#fff;font-weight:400;cursor:pointer;z-index:1}.Button button span{pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;opacity:.2;transition:.2s}.Button.primary button{border:1px solid #78a5dd}.Button.primary button:hover span{background-color:#78a5dd}.Button.secondary button{border:1px solid #ABB2BF;color:#abb2bf}.Button.secondary button:hover span{background-color:#abb2bf}.LoaderView{pointer-events:none;position:fixed;top:0;bottom:0;left:0;right:0;z-index:999;-webkit-user-select:none;user-select:none;display:flex}.LoaderView .column{width:100%;height:100vh;background-color:#141619;transition-timing-function:cubic-bezier(.4,0,.6,1)}@media screen and (max-width: 720px){.LoaderView{flex-direction:column}.LoaderView .column{height:100%}}.Quote{position:relative;display:flex;justify-content:center}.Quote h4{font-weight:400}.Quote .Reveal .reveal-child{display:flex;flex-direction:column;width:100%;align-items:flex-end}.Quote .main-block{position:relative;border:1px solid #ABB2BF;align-self:flex-end;padding:32px;text-align:center}.Quote .main-block img{position:absolute;width:41px;z-index:1}.Quote .main-block img:nth-child(1){top:-14px;left:11px}.Quote .main-block img:nth-child(2){bottom:-14px;right:11px}.Quote .sub-block{position:relative;display:inline-block;border:1px solid #ABB2BF;justify-self:end;padding:16px;border-top:0}@media screen and (max-width: 770px){.quote .main-block{padding:15px}.quote .sub-block{padding:8px}}.Title{width:100%;margin-bottom:40px;-webkit-user-select:none;user-select:none}.Title .Reveal{width:100%}.Title .Reveal .reveal-child{display:flex;align-items:center}.Title .Reveal .reveal-child h4{font-size:32px;white-space:nowrap}.Title .Reveal .reveal-child .line{width:100%;height:1px;margin-left:16px;background-color:#78a5dd}.CardList{column-gap:16px;column-fill:balance}.CardList .Card{border-top:1px solid #ABB2BF;box-sizing:border-box;padding-bottom:16px;break-inside:avoid}.CardList .Card img,.CardList .Card .subtitle,.CardList .Card .tags,.CardList .Card .content{box-sizing:border-box;border:1px solid #ABB2BF;border-top:0}.CardList .Card img{width:100%;display:block}.CardList .Card .subtitle{padding:8px;color:#fff;font-weight:600}.CardList .Card .tags{padding:8px}.CardList .Card .content{padding:16px;display:flex;flex-wrap:wrap;gap:16px}.CardList .Card .content h4,.CardList .Card .content p{width:100%}.Skills{display:grid;grid-template-columns:minmax(auto,300px) auto;gap:20%;justify-content:space-between}.Skills .leftSide img{width:100%}.Skills .rightSide{margin-top:50px;direction:rtl}.Skills .rightSide .Card{direction:ltr}@media screen and (max-width: 992px){.Skills{gap:10%}.Skills .rightSide{margin-top:10px}}@media screen and (max-width: 768px){.Skills{grid-template-columns:100%}.Skills .leftSide{display:none}.Skills .rightSide{margin-top:0;direction:ltr}}.AboutMe{display:grid;grid-template-columns:minmax(auto,520px) 35%;justify-content:space-between;gap:40px}.AboutMe .leftSide{display:flex;gap:27px;flex-wrap:wrap}.AboutMe img{width:100%}@media screen and (max-width: 770px){.AboutMe{grid-template-columns:100%}.AboutMe img{display:none}}.Contacts{display:grid;justify-content:space-between;align-items:start;grid-template-columns:minmax(auto,515px) auto;gap:0 50px}.Contacts .title{grid-column-start:span 2;width:317px}.Contacts .left-side{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.Contacts .box{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px 4px;border:1px solid #ABB2BF;padding:16px}.Contacts .box p{grid-column-start:span 2;padding-bottom:8px;color:#fff!important;font-weight:500}.Contacts .box a{transition:.24s}.Contacts .box a:hover{color:#fff}.Contacts .box img{width:32px;opacity:.5}.Contacts .gap{display:none}@media screen and (max-width: 640px){.Contacts{display:flex;flex-direction:column;align-content:flex-start!important}.Contacts .title{width:auto}.Contacts p{grid-column-start:span 2}.Contacts .box{max-width:250px;justify-content:start!important}.Contacts .gap{display:block;height:40px}}.Footer{margin-top:75px;border-top:1px solid #ABB2BF;padding:32px 0}.Footer .container .links{width:100%;display:flex;justify-content:space-between;gap:30px}.Footer .container .links .info{display:flex;flex-wrap:wrap;flex-direction:column;align-items:flex-start;gap:4px 0}.Footer .container .links .info .Logo{margin-right:16px!important}.Footer .container .links .info p:nth-child(3){flex:100%}.Footer .container .links .media{display:flex;flex-direction:column;gap:12px 8px}.Footer .container .links .media span{font-size:24px;color:#fff!important;font-weight:500!important;grid-column-start:span 3}@media screen and (max-width: 770px){.Footer .container .links .media{gap:9px 6px}.Footer .container .links .media span{font-size:16px}}@media screen and (max-width: 425px){.Footer .container .links{flex-direction:column}}.SocialBar{display:flex;gap:8px}.SocialBar a{opacity:.6;transition:.32s}.SocialBar a:hover{opacity:1}.Navbar{-webkit-user-select:none;user-select:none;position:fixed;z-index:10;right:0;left:0;top:0;background-color:#282c33cc;-webkit-backdrop-filter:blur(33px);backdrop-filter:blur(33px)}.Navbar .container,.Navbar .container .NavLinks{display:flex;gap:32px}.Navbar .container .NavLinks li{transition:.24s;cursor:pointer}.Navbar .container .NavLinks li:hover{color:#fff!important}.Navbar .container .Dropdown{position:relative;display:inline-block}.Navbar .container .Dropdown .dropbtn{padding-bottom:4px;font-weight:500;display:flex;align-items:center;cursor:pointer}.Navbar .container .Dropdown .dropbtn .arrow{opacity:.6;margin-left:4px;display:inline-block;transition:.32s}.Navbar .container .Dropdown .dropdown-content{position:absolute;overflow:hidden;height:0;display:flex;flex-direction:column;align-items:center;gap:8px;background-color:#282c33;padding:0 8px;box-sizing:border-box;border:0;opacity:0;transition:opacity .32s cubic-bezier(.4,0,.6,1)}.Navbar .container .Dropdown:hover .dropbtn{color:#fff}.Navbar .container .Dropdown:hover .dropbtn .arrow{opacity:1}.Navbar .container .Dropdown.open .dropdown-content{height:auto;padding:8px;border:1px solid #ABB2BF;opacity:1}.Navbar .container .menu-toggle{position:relative;background:none;width:24px;height:24px;border:none;outline:none;cursor:pointer;z-index:10}.Navbar .container .menu-toggle span{position:absolute;right:0;height:2px;background-color:#ccc;transition:.3s ease}.Navbar .container .menu-toggle span#line1{top:5px;width:24px}.Navbar .container .menu-toggle span#line2{top:12px;width:15px}.Navbar .container .menu-toggle:hover span{background-color:#fff!important}.Navbar .container .menu-toggle.open span{top:50%!important;right:50%;width:24px!important}.Navbar .container .menu-toggle.open span#line1{transform:translate(50%,-50%) rotate(-45deg)}.Navbar .container .menu-toggle.open span#line2{transform:translate(50%,-50%) rotate(45deg)}.Navbar .desktop{padding:32px 0 8px}.Navbar .desktop .container{justify-content:space-between;align-items:center}.Navbar .desktop .container .NavLinks li{opacity:1!important;transform:translateY(0)!important;font-size:16px}.Navbar .mobile{display:none;padding-top:19px;box-sizing:border-box;height:48px;overflow:hidden;transition:.32s cubic-bezier(.4,0,.6,1)}.Navbar .mobile .container{flex-wrap:wrap;justify-content:space-between;align-content:space-between}.Navbar .mobile .container .NavLinks{flex-basis:100%;flex-direction:column}.Navbar .mobile .container .NavLinks li{font-size:32px;align-self:flex-start;transition-timing-function:cubic-bezier(.4,0,.6,1)}.Navbar .mobile .container .NavLinks .Dropdown .dropdown-content{flex-direction:row}.Navbar .mobile.open{padding-bottom:34px;height:100vh;height:100dvh}@media screen and (max-width: 720px){.Navbar .desktop{display:none}.Navbar .mobile{display:flex}}