@font-face {
  font-family: "WorkSans";
  src: url("../../assets/fonts/WorkSans/WorkSans-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "WorkSans";
  src: url("../../assets/fonts/WorkSans/WorkSans-Semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
}
@font-face {
  font-family: "WorkSans";
  src: url("../../assets/fonts/WorkSans/WorkSans-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}
*, *:before, *:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  outline: none;
}

html, body, div, span, object, iframe, figure, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, code, em, img, small, strike, strong, sub, sup, tt, b, u, i, ol, ul, li, fieldset, form, label, table, caption, tbody, tfoot, thead, tr, th, td, main, canvas, embed, footer, header, nav, section, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: none;
     -moz-text-size-adjust: none;
      -ms-text-size-adjust: none;
          text-size-adjust: none;
}

footer, header, nav, section, main {
  display: block;
}

body {
  padding: 0;
  margin: 0;
  line-height: 1;
  width: 100vw;
  overflow-x: hidden;
}

ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input {
  -webkit-appearance: none;
  border-radius: 0;
}

h1, h2, h3, h4, h5, h6 {
  padding: 0;
  margin: 0;
  -webkit-margin-before: 0;
          margin-block-start: 0;
  -webkit-margin-after: 0;
          margin-block-end: 0;
  font-weight: normal;
}

b {
  font-weight: bold;
}

section {
  padding: 0;
}

strong {
  font-weight: bold;
}

.pf-wrapper-inner {
  width: 100%;
  margin: 0 auto;
}

.pf-blur-bg {
  background: rgba(0, 0, 0, 0.7960784314);
}

.pf-d-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

p, h1, h2, h3, a {
  color: #fffff7;
  font-family: WorkSans, sans-serif;
  font-weight: 400;
}

section {
  padding: 0 16px;
}
section .pf-wrapper-inner {
  max-width: 994px;
  padding: 50px 0;
}
section h2 {
  font-size: 50px;
  padding: 30px 0;
}

body {
  scrollbar-width: thin;
  scrollbar-color: #3498db #f0f0f0;
}
body ::-webkit-scrollbar {
  width: 10px;
}
body ::-webkit-scrollbar-track {
  background: #f0f0f0;
  border-radius: 5px;
}
body ::-webkit-scrollbar-thumb {
  background: #3498db;
  border-radius: 5px;
}
body ::-webkit-scrollbar-thumb:hover {
  background: #2980b9;
}

.pf-body-background {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1000;
}
.pf-body-background img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

section {
  position: relative;
  width: 100%;
  overflow: hidden;
}

.pf-header .pf-top-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  max-width: 944px;
  margin-left: auto;
  margin-right: auto;
  padding: 0 20px;
}
.pf-header .pf-top-hero .pf-top-photo {
  padding: 0 40px;
  width: 100%;
  max-width: 500px;
  overflow: hidden;
  position: relative;
  top: -100px;
}
.pf-header .pf-top-hero .pf-top-photo img {
  border-radius: 50px;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 480px) {
  .pf-header .pf-top-hero .pf-top-photo img {
    border-radius: 25px;
  }
}
.pf-header .pf-top-hero .pf-top-title {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pf-header .pf-top-hero .pf-top-title h1 {
  font-size: 80px;
  padding-bottom: 10px;
}
.pf-header .pf-top-hero .pf-top-title h2 {
  font-size: 50px;
  width: 100%;
  max-width: 400px;
}
.pf-header .pf-nav {
  margin: 0 auto;
  width: 100%;
  max-width: 400px;
  padding: 20px 20px;
  border-bottom: 1px solid #fffff7;
}
.pf-header .pf-nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.pf-header .pf-nav ul li a {
  text-decoration: none;
}

.pf-about-section p {
  font-size: 22px;
  padding: 20px 0;
}
@media (max-width: 480px) {
  .pf-about-section p {
    font-size: 18px;
  }
}
.pf-about-section p:nth-child(4) {
  padding-left: 40px;
}
.pf-about-section p:last-child {
  padding-left: 30px;
  position: relative;
}
.pf-about-section p:last-child::before {
  position: absolute;
  left: 0;
  top: calc(50% - 25px);
  display: block;
  content: "";
  width: 20px;
  height: 50px;
  background: #fffff7;
  border-radius: 6px;
}

.pf-skills-section h2 {
  text-align: center;
}
.pf-skills-section .pf-skills-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pf-skills-section .pf-skills-items .pf-skills-item {
  width: 100%;
  max-width: 100px;
  text-align: center;
  padding: 15px 0;
}
.pf-skills-section .pf-skills-items .pf-skills-item:hover {
  -webkit-transform: translateY(-10px);
      -ms-transform: translateY(-10px);
          transform: translateY(-10px);
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.pf-skills-section .pf-skills-items .pf-skills-item img {
  height: 100%;
  width: 100%;
  max-height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}
.pf-skills-section .pf-skills-items .pf-skills-item p {
  padding-top: 20px;
}

.pf-projects-section h2 {
  text-align: center;
}
.pf-projects-section .pf-projects-items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.pf-projects-section .pf-projects-items .pf-projects-item {
  width: 100%;
  max-width: 50%;
}
@media (max-width: 480px) {
  .pf-projects-section .pf-projects-items .pf-projects-item {
    max-width: 100%;
  }
}
.pf-projects-section .pf-projects-items .pf-projects-item .pf-projects-item-links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.pf-projects-section .pf-projects-items .pf-projects-item .pf-projects-item-links a {
  padding: 20px 10px;
  white-space: nowrap;
}
.pf-projects-section .pf-projects-items .pf-projects-item .pf-projects-item-preview {
  width: 100%;
}
.pf-projects-section .pf-projects-items .pf-projects-item .pf-projects-item-preview img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.social-icon {
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 100px;
  display: block;
  height: 70px;
  background: #d1d1d1;
}
.social-icon:hover {
  background: #fff;
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: 0.1s ease;
  transition: 0.1s ease;
}
.social-icon-email {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='90' height='70' viewBox='0 0 90 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_508_3)'%3E%3Cpath d='M91 62.25V15.75C91 11.4617 87.4156 8 82.9753 8H8.02469C3.58436 8 0 11.4617 0 15.75V62.25C0 66.5383 3.58436 70 8.02469 70H82.9753C87.4156 70 91 66.5383 91 62.25ZM83.9918 15.1817C85.7572 16.8867 84.7942 18.6433 83.8313 19.5217L62.1111 38.7417L82.9753 59.7183C83.6173 60.4417 84.0453 61.5783 83.2963 62.3533C82.6008 63.18 80.9959 63.1283 80.3004 62.6117L56.9218 43.34L45.4733 53.415L34.0782 43.34L10.6996 62.6117C10.0041 63.1283 8.39918 63.18 7.7037 62.3533C6.95473 61.5783 7.38272 60.4417 8.02469 59.7183L28.8889 38.7417L7.16872 19.5217C6.20576 18.6433 5.2428 16.8867 7.00823 15.1817C8.77366 13.4767 10.5926 14.3033 12.0905 15.5433L45.4733 41.5833L78.9095 15.5433C80.4074 14.3033 82.2263 13.4767 83.9918 15.1817V15.1817Z' fill='%23312A41'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_508_3'%3E%3Crect width='90' height='70' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='90' height='70' viewBox='0 0 90 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_508_3)'%3E%3Cpath d='M91 62.25V15.75C91 11.4617 87.4156 8 82.9753 8H8.02469C3.58436 8 0 11.4617 0 15.75V62.25C0 66.5383 3.58436 70 8.02469 70H82.9753C87.4156 70 91 66.5383 91 62.25ZM83.9918 15.1817C85.7572 16.8867 84.7942 18.6433 83.8313 19.5217L62.1111 38.7417L82.9753 59.7183C83.6173 60.4417 84.0453 61.5783 83.2963 62.3533C82.6008 63.18 80.9959 63.1283 80.3004 62.6117L56.9218 43.34L45.4733 53.415L34.0782 43.34L10.6996 62.6117C10.0041 63.1283 8.39918 63.18 7.7037 62.3533C6.95473 61.5783 7.38272 60.4417 8.02469 59.7183L28.8889 38.7417L7.16872 19.5217C6.20576 18.6433 5.2428 16.8867 7.00823 15.1817C8.77366 13.4767 10.5926 14.3033 12.0905 15.5433L45.4733 41.5833L78.9095 15.5433C80.4074 14.3033 82.2263 13.4767 83.9918 15.1817V15.1817Z' fill='%23312A41'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_508_3'%3E%3Crect width='90' height='70' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.social-icon-linkedin {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.0015 24.3915H39.0005V30.8665C40.873 27.1425 45.675 23.7965 52.8885 23.7965C66.717 23.7965 70 31.2095 70 44.8105V70H56V47.908C56 40.1625 54.1275 35.7945 49.3605 35.7945C42.749 35.7945 40.0015 40.502 40.0015 47.9045V70H26.0015V24.3915ZM1.995 69.405H15.995V23.7965H1.995V69.405ZM18.0005 8.925C18.001 10.0985 17.7683 11.2603 17.3159 12.3431C16.8634 13.4258 16.2003 14.4078 15.365 15.232C13.6724 16.9142 11.3813 17.8558 8.995 17.85C6.61286 17.8484 4.32709 16.9092 2.632 15.2355C1.79974 14.4085 1.13885 13.4254 0.687203 12.3425C0.235555 11.2596 0.00202696 10.0983 0 8.925C0 6.5555 0.945 4.2875 2.6355 2.6145C4.3291 0.938555 6.61584 -0.00104724 8.9985 8.75926e-07C11.3855 8.75926e-07 13.6745 0.941501 15.365 2.6145C17.052 4.2875 18.0005 6.5555 18.0005 8.925Z' fill='%23090B17'/%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26.0015 24.3915H39.0005V30.8665C40.873 27.1425 45.675 23.7965 52.8885 23.7965C66.717 23.7965 70 31.2095 70 44.8105V70H56V47.908C56 40.1625 54.1275 35.7945 49.3605 35.7945C42.749 35.7945 40.0015 40.502 40.0015 47.9045V70H26.0015V24.3915ZM1.995 69.405H15.995V23.7965H1.995V69.405ZM18.0005 8.925C18.001 10.0985 17.7683 11.2603 17.3159 12.3431C16.8634 13.4258 16.2003 14.4078 15.365 15.232C13.6724 16.9142 11.3813 17.8558 8.995 17.85C6.61286 17.8484 4.32709 16.9092 2.632 15.2355C1.79974 14.4085 1.13885 13.4254 0.687203 12.3425C0.235555 11.2596 0.00202696 10.0983 0 8.925C0 6.5555 0.945 4.2875 2.6355 2.6145C4.3291 0.938555 6.61584 -0.00104724 8.9985 8.75926e-07C11.3855 8.75926e-07 13.6745 0.941501 15.365 2.6145C17.052 4.2875 18.0005 6.5555 18.0005 8.925Z' fill='%23090B17'/%3E%3C/svg%3E%0A");
}
.social-icon-github {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_509_54)'%3E%3Cpath d='M36.4587 2.1875C17.9262 2.1875 2.91699 17.1967 2.91699 35.7292C2.91699 50.5721 12.5187 63.1079 25.8507 67.55C27.5278 67.8446 28.1549 66.8383 28.1549 65.9575C28.1549 65.1612 28.1141 62.5217 28.1141 59.71C19.6878 61.2617 17.5091 57.6567 16.8382 55.7725C16.4591 54.8071 14.8257 51.8292 13.3966 51.0329C12.2241 50.4029 10.547 48.8512 13.3557 48.8104C15.9982 48.7696 17.8853 51.2429 18.5153 52.2492C21.5341 57.3242 26.3553 55.895 28.2832 55.0142C28.5749 52.8354 29.4557 51.3683 30.4212 50.5283C22.9574 49.6912 15.1612 46.7979 15.1612 33.9675C15.1612 30.3217 16.4591 27.3029 18.597 24.955C18.2616 24.115 17.0891 20.6762 18.9324 16.065C18.9324 16.065 21.7412 15.1842 28.1578 19.5037C30.8412 18.7483 33.6907 18.3721 36.5432 18.3721C39.3928 18.3721 42.2453 18.7512 44.9287 19.5037C51.3453 15.1433 54.1512 16.065 54.1512 16.065C55.9974 20.6762 54.822 24.115 54.4866 24.955C56.6245 27.3029 57.9253 30.2779 57.9253 33.9675C57.9253 46.8387 50.0853 49.6883 42.6216 50.5283C43.8378 51.5783 44.8849 53.5908 44.8849 56.735C44.8849 61.2208 44.8441 64.8258 44.8441 65.9575C44.8441 66.8383 45.4741 67.8883 47.1482 67.5529C60.4016 63.1079 70.0003 50.5283 70.0003 35.7292C70.0003 17.1967 54.9912 2.1875 36.4587 2.1875Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_509_54'%3E%3Crect width='70' height='70' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='70' height='70' viewBox='0 0 70 70' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_509_54)'%3E%3Cpath d='M36.4587 2.1875C17.9262 2.1875 2.91699 17.1967 2.91699 35.7292C2.91699 50.5721 12.5187 63.1079 25.8507 67.55C27.5278 67.8446 28.1549 66.8383 28.1549 65.9575C28.1549 65.1612 28.1141 62.5217 28.1141 59.71C19.6878 61.2617 17.5091 57.6567 16.8382 55.7725C16.4591 54.8071 14.8257 51.8292 13.3966 51.0329C12.2241 50.4029 10.547 48.8512 13.3557 48.8104C15.9982 48.7696 17.8853 51.2429 18.5153 52.2492C21.5341 57.3242 26.3553 55.895 28.2832 55.0142C28.5749 52.8354 29.4557 51.3683 30.4212 50.5283C22.9574 49.6912 15.1612 46.7979 15.1612 33.9675C15.1612 30.3217 16.4591 27.3029 18.597 24.955C18.2616 24.115 17.0891 20.6762 18.9324 16.065C18.9324 16.065 21.7412 15.1842 28.1578 19.5037C30.8412 18.7483 33.6907 18.3721 36.5432 18.3721C39.3928 18.3721 42.2453 18.7512 44.9287 19.5037C51.3453 15.1433 54.1512 16.065 54.1512 16.065C55.9974 20.6762 54.822 24.115 54.4866 24.955C56.6245 27.3029 57.9253 30.2779 57.9253 33.9675C57.9253 46.8387 50.0853 49.6883 42.6216 50.5283C43.8378 51.5783 44.8849 53.5908 44.8849 56.735C44.8849 61.2208 44.8441 64.8258 44.8441 65.9575C44.8441 66.8383 45.4741 67.8883 47.1482 67.5529C60.4016 63.1079 70.0003 50.5283 70.0003 35.7292C70.0003 17.1967 54.9912 2.1875 36.4587 2.1875Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_509_54'%3E%3Crect width='70' height='70' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.pf-contact-section {
  background: rgba(0, 0, 0, 0.1176470588);
  -webkit-backdrop-filter: blur(20px);
          backdrop-filter: blur(20px);
}
.pf-contact-section .socials {
  margin-top: 40px;
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 40px;
}

footer {
  text-align: center;
  padding: 20px 0;
}