.portofolio-desktop-container {
  width: 100%;
  display: flex;
  overflow: auto;
  min-height: 100vh;
  align-items: center;
  flex-direction: column;
}
.portofolio-desktop-portofolio-desktop {
  width: 100%;
  height: 2030px;
  display: flex;
  overflow: hidden;
  position: relative;
  align-items: flex-start;
  flex-shrink: 0;
  background-color: rgba(32, 32, 32, 1);
}
.portofolio-desktop-rectangle1 {
  top: 0px;
  left: 0100pxpx;
  width: 1440px;
  height: 160px;
  position: absolute;
}
.portofolio-desktop-line2 {
  top: 127px;
  left: 150px;
  width: 1140px;
  height: 1px;
  position: absolute;
}
.portofolio-desktop-text {
  top: 199px;
  left: 181px;
  color: rgba(255, 255, 255, 1);
  width: 427px;
  height: auto;
  position: absolute;
  text-align: left;
  line-height: 72px;
}
.portofolio-desktop-menu {
  gap: 64px;
  top: 25px;
  left: 947px;
  width: 482px;
  display: flex;
  padding: 10px;
  position: absolute;
  align-items: center;
  justify-content: center;
}
.portofolio-desktop-text02 {
  color: #d1d1d1;
  height: auto;
  font-size: 16px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: 80.5px;
  font-stretch: normal;
  text-decoration: none;
}
.portofolio-desktop-text03 {
  color: #d1d1d1;
  height: auto;
  font-size: 16px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: 80.5px;
  font-stretch: normal;
  text-decoration: none;
}
.portofolio-desktop-text04 {
  color: rgb(255, 255, 255);
  height: auto;
  font-size: 16px;
  font-style: normal;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: 80.5px;
  font-stretch: normal;
  text-decoration: none;
}
.portofolio-desktop-text05 {
  color: rgba(209, 209, 209, 1);
  height: auto;
  font-size: 16px;
  font-style: SemiBold;
  text-align: left;
  font-family: Poppins;
  font-weight: 600;
  line-height: 80.5px;
  font-stretch: normal;
  text-decoration: none;
}
.portofolio-desktop-footer {
  top: 1764px;
  left: 151px;
  width: 1140px;
  height: 220px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.portofolio-desktop-border-bottom-navbar {
  top: 4.547473508864641e-13px;
  left: 0px;
  width: 1140px;
  height: 1px;
  position: absolute;
}
.portofolio-desktop-frame5 {
  gap: 16px;
  top: 22px;
  left: 511.5px;
  width: 89px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-direction: column;
}
.portofolio-desktop-footer1 {
  top: 0px;
  left: 100px;
  width: 1140px;
  height: 220px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 0;
}
.portofolio-desktop-border-bottom-navbar1 {
  top: 4.547473508864641e-13px;
  left: 0px;
  width: 1140px;
  height: 1px;
  position: absolute;
}
.portofolio-desktop-frame6 {
  gap: 48px;
  top: 28px;
  left: 226px;
  width: 658px;
  display: flex;
  position: absolute;
  align-items: center;
  flex-shrink: 0;
  flex-direction: column;
}
.portofolio-desktop-group138 {
  width: 570px;
  height: 18px;
  display: flex;
  position: relative;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-text07 {
  color: rgb(244, 244, 244);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Medium;
  text-align: left;
  font-family: IBM Plex Sans;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.portofolio-desktop-text08 {
  left: 118.5px;
  color: rgb(244, 244, 244);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Medium;
  text-align: left;
  font-family: IBM Plex Sans;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.portofolio-desktop-text09 {
  left: 377.5px;
  color: rgb(244, 244, 244);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Medium;
  text-align: left;
  font-family: IBM Plex Sans;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.portofolio-desktop-text10 {
  left: 510.5px;
  color: rgb(244, 244, 244);
  height: auto;
  position: absolute;
  font-size: 14px;
  font-style: Medium;
  text-align: left;
  font-family: IBM Plex Sans;
  font-weight: 500;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.portofolio-desktop-frame51 {
  gap: 16px;
  display: flex;
  align-items: center;
  flex-direction: column;
}
.portofolio-desktop-text11 {
  color: rgba(244, 244, 244, 1);
  height: auto;
  font-size: 14px;
  font-style: SemiBold;
  text-align: left;
  font-family: IBM Plex Sans;
  font-weight: 600;
  line-height: normal;
  font-stretch: normal;
  text-decoration: none;
}
.portofolio-desktop-link {
  display: contents;
}
.portofolio-desktop-frame2 {
  top: 50px;
  left: 444px;
  width: 154px;
  height: 282px;
  position: absolute;
  text-decoration: none;
}
.portofolio-desktop-text13 {
  top: 204px;
  left: 206.5px;
  color: rgba(212, 212, 212, 1);
  width: 678px;
  height: auto;
  position: absolute;
  text-align: left;
  line-height: 32px;
}
.portofolio-desktop-link1 {
  display: contents;
}
.portofolio-desktop-vector {
  top: 128px;
  left: 700px;
  width: 61px;
  height: 61px;
  position: absolute;
  text-decoration: none;
}
.portofolio-desktop-detail-project {
  top: 1151px;
  left: 858px;
  width: 556px;
  height: 138px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-detail {
  top: 74px;
  left: 0px;
  width: 556px;
  height: 64px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-text15 {
  color: rgba(212, 212, 212, 1);
  width: 556px;
  height: auto;
  position: absolute;
  text-align: left;
  line-height: 32px;
}
.portofolio-desktop-title {
  top: 0px;
  left: 0px;
  width: 513px;
  height: 56px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-text17 {
  color: rgba(255, 255, 255, 1);
  height: auto;
  position: absolute;
  text-align: left;
  line-height: 56px;
}
.portofolio-desktop-detail-project1 {
  top: 457px;
  left: 858px;
  width: 614px;
  height: 100px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-detail1 {
  top: 68px;
  left: 2px;
  width: 557px;
  height: 32px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-text19 {
  color: rgba(212, 212, 212, 1);
  width: 557px;
  height: auto;
  position: absolute;
  text-align: left;
  line-height: 32px;
}
.portofolio-desktop-title1 {
  top: 0px;
  left: 0px;
  width: 614px;
  height: 56px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-text21 {
  color: rgba(255, 255, 255, 1);
  width: 614px;
  height: auto;
  position: absolute;
  text-align: left;
  line-height: 56px;
}
.portofolio-desktop-ellipse6 {
  top: 1834px;
  left: -108px;
  width: 339px;
  height: 385px;
  opacity: 0.50;
  position: absolute;
}
.portofolio-desktop-untitled-artwork1 {
  top: 55px;
  left: 101px;
  width: 109px;
  height: 41px;
  position: absolute;
}
.portofolio-desktop-yasuo {
  top: 440px;
  left: 168px;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle13 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-rectangle15 {
  top: 0px;
  left: 0px;
  width: 556px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-group123 {
  top: 10px;
  left: 509px;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(62, 64, 81, 1);
}
.portofolio-desktop-arrow-up {
  top: 4px;
  left: 17.849609375px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.portofolio-desktop-thumbnail-project {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1301 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-rectangle1501 {
  top: 0px;
  left: 0px;
  width: 556px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-group12301 {
  top: 0px;
  left: 2px;
  width: 553px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle19 {
  top: 19.352617263793945px;
  left: 495.6946716308594px;
  width: 34px;
  height: 25px;
  position: absolute;
  border-radius: 9px;
}
.portofolio-desktop-link2 {
  display: contents;
}
.portofolio-desktop-untitled-artwork22 {
  top: 0px;
  left: 0px;
  width: 553px;
  height: 282px;
  position: absolute;
  text-decoration: none;
}
.portofolio-desktop-arrow-up01 {
  top: 22.117538452148438px;
  left: 512.7427368164062px;
  width: 17px;
  height: 17px;
  position: absolute;
}
.portofolio-desktop-neymar {
  top: 794px;
  left: 168px;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1302 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-rectangle1502 {
  top: 0px;
  left: 0px;
  width: 556px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-group12302 {
  top: 10px;
  left: 509px;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(62, 64, 81, 1);
}
.portofolio-desktop-arrow-up02 {
  top: 4px;
  left: 17.849609375px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.portofolio-desktop-thumbnail-project1 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1303 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-rectangle1503 {
  top: 0px;
  left: 0px;
  width: 556px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-link3 {
  display: contents;
}
.portofolio-desktop-untitled-artwork31 {
  top: 0px;
  left: -2px;
  width: 557px;
  height: 282px;
  position: absolute;
  text-decoration: none;
}
.portofolio-desktop-group12303 {
  top: 10px;
  left: 509px;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(62, 64, 81, 1);
}
.portofolio-desktop-arrow-up03 {
  top: 4px;
  left: 17.849609375px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.portofolio-desktop-cod {
  top: 794px;
  left: 850px;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1304 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-rectangle1504 {
  top: 0px;
  left: 0px;
  width: 556px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-group12304 {
  top: 10px;
  left: 509px;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(62, 64, 81, 1);
}
.portofolio-desktop-arrow-up04 {
  top: 4px;
  left: 17.849609375px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.portofolio-desktop-thumbnail-project2 {
  top: 0px;
  left: 0100pxpx;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1305 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-rectangle1505 {
  top: 0px;
  left: 0px;
  width: 556px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-link4 {
  display: contents;
}
.portofolio-desktop-untitled-artwork11 {
  top: 0px;
  left: 2px;
  width: 553px;
  height: 282px;
  position: absolute;
  text-decoration: none;
}
.portofolio-desktop-group12305 {
  top: 10px;
  left: 509px;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(62, 64, 81, 1);
}
.portofolio-desktop-arrow-up05 {
  top: 4px;
  left: 17.849609375px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.portofolio-desktop-thumbnail-project3 {
  top: 1137px;
  left: 168px;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1306 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-rectangle1506 {
  top: 0px;
  left: 0px;
  width: 556px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-group12306 {
  top: 10px;
  left: 509px;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(62, 64, 81, 1);
}
.portofolio-desktop-arrow-up06 {
  top: 4px;
  left: 17.849609375px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.portofolio-desktop-thumbnail-project4 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1307 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-rectangle1507 {
  top: 0px;
  left: 0px;
  width: 556px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-group12307 {
  top: 0px;
  left: -2px;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle191 {
  top: 5.071942329406738px;
  left: 493.2876892089844px;
  width: 35px;
  height: 18px;
  position: absolute;
  border-radius: 9px;
}
.portofolio-desktop-link5 {
  display: contents;
}
.portofolio-desktop-screenshot202306221334182 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
  text-decoration: none;
}
.portofolio-desktop-arrow-up07 {
  top: 7.100719451904297px;
  left: 510.5185852050781px;
  width: 16px;
  height: 15px;
  position: absolute;
}
.portofolio-desktop-thumbnail-project5 {
  top: 1450px;
  left: 168px;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1308 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-rectangle1508 {
  top: 0px;
  left: 0px;
  width: 556px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-group12308 {
  top: 10px;
  left: 509px;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(62, 64, 81, 1);
}
.portofolio-desktop-arrow-up08 {
  top: 4px;
  left: 17.849609375px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.portofolio-desktop-thumbnail-project6 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1309 {
  top: 0px;
  left: 0px;
  width: 555px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-rectangle1509 {
  top: 0px;
  left: 0px;
  width: 556px;
  height: 282px;
  position: absolute;
}
.portofolio-desktop-link6 {
  display: contents;
}
.portofolio-desktop-screenshot202306221334341 {
  top: 3px;
  left: 4px;
  width: 551px;
  height: 279px;
  position: absolute;
  text-decoration: none;
}
.portofolio-desktop-group12309 {
  top: 10px;
  left: 509px;
  width: 36px;
  height: 36px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(62, 64, 81, 1);
}
.portofolio-desktop-arrow-up09 {
  top: 4px;
  left: 17.849609375px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.portofolio-desktop-thumbnail-project7 {
  top: 1433.427001953125px;
  left: 850px;
  width: 564px;
  height: 286.5729675292969px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1310 {
  top: 0px;
  left: 0px;
  width: 564px;
  height: 287px;
  position: absolute;
}
.portofolio-desktop-rectangle1510 {
  top: 0px;
  left: 0px;
  width: 565px;
  height: 287px;
  position: absolute;
}
.portofolio-desktop-group12310 {
  top: 10.162485122680664px;
  left: 517.254150390625px;
  width: 36.58378219604492px;
  height: 36.58378219604492px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
  background-color: rgba(62, 64, 81, 1);
}
.portofolio-desktop-arrow-up10 {
  top: 4.0648651123046875px;
  left: 18.139062881469727px;
  width: 20px;
  height: 20px;
  position: absolute;
}
.portofolio-desktop-thumbnail-project8 {
  top: 0px;
  left: 0px;
  width: 564px;
  height: 286.5729675292969px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-rectangle1311 {
  top: 0px;
  left: 0px;
  width: 564px;
  height: 287px;
  position: absolute;
}
.portofolio-desktop-rectangle1511 {
  top: 0px;
  left: 0px;
  width: 565px;
  height: 287px;
  position: absolute;
}
.portofolio-desktop-group12311 {
  top: 10.162538528442383px;
  left: 4.0003662109375px;
  width: 560px;
  height: 276.4111328125px;
  display: flex;
  position: absolute;
  align-items: flex-start;
  flex-shrink: 1;
}
.portofolio-desktop-link7 {
  display: contents;
}
.portofolio-desktop-screenshot202306221335361 {
  top: 0.4111328125px;
  left: 0px;
  width: 560px;
  height: 276px;
  position: absolute;
  text-decoration: none;
}
.portofolio-desktop-rectangle192 {
  top: 0px;
  left: 513.25390625px;
  width: 37px;
  height: 37px;
  position: absolute;
  border-radius: 9px;
}
.portofolio-desktop-arrow-up11 {
  top: 4.0648651123046875px;
  left: 531.3929443359375px;
  width: 20px;
  height: 20px;
  position: absolute;
}