.w-embed-youtubevideo {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/youtube-placeholder.2b05e7d68d.svg');
  background-position: 50%;
  background-size: cover;
  width: 100%;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  position: relative;
}

.w-embed-youtubevideo:empty {
  min-height: 75px;
  padding-bottom: 56.25%;
}

.section {
  background-color: #2d2d2d;
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.background-video {
  opacity: .74;
  width: 100vw;
  height: 100vh;
  overflow: visible;
}

.div-block {
  background-color: #fff;
  width: 300px;
  height: auto;
  position: absolute;
}

.section-2 {
  width: 100vw;
  height: 100vh;
  position: relative;
  overflow: hidden;
}

.background-video-2 {
  z-index: 1;
  opacity: .5;
  -webkit-text-fill-color: inherit;
  mix-blend-mode: normal;
  background-clip: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.body {
  background-color: #242424;
}

.div-block-2 {
  z-index: 10;
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background-color: #ba5aba;
  width: 100px;
  height: 100px;
  padding: 20px;
  position: absolute;
  top: 499px;
  left: 296px;
}

.div-block-2.window2 {
  z-index: 100;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: pointer;
  background-color: #ba5aba00;
  border-radius: 100px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 150px;
  padding: 0;
  display: flex;
  position: absolute;
  top: 37px;
  left: 1555px;
}

.div-block-2.sticky-note {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 6px;
  width: 400px;
  height: 245px;
  top: 111px;
  left: 100px;
}

.div-block-2.instgram {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: pointer;
  background-color: #b888b800;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  padding: 0;
  text-decoration: none;
  display: flex;
  top: 530px;
}

.div-block-2.nail {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: pointer;
  background-color: #ba5aba00;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 120px;
  padding: 0;
  text-decoration: none;
  display: flex;
  top: 384px;
  left: 595px;
}

.div-block-2.resume {
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  cursor: pointer;
  background-color: #ba5aba00;
  height: 180px;
  padding: 0;
  text-decoration: none;
  top: 241px;
  left: 984px;
}

.text-block {
  color: #141414;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  font-size: 13px;
  font-weight: 500;
}

.text-block-2 {
  color: #fff;
  text-align: center;
  flex-flow: column;
  text-decoration: none;
  display: block;
}

.image {
  display: block;
}

.image-2 {
  text-decoration: none;
}

.image-3 {
  border-radius: 100px;
}

.window {
  z-index: 50;
  opacity: 1;
  background-color: #ededed;
  border-radius: 30px;
  width: 870px;
  height: 800px;
  padding: 20px;
  display: block;
  position: absolute;
  top: 78px;
  left: 535px;
  overflow: scroll;
}

.window.aboutme {
  z-index: 50;
  width: 870px;
  height: 800px;
  display: none;
  left: 412px;
  overflow: scroll;
}

.window.projects {
  width: 1400px;
  display: none;
  top: 60px;
  left: 145px;
}

.window.projects.archive {
  display: none;
}

.window.archive {
  display: none;
  left: 450px;
}

.button {
  background-color: #b42b2b;
  border-radius: 100px;
  width: 15px;
  height: 15px;
}

.button.close {
  cursor: pointer;
  background-color: #b42b2b;
  position: absolute;
}

.button.close.yellow {
  background-color: #d6a615;
  left: 40px;
}

.button.close.green {
  background-color: #54b128;
  left: 61px;
}

.text-block-3 {
  color: #707070;
  font-size: 16px;
  position: absolute;
  top: 18px;
  left: 95px;
}

.about-me-text {
  color: #4b4b4b;
  position: absolute;
  top: 79px;
}

.about-me-text.number {
  top: 100px;
}

.about-me-text.email {
  top: 176px;
}

.about-me-text.instagram {
  top: 198px;
}

.about-me-text.nail-instagram {
  top: 220px;
}

.link-block, .link-block-2, .link-block-3, .link-block-4 {
  text-decoration: none;
}

.text-block-4 {
  color: #202020;
  border-top: 2px solid #0000003b;
  width: 560px;
  padding-top: 10px;
  position: absolute;
  top: 69px;
  left: 264px;
}

.text-block-4.education {
  top: 506px;
}

.text-block-4.education.info {
  color: #4b4b4b;
  width: 200px;
  left: auto;
}

.text-block-4.education.info.skills {
  width: 200px;
  top: 622px;
}

.text-block-4.education.skills {
  width: 270px;
  top: 622px;
}

.text-block-4.education.skills.column2 {
  left: 567px;
}

.div-block-3 {
  z-index: 999;
  background-color: #fff;
  width: 300px;
  height: 300px;
  position: absolute;
  top: 100px;
  left: 100px;
}

.background-video-3 {
  opacity: .5;
  width: 100%;
  height: 100%;
  position: absolute;
}

.div-block-4 {
  z-index: 10;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
  position: absolute;
  top: 631px;
  left: 792px;
}

.text-block-5 {
  color: #fff;
}

.div-block-5 {
  z-index: 10;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
  position: absolute;
  top: 315px;
  left: 1371px;
}

.div-block-6 {
  z-index: 10;
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  cursor: pointer;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 120px;
  height: 120px;
  display: flex;
  position: absolute;
  top: 536px;
  left: 1146px;
}

.text-block-6, .text-block-7 {
  color: #fff;
}

.div-block-7 {
  border-top: 2px solid #0000003b;
  flex-flow: column;
  width: 1350px;
  height: 800px;
  display: flex;
  position: absolute;
  top: 70px;
  left: 25px;
}

.div-block-7.project2 {
  top: 1709px;
}

.div-block-7.project2.archive2 {
  width: 800px;
  top: 796px;
}

.div-block-7.project3 {
  top: 3271px;
}

.div-block-7.project3.archive3 {
  width: 800px;
  top: 1692px;
}

.div-block-7.project4 {
  top: 4912px;
}

.div-block-7.project4.archive4 {
  width: 800px;
  top: 2594px;
}

.div-block-7.project5 {
  top: 6629px;
}

.div-block-7.project5.archive5 {
  width: 800px;
  top: 3177px;
}

.div-block-7.project6 {
  top: 8649px;
}

.div-block-7.project6.archive {
  display: block;
}

.div-block-7.project7 {
  top: 10870px;
}

.div-block-7.project7.archive {
  display: block;
}

.div-block-7.archive1 {
  width: 800px;
  height: 670px;
}

.div-block-8 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  padding-top: 10px;
  display: flex;
  position: absolute;
  left: 20px;
}

.text-block-8 {
  width: 300px;
  display: block;
}

.text-block-8.archive1, .text-block-8.archive2, .text-block-8.archive3, .text-block-8.archive4, .text-block-8.archive5 {
  width: 250px;
}

.text-block-9 {
  width: 300px;
}

.text-block-9.archive1, .text-block-9.archive2, .text-block-9.archive3, .text-block-9.archive4, .text-block-9.archive5 {
  width: 200px;
}

.text-block-10 {
  width: 550px;
}

.text-block-10.archive1, .text-block-10.archive2, .text-block-10.archive3, .text-block-10.archive4, .text-block-10.archive5 {
  width: 240px;
}

.youtube {
  position: absolute;
  top: 242px;
}

.youtube.project1.archvie1 {
  top: 227px;
}

.youtube.project2 {
  top: 163px;
}

.youtube.project3 {
  top: 228px;
}

.youtube.project4 {
  top: 302px;
}

.youtube.project5 {
  top: 274px;
}

.youtube.project6 {
  top: 178px;
}

.images {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column dense;
  justify-content: space-around;
  place-items: center;
  width: 1350px;
  height: 550px;
  display: grid;
  position: absolute;
  top: 1035px;
}

.images.project2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  top: 957px;
}

.images.project2.archive2 {
  grid-template-columns: 1fr 1fr;
  width: 800px;
  height: 630px;
  top: 237px;
}

.images.project3 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
}

.images.project3.archive3 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: column dense;
  width: 800px;
  height: 650px;
  top: 235px;
}

.images.project4 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  top: 1082px;
}

.images.project4.archive4 {
  grid-template-rows: auto;
  width: 800px;
  height: 250px;
  top: 333px;
}

.images.project5 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  top: 1097px;
}

.images.project5.archive5 {
  grid-template-columns: 1fr 1fr;
  width: 800px;
  height: 900px;
  top: 191px;
}

.images.project6 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  top: 968px;
}

.images.project7 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  top: 256px;
}

.image-4, .image-5, .image-6, .image-7, .image-8 {
  max-width: 100%;
}

.image-9, .image-10 {
  max-width: 187px;
}

.image-11 {
  width: 187px;
  max-width: 187px;
}

.image-12 {
  width: 187px;
  max-width: 187px;
  height: 187px;
}

.image-13, .image-14, .image-15, .image-16 {
  max-width: 187px;
}

.link, .link-2 {
  color: #333;
  font-weight: 700;
  text-decoration: none;
}

@media screen and (max-width: 479px) {
  .div-block-2.window2 {
    z-index: 10;
    top: 255px;
    left: 181px;
  }

  .div-block-2.sticky-note {
    width: 300px;
    height: 220px;
    padding-top: 10px;
    top: 10px;
    left: 20px;
  }

  .div-block-2.instgram {
    top: 430px;
    left: 40px;
  }

  .div-block-2.nail {
    top: 424px;
    left: 181px;
  }

  .div-block-2.resume {
    height: 160px;
    top: 249px;
    left: 40px;
  }

  .window.aboutme {
    width: 300px;
    height: 750px;
    display: none;
    top: 30px;
    left: 20px;
  }

  .window.projects, .window.archive {
    width: 300px;
    height: 760px;
    display: none;
    top: 30px;
    left: 20px;
  }

  .text-block-4 {
    width: 250px;
    top: 256px;
    left: auto;
  }

  .text-block-4.education.info.skills {
    top: 1222px;
  }

  .text-block-4.education.info.aboutme {
    top: 1070px;
  }

  .text-block-4.education.skills.column2 {
    width: 250px;
    top: 1427px;
    bottom: auto;
    left: auto;
  }

  .text-block-4.education.skills.column1 {
    width: 250px;
    top: 1265px;
  }

  .text-block-4.education.infoaboutme {
    top: 1112px;
  }

  .div-block-4 {
    top: 559px;
    left: 40px;
  }

  .div-block-5 {
    top: 565px;
    left: 181px;
  }

  .div-block-6 {
    text-decoration: none;
    top: 701px;
    left: 119px;
  }

  .div-block-7 {
    width: 250px;
    left: auto;
  }

  .div-block-7.project2 {
    top: 1108px;
  }

  .div-block-7.project2.archive2 {
    width: 250px;
    top: 572px;
  }

  .div-block-7.project3 {
    top: 1900px;
  }

  .div-block-7.project3.archive3 {
    width: 250px;
    top: 1163px;
  }

  .div-block-7.project4 {
    top: 2795px;
  }

  .div-block-7.project4.archive4 {
    width: 250px;
    top: 1939px;
  }

  .div-block-7.project5 {
    top: 3961px;
  }

  .div-block-7.project5.archive5 {
    width: 250px;
    height: 570px;
    top: 3098px;
  }

  .div-block-7.project6 {
    top: 5016px;
  }

  .div-block-7.project7 {
    top: 5983px;
  }

  .div-block-7.archive1 {
    width: 250px;
  }

  .text-block-8 {
    width: 250px;
    position: absolute;
  }

  .text-block-8.archive1, .text-block-8.archive2 {
    width: 220px;
    left: -5px;
  }

  .text-block-8.archive3 {
    left: -5px;
  }

  .text-block-8.archive4 {
    width: 220px;
    left: -5px;
  }

  .text-block-8.archive5 {
    left: -5px;
  }

  .text-block-8.title {
    top: 34px;
    left: -18px;
  }

  .text-block-9 {
    width: 250px;
    position: absolute;
    top: 59px;
  }

  .text-block-9.archive1 {
    top: 48px;
    left: -5px;
  }

  .text-block-9.archive2, .text-block-9.archive3 {
    top: 42px;
    left: -5px;
  }

  .text-block-9.archive4 {
    left: -5px;
  }

  .text-block-9.archive5 {
    top: 39px;
    left: -5px;
  }

  .text-block-9.project5 {
    top: 64px;
    left: -18px;
  }

  .text-block-9.info {
    top: 85px;
    left: -18px;
  }

  .text-block-10 {
    width: 275px;
    position: absolute;
    top: 171px;
  }

  .text-block-10.archive1 {
    top: 109px;
    left: -5px;
  }

  .text-block-10.archive2 {
    top: 123px;
    left: -5px;
  }

  .text-block-10.archive3 {
    top: 120px;
    left: -5px;
  }

  .text-block-10.archive4 {
    top: 133px;
    left: -5px;
  }

  .text-block-10.archive5 {
    top: 110px;
    left: -5px;
  }

  .text-block-10.project2 {
    width: 250px;
    top: 138px;
    left: -18px;
  }

  .text-block-10.projuct1 {
    width: 250px;
    top: 176px;
    left: -18px;
  }

  .text-block-10.project3 {
    width: 250px;
    top: 141px;
    left: -18px;
  }

  .text-block-10.project4 {
    width: 250px;
    top: 198px;
    left: -18px;
  }

  .text-block-10.project5 {
    width: 250px;
    top: 136px;
    left: -18px;
  }

  .text-block-10.project6 {
    width: 250px;
    top: 232px;
    left: -18px;
  }

  .text-block-10.project7 {
    width: 250px;
    top: 136px;
    left: -18px;
  }

  .youtube.project1 {
    top: 692px;
  }

  .youtube.project1.archvie1 {
    top: 327px;
  }

  .youtube.project2 {
    top: 447px;
  }

  .youtube.project3 {
    top: 573px;
  }

  .youtube.project4 {
    top: 827px;
  }

  .youtube.project5 {
    top: 685px;
  }

  .youtube.project6 {
    top: 563px;
  }

  .images.project2 {
    width: 250px;
    height: 200px;
    top: 584px;
  }

  .images.project2.archive2 {
    width: 240px;
    height: 200px;
    top: 358px;
    left: 7px;
  }

  .images.project1 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    width: 250px;
    height: 200px;
    top: 836px;
  }

  .images.project3 {
    width: 250px;
    height: 200px;
    top: 704px;
  }

  .images.project3.archive3 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
    width: 240px;
    height: 400px;
    top: 349px;
  }

  .images.project4 {
    width: 250px;
    height: 200px;
    top: 965px;
  }

  .images.project4.archive4 {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    width: 240px;
    top: 457px;
  }

  .images.project5 {
    width: 250px;
    height: 200px;
    top: 836px;
  }

  .images.project5.archive5 {
    width: 240px;
    height: 300px;
    top: 277px;
  }

  .images.project6 {
    width: 250px;
    height: 200px;
    top: 724px;
  }

  .images.project7 {
    width: 250px;
    height: 200px;
    top: 628px;
  }

  .image-9, .image-10 {
    max-width: 75px;
  }

  .image-11 {
    width: 75px;
    max-width: 75px;
  }

  .image-12 {
    width: 75px;
    max-width: 75px;
    height: 75px;
  }

  .image-13, .image-14, .image-15, .image-16 {
    max-width: 75px;
  }

  .text-block-11 {
    position: absolute;
    left: -18px;
  }

  .lightbox-link-2 {
    height: 53.7396px;
  }

  .text-block-12, .text-block-13, .text-block-14, .text-block-15, .text-block-16, .text-block-17 {
    position: absolute;
    left: -18px;
  }

  .image-17, .image-18 {
    max-width: 75px;
  }
}

#w-node-_4c0258ed-9567-f275-bf60-233e5aa0219f-6a05d033, #w-node-a113100e-53f1-ef1b-527a-69bc4f0cc65c-6a05d033, #w-node-_77e17fe3-364b-689e-4d36-83f27d2d7eb7-6a05d033, #w-node-f32c567c-e5f5-0d33-8d03-30510cc4bc28-6a05d033, #w-node-_3c12ee50-0810-9380-ee7a-3d553c283863-6a05d033, #w-node-_88dcdfd4-7bfd-1573-6276-cffe6e49961e-6a05d033, #w-node-_88dcdfd4-7bfd-1573-6276-cffe6e499622-6a05d033, #w-node-_88dcdfd4-7bfd-1573-6276-cffe6e499624-6a05d033, #w-node-_88dcdfd4-7bfd-1573-6276-cffe6e499626-6a05d033, #w-node-_88dcdfd4-7bfd-1573-6276-cffe6e499628-6a05d033, #w-node-_005cf233-db94-cedf-01f2-97441efb0cdb-6a05d033, #w-node-_005cf233-db94-cedf-01f2-97441efb0cdf-6a05d033, #w-node-_005cf233-db94-cedf-01f2-97441efb0ce1-6a05d033, #w-node-_005cf233-db94-cedf-01f2-97441efb0ce3-6a05d033, #w-node-_005cf233-db94-cedf-01f2-97441efb0ce5-6a05d033, #w-node-a4e274b2-d41c-72d2-d34b-4a2d5cf4c3a4-6a05d033, #w-node-a4e274b2-d41c-72d2-d34b-4a2d5cf4c3a8-6a05d033, #w-node-a4e274b2-d41c-72d2-d34b-4a2d5cf4c3aa-6a05d033, #w-node-a4e274b2-d41c-72d2-d34b-4a2d5cf4c3ac-6a05d033, #w-node-a4e274b2-d41c-72d2-d34b-4a2d5cf4c3ae-6a05d033, #w-node-_58a88426-98b3-b118-0403-663c5b93436d-6a05d033, #w-node-_58a88426-98b3-b118-0403-663c5b934371-6a05d033, #w-node-_58a88426-98b3-b118-0403-663c5b934373-6a05d033, #w-node-_58a88426-98b3-b118-0403-663c5b934375-6a05d033, #w-node-_58a88426-98b3-b118-0403-663c5b934377-6a05d033, #w-node-c5c00cd6-52a3-35f1-f086-db3163edb197-6a05d033, #w-node-c5c00cd6-52a3-35f1-f086-db3163edb19d-6a05d033, #w-node-c5c00cd6-52a3-35f1-f086-db3163edb19b-6a05d033, #w-node-c5c00cd6-52a3-35f1-f086-db3163edb19f-6a05d033, #w-node-c5c00cd6-52a3-35f1-f086-db3163edb1a1-6a05d033, #w-node-_979f878c-196c-78a5-18af-2278d2fc31c6-6a05d033, #w-node-_979f878c-196c-78a5-18af-2278d2fc31ca-6a05d033, #w-node-_979f878c-196c-78a5-18af-2278d2fc31cc-6a05d033, #w-node-_979f878c-196c-78a5-18af-2278d2fc31ce-6a05d033, #w-node-_979f878c-196c-78a5-18af-2278d2fc31d0-6a05d033, #w-node-aba10886-5180-02d5-69ca-25f99d638ded-6a05d033, #w-node-aba10886-5180-02d5-69ca-25f99d638df1-6a05d033, #w-node-aba10886-5180-02d5-69ca-25f99d638df3-6a05d033 {
  place-self: center;
}

#w-node-_4531f9dc-9ae7-8d6a-37ef-dd7919231cd9-6a05d033 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: center;
}

#w-node-_4531f9dc-9ae7-8d6a-37ef-dd7919231cdb-6a05d033, #w-node-_4531f9dc-9ae7-8d6a-37ef-dd7919231cdd-6a05d033, #w-node-_4531f9dc-9ae7-8d6a-37ef-dd7919231cdf-6a05d033, #w-node-_4531f9dc-9ae7-8d6a-37ef-dd7919231ce1-6a05d033, #w-node-_4531f9dc-9ae7-8d6a-37ef-dd7919231ce3-6a05d033, #w-node-_8d337b85-fc65-6515-9524-aff51fc68a22-6a05d033, #w-node-_8c4e9348-c69d-f242-aecd-f545c97252e6-6a05d033, #w-node-be0f543d-1ec9-b36a-8028-3221694e2050-6a05d033, #w-node-_750c4af2-cd67-fa98-5d0a-3097dbb5b438-6a05d033, #w-node-_62375876-c16b-0dcd-73c1-c2d92aff1d9d-6a05d033, #w-node-_85af0c18-cf1f-dd44-99dd-1d7c0d07a879-6a05d033, #w-node-_15eb0b63-7ff0-1864-3e3b-c0f9df47fb69-6a05d033, #w-node-_15eb0b63-7ff0-1864-3e3b-c0f9df47fb6d-6a05d033, #w-node-_62e6d0c0-4f65-b32f-4510-826ef1638943-6a05d033, #w-node-_62e6d0c0-4f65-b32f-4510-826ef1638947-6a05d033, #w-node-_62e6d0c0-4f65-b32f-4510-826ef1638949-6a05d033 {
  place-self: center;
}