@import"https://fonts.cdnfonts.com/css/montserrat";@import"https://fonts.cdnfonts.com/css/vollkorn";@import"https://fonts.cdnfonts.com/css/inter";.footer{margin-top:20px;padding:1rem 4rem;display:flex;justify-content:center;align-items:center;border-top:1px solid;border-color:#ffffff4d}.footer p{font-family:var(--font-family);font-size:14px;font-weight:300;line-height:82.336%}@media screen and (max-width: 500px){.footer{max-width:100%}.footer p{font-size:10px}}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion: no-preference){.logo{animation:logo-spin infinite 20s linear}}html{scroll-behavior:smooth}body{background:linear-gradient(89deg,#182046,#464646)}.header__container{display:flex;justify-content:space-between;align-items:center;margin:10rem 4rem}.header__container-left{flex:.5}.header__container-left_heading{display:flex;justify-content:flex-start;align-items:center}.header__container-left_heading p{font-family:var(--font-family);font-size:18px;font-weight:400;padding-left:16px}.header__container-left_heading div{width:38px;height:3px;background:#ffffffe6}.header__container-profession h1{font-family:var(--font-family);font-size:80px;font-weight:400;line-height:90%;text-wrap:wrap;margin:0}.header__container-right{flex:.4}.header__container-right p{font-family:var(--font-family);font-size:24px;font-weight:400;line-height:35px}.header__container-right div{width:38px;height:3px;background:#ffffffe6;margin-bottom:17px}.header__container-footer{padding:0 4rem;display:flex;justify-content:space-between;border-bottom:1px solid;border-color:#ffffff4d}.header__container-footer_contact{display:flex;justify-content:space-between;align-items:center;writing-mode:vertical-lr;transform:rotate(180deg);padding-top:10px}.header__container-footer_contact a{font-family:var(--font-family);font-size:18px;font-weight:600;text-decoration:none}.header__container-footer_contact p{margin-right:0}.header__container-footer_contact p:hover{opacity:.5;transition-duration:.4s}.header__container-footer_projects{display:flex;justify-content:space-between;align-items:flex-end}.project-link{font-family:var(--font-family);font-size:18px;font-weight:400;line-height:82.336%;margin-right:110px;margin-bottom:0;padding-bottom:10px;display:inline-block;position:relative;cursor:pointer;text-decoration:none;border-bottom-style:solid;border-bottom-width:1px;width:fit-content}.project-link:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:#ffffffe6;transform-origin:bottom right;transition:transform .25s ease-out}.project-link:hover:after{transform:scaleX(1);transform-origin:bottom left}.project-link:last-child{margin-right:0;padding-right:0}.project-link-nonactive{font-family:var(--font-family);font-size:18px;font-weight:400;line-height:82.336%;margin-right:110px;margin-bottom:0;padding-bottom:10px;display:inline-block;position:relative;cursor:pointer;text-decoration:none}.project-link-nonactive:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1px;bottom:0;left:0;background-color:#ffffffe6;transform-origin:bottom right;transition:transform .25s ease-out}.project-link-nonactive:hover:after{transform:scaleX(1);transform-origin:bottom left}.project-link-nonactive:last-child{margin-right:0;padding-right:0}.logo{height:7em;will-change:filter;transition:filter .3s;margin-bottom:20px;background-color:#f7f7f7}.logo.react:hover{background:none}.logo.react:not(:hover){background:none}@media screen and (min-width: 1025px){.header__container-footer_projects{margin-left:80px}}@media screen and (max-width: 1024px){.header__container-right{padding-top:20px}.header__container-right p{font-size:18px;line-height:24px}.header__container-footer_contact p{font-size:16px}.header__container-footer_projects a{font-size:16px;margin-right:55px}.header__container-footer .logo{height:5em}}@media screen and (max-width: 767px){.header__container{margin:5rem 2rem;display:flex;justify-content:center;flex-direction:column}.header__container-footer{padding:0rem 2rem;flex-direction:column-reverse}.header__container-footer_contact{display:none}.header__container-footer_projects{justify-content:center}.header__container-footer_react{display:none}.logo{display:flex;justify-content:center;align-items:flex-end}}@media screen and (max-width: 500px){.header__container{margin:4rem 2rem}.header__container-profession h1{font-size:64px}.header__container-footer_projects{max-height:100%}}@-webkit-keyframes slide-top{0%{-webkit-transform:translateY(-200px);transform:translateY(-200px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes slide-top{0%{-webkit-transform:translateY(-100%);transform:translateY(-100%)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes slide-right{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}@keyframes slide-right{0%{-webkit-transform:translateX(-100%);transform:translate(-100%)}to{-webkit-transform:translateX(0);transform:translate(0)}}.navbar{display:flex;justify-content:space-between;align-items:center;flex-direction:row;padding:2rem 4rem;border-bottom:1px solid;border-color:#ffffff4d}.navbar__logo img{width:25px;height:25px}.active-link{color:#fff;font-weight:700}.navbar__links{font-family:var(--font-family);font-size:18px;font-weight:400;line-height:82.336%;flex:.25;display:flex;justify-content:space-between;align-items:center}.navbar__links a{text-decoration:none;text-wrap:nowrap;margin-right:110px}.navbar__links a:last-child{margin-right:0}.navbar__menu-icon{font-family:var(--font-family);font-size:24px;font-weight:400;line-height:82.336%;display:flex;justify-content:flex-end;align-items:center}.navbar__menu-icon img{width:24px;height:24px;cursor:pointer}.overlay{display:flex;justify-content:center;flex-direction:column;background:var(--dark-mode-dk-700, #232323);position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both}.overlay_close{display:flex;justify-content:flex-end;align-items:center;position:absolute;right:0;top:0;margin:0rem 1rem 0 0}.overlay_close img{padding:0 0 0 16px;cursor:pointer}.overlay_close p{font-size:20px;font-style:normal;font-weight:300;line-height:normal;cursor:pointer}.overlay_items{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:30px;-webkit-animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-top .5s cubic-bezier(.25,.46,.45,.94) both}.overlay_items a{font-size:40px;text-decoration:none;font-weight:400;color:#ffffffe6}.overlay_items p{margin:0}.disable-scrolling{overflow:hidden}@media screen and (max-width: 767px){.navbar{padding:1rem 2rem}.navbar__links{display:none}.navbar__menu-icon p{display:block}.overlay,.overlay_items{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}}@media screen and (max-width: 500px){.navbar{padding:20px 32px;max-width:100%}.navbar__menu-icon p{font-size:20px}.overlay{-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}.overlay_items{align-items:flex-start;padding-left:52px;gap:40px;-webkit-animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both;animation:slide-right .5s cubic-bezier(.25,.46,.45,.94) both}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.projects{margin:4rem 4rem 8rem;display:flex;flex-direction:row}.projects__container{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:60px;align-items:baseline;animation:fadeIn .5s;max-width:100%}@media screen and (max-width: 768px){.projects{margin:2rem 2rem 4rem}}@media screen and (max-width: 500px){.projects__container{display:grid;grid-template-columns:repeat(1,1fr);max-width:100%}}.projects__container-project img{width:100%;max-width:100%;height:100%;border:1px solid;border-color:#ffffff4d;padding:5px}.projects__container-project img:hover{opacity:.7;transition-duration:.3s}.projects__container-details{display:flex;justify-content:space-between;align-items:center}.projects__container-details h3{margin-top:16px;margin-bottom:8px;font-family:Vollkorn;font-size:22px;font-weight:500;line-height:82.336%}.projects__container-details p{font-family:var(--font-family);font-size:14px;font-weight:400;line-height:82.336%;margin:0}.projects__container-details_tag{border-radius:18px;border:1px solid;border-color:#ffffff4d}.projects__container-details_tag p{padding:10px;font-family:var(--font-family);font-size:12px;font-style:normal;font-weight:400;line-height:82.336%}@media screen and (max-width: 1024px){.projects__container-details_left p{font-size:14px}.projects__container-details_left h3{font-size:20px}.projects__container-details_tag p{font-size:12px;padding:10px}}@media screen and (max-width: 767px){.projects__container-details_left p{line-height:18px}.projects__container-details_tag p{font-size:10px;padding:6px}}@media screen and (max-width: 500px){.projects__container-details_left p{font-size:14px}.projects__container-details_left h3{font-size:20px}.projects__container-details_tag p{font-size:12px;padding:8px}}*{font-family:var(--font-family);color:#ffffffe6}body{margin:0;padding:0}:root{--font-family: "Inter", sans-serif;--gradient-text: linear-gradient(89.97deg, #ae67fa 1.84%, #f49867 102.67%);--gradient-bar: linear-gradient(103.22deg, #ae67fa -13.86%, #f49867 99.55%);--color-main: #00ced1;--bottom-border: #4b5563}
