.background {
    width: 100%;
    height: auto;
    top: 200px;
}
.background2 {
    width: 1369px;
    height: auto;
    top: 200px;
    position: relative;
    top: -9541px;
}
.background4 {
    width: 1369px;
    height: auto;
    top: 200px;
    position: relative;
    top: -9541px;
}
.background3 {
    width: 1369px;
    height: auto;
    top: 200px;
    position: relative;
    top: -10500px;
    z-index: 1;
}
.col {
    font-size:20px;
    color:white;
    font-family: FSLight;
    margin-top: 10px;
}
@font-face {
    font-family: fSLight;
    src: url(fonts/SF-Pro-Display-Light.otf);
}
@font-face {
    font-family: fSBold;
    src: url(fonts/SF-Pro-Display-Bold.otf);
}
@font-face {
    font-family: fSBlack;
    src: url(fonts/SF-Pro-Display-Black.otf);
}
@font-face {
    font-family: Perandory;
    src: url(fonts/Perandory-Semi-Condensed.otf);
}
@font-face {
    font-family: Sloop;
    src: url(fonts/sloopscript.ttf);
}
@font-face {
    font-family: FSRegular;
    src: url(fonts/SF-Pro-Display-Regular.otf);
}
@font-face {
    font-family: FSSemiBold;
    src: url(fonts/SF-Pro-Display-Semibold.otf);
}
@font-face {
    font-family: FSHeavy;
    src: url(fonts/SF-Pro-Display-Heavy.otf);
}
@font-face {
    font-family: FSMedium;
    src: url(fonts/SF-Pro-Display-Medium.otf);
}
.poster-folder {
    margin-left: 24px;
    position: relative;
    z-index: 1;
    top: -887px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
}
.poster-folder:active {
    transform: scale(0.90);
}
.poster-folder:hover {
    transform: scale(0.99);
    opacity: 90%;
}
.poster-folder-text {
    font-family: FSLight;
    font-size: 16px;
    margin-left: 58px;
    z-index: 1;
    position: relative;
    color: white;
    top: -882px;
}
.rebranding-folder {
    margin-left: 171px;
    position: relative;
    z-index: 1;
    top: -886px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
}
.rebranding-folder:active {
    transform: scale(0.90);
}
.rebranding-folder:hover {
    transform: scale(0.99);
    opacity: 90%;
}
.Rebranding-folder-text {
    font-family: FSLight;
    font-size: 16px;
    margin-left: 183px;
    z-index: 1;
    position: relative;
    color: white;
    top: -879px;
}
.website-folder {
    margin-left: 937px;
    position: relative;
    z-index: 1;
    top: -1055px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
}
.website-folder:active {
    transform: scale(0.90);
}
.website-folder:hover {
    transform: scale(0.99);
    opacity: 90%;
}

.website-folder-text {
    font-family: FSLight;
    font-size: 16px;
    margin-left: 959px;
    z-index: 1;
    position: relative;
    color: white;
    top: -1047px;
}
.back {
    width: 900px;
    height: 119px;
    margin-top: 40px;
    margin-right: 50px;
    padding: 0;
}
.front {
    width: 900px;
    height: 400px;
    margin-top: -250px;
    padding: 0;
}
.nav-link {
    font-family: FSBold;
    color: black;
}
.nav-link {
    font-family: FSBold;
    color: black;
    font-size: 15px;
    margin-left: 20px;
}
.navbar-brand {
    font-family: FSBold;
    color: black;
    font-size: 15px;
    margin-left: 5px;
}
.judul {
    font-family: Perandory;
    position: absolute;
    transform: translate(-50%,-50%);
    left: 50%;
    top: 59%;
    color: black;
    font-size: 218px;
    padding: 0;
}

.front-img{
    display: flex;
    position: absolute;
    align-items: center;
    right: 20%;
    width: 60%;
    top: 60%;
    height: 61%;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.front-img:active {
transform: scale(0.99);
}
.front-img:hover {
    transform: scale(0.99);
    opacity: 90%;
}
.back-img{
    margin-top: -90.5rem;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    left: -173px;
    position: relative;
}
.back-img:hover {
    transform: scale(0.99);
    opacity: 90%;
}
.alyaJelek{
    font-size: 112px;
    position: absolute;
    color: black;
    top: 61%;
    font-family: Sloop;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    left: 817px;
   
}
.paragraf{
    font-family: FSLight;
    position: absolute;
    color: black;
    margin-left: 250px;
    top: 92%;
    font-size: 19px;
}
.bg2 {
    width: 1369px;
    height: auto;
    margin-top: -687px;
}
.airdrop {
    width: 133%;
    height: 43%;
    margin-top: -233%;
    margin-left: -18%;
    display: block;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.about-me{
    color: black;
    position: relative;
    font-family: FSSemiBold;
    margin-left: 0%;
    top: -36.1%;
    font-size: 23px;
}
.airdrop-me{
    color: black;
    position: relative;
    font-family: FSSemiBold;
    margin-left: 1%;
    top: -37.5%;
    font-size: 14px;
}
.skills {
    margin-right: -21%;
    margin-top: -82rem;
    width: 90%;
    height: 16%;
    position: relative;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}

.Accept {
    color: #CCCC66;
    font-family: FSSemiBold;
    left: 36%;
    top: -192px;
    position: relative;
    font-size: 23px;
    z-index: 1;
    transition: color 0.3s;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
}
.Accept:active {
    transform: scale(0.95);
}
.Accept:hover {
    color: #999933;
}
.Decline {
    color: #CCCC66;
    font-family: FSSemiBold;
    top: -193px;
    position: relative;
    font-size: 23px;
    transition: color 0.3s;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
    z-index: 1;
    left: -124px;
}
.Decline:active {
    transform: scale(0.95);
}
.Decline:hover {
    color: #999933;
}
.point-text {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-left: 106px;
    font-size: 14px;
    top: -749px;
}
.point-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-left: 239px;
    font-size: 14px;
    top: -853.1px;
}
.judul-text {
    font-size: 14px;
    font-family: fSBlack;
    position: relative;
    color: black;
    margin-left: -128px;
    top: -739px;
}
.education {
    margin-right: -40%;
    margin-top: -1400px;
    width: 78%;
    height: 25%;
    position: relative;
    z-index: 1;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.judul-education {
    font-family: FSBlack;
    font-size: 14px;
    top: -798px;
    color: black;
    position: relative;
    margin-right: -19px;
    z-index: 1;
}
.edu-text {
    font-family: FSBold;
    font-size: 14px;
    top: -806px;
    margin-left: 166px;
    position: relative;
    color: black;
    z-index: 1;
}
.edu-text2 {
    font-family: FSBold;
    font-size: 14px;
    top: -819px;
    margin-left: 165px;
    position: relative;
    color: black;
    z-index: 1;
}
.light {
    font-family: FSRegular;
    font-size: 14px;
    top: -807px;
    margin-left: 45px;
    position: relative;
    color: black;
    z-index: 1;
}
.light2 {
    font-family: FSRegular;
    font-size: 14px;
    top: -819px;
    margin-left: 146px;
    position: relative;
    color: black;
    z-index: 1;
}
.light3 {
    font-family: FSRegular;
    font-size: 14px;
    top: -834px;
    margin-left: 43px;
    position: relative;
    color: black;
    z-index: 1;
}
.hello {
    width: 367px;
    margin-top: 395px;
    margin-left: -20px;
    position: relative;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    z-index: 1;
    height: 369px;
    overflow: hidden;
    top: -1219px;
}
.judul-hello {
    font-family: FSBlack;
    font-size: 14px;
    top: -1524px;
    color: black;
    position: relative;
    margin-right: 183px;
    z-index: 1;
}
.hello-text {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-left: 36px;
    font-size: 14px;
    top: -1534.1px;
    z-index: 1;
    text-align: left;
    max-width: 286px;
}
.hello-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-left: 37px;
    font-size: 14px;
    top: -1543.1px;
    z-index: 1;
    text-align: left;
    max-width: 286px;
}
.contact {
    width: 317px;
    height: 374px;
    top: -1227px;
    margin-left: -117px;
    position: relative;
    z-index: 1;
    margin-top: -430px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.judul-contact {
    font-family: FSBlack;
    font-size: 14px;
    top: -1527px;
    color: black;
    position: relative;
    margin-right: 227px;
    z-index: 1;
}
.phone-text {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: 119px;
    font-size: 14px;
    top: -1565.1px;
    z-index: 1;
}
.phone {
    width: 56px;
    margin-left: -271px;
    position: relative;
    margin-top: -3075px;
    z-index: 1;
    height: auto;
}
.gmail {
    width: 50px;
    margin-left: -272px;
    position: relative;
    margin-top: -3151px;
    z-index: 1;
    height: auto;
}
.instagram {
    width: 63px;
    margin-left: -270px;
    position: relative;
    margin-top: -3225px;
    z-index: 1;
    height: auto;
}
.gmail-text {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: 58px;
    font-size: 14px;
    top: -1604.1px;
    z-index: 1;
}
.instagram-text {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: 149px;
    font-size: 14px;
    top: -1642.1px;
    z-index: 1;
}
.icon {
    width: 356px;
    margin-right: 2px;
    position: relative;
    z-index: 1;
    height: auto;
    top: -158px;
}
.bg3-1 {
    width: 1369px;
    height: auto;
    margin-top: -1790px;
}
.bg3 {
    width: 1374px;
    height: 1495px;
    top: 300px;
    margin-top: -2303px;
}
.contents {
    width: 863px;
    height: auto;
    top: -1643px;
    position: relative;
    margin-left: 241px;
    z-index: 1;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.allleley {
    font-family: FSSemiBold;
    font-size: 19px;
    position: relative;
    top: -2270px;
    margin-left: 303px;
    z-index: 1;
    color: #999999;
}
.judul-content {
    font-family: FSHeavy;
    font-size: 36px;
    position: relative;
    top: -2291px;
    margin-left: 299px;
    z-index: 1;
    color: black;
}
.content-mini {
    font-family: FSBold;
    font-size: 19px;
    position: relative;
    top: -2204px;
    margin-left: 210px;
    z-index: 1;
    color: #CCCC66;
}
.portfolio-text {
    font-family: FSBold;
    font-size: 19px;
    position: relative;
    top: -2212px;
    margin-left: 211px;
    color: black;
    z-index: 1;
}
.portfolio-text2 {
    font-family: FSBold;
    font-size: 19px;
    position: relative;
    top: -1541px;
    margin-left: 211px;
    z-index: 1;
    color: black;
    visibility: hidden;
}
.portfolio-text3 {
    font-family: FSBold;
    font-size: 19px;
    position: relative;
    top: -2212px;
    margin-left: 211px;
    z-index: 1;
    color: black;
    visibility: hidden;
}
.text-2024 {
    font-family: FSBold;
    font-size: 19px;
    position: relative;
    top: -2218px;
    margin-left: 211px;
    z-index: 1;
    color: black;
}
.poster-content{
    max-width: 100%;
    height: auto;
    position: relative;
    top: -2272px;
    margin-left: 300px;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
}
.poster-content:active {
    transform: scale(0.95);
}
.poster-content:hover {
    transform: scale(0.99);
    opacity: 70%;
}
.poster-content-text {
    font-family: FSSemiBold;
    font-size: 16px;
    margin-left: 340px;
    position: relative;
    color: black;
    top: -2270px;
    z-index: 1;
}
.book-content {
    max-width: 100%;
    height: auto;
    position: relative;
    top: -2272px;
    margin-left: 300px;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
}
.book-content:active {
    transform: scale(0.95);
}
.book-content:hover {
    transform: scale(0.99);
    opacity: 70%;
}
.book-content-text{
    font-family: FSSemiBold;
    font-size: 16px;
    margin-left: 347px;
    position: relative;
    color: black;
    top: -2270px;
    z-index: 1;
}
.rebranding-content {
    max-width: 100%;
    height: auto;
    position: relative;
    top: -2552px;
    margin-left: 470px;
    z-index: 1;
}
.rebranding-content-text{
    font-family: FSSemiBold;
    font-size: 16px;
    margin-left: 490px;
    position: relative;
    color: black;
    top: -2550px;
    z-index: 1;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
}
.rebranding-content:active {
    transform: scale(0.95);
}
.rebranding-content:hover {
    transform: scale(0.99);
    opacity: 70%;
}
.website-content {
    max-width: 100%;
    height: auto;
    position: relative;
    top: -2157px;
    margin-left: 449px;
    z-index: 1
}
.website-content:hover {
    transform: scale(0.99);
    opacity: 70%;
}
.website-content-text{
    font-family: FSSemiBold;
    font-size: 16px;
    margin-left: 483px;
    position: relative;
    color: black;
    top: -2155px;
    z-index: 1
}
.bg4 {
    width: 1369px;
    height: auto;
    top: 200px;
    margin-top: -3937px;
    position: relative;
    z-index: 1;
}
.folder-poster {
    height: auto;
    position: relative;
    top: -2108px;
    margin-left: 171px;
    z-index: 1;
    width: 600px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
    z-index: 1;
    left: -3px;
}
.folder-poster:active {
    transform: scale(0.90);
}
.folder-poster:hover {
    transform: scale(0.99);
}
.folder-poster-text {
    font-family: FSLight;
    font-size: 26px;
    margin-left: 423px;
    position: relative;
    color: white;
    top: -2184px;
    z-index: 1;
    display: inline-block;
}
.folder-poster-text2 {
    font-family: FSLight;
    font-size: 26px;
    margin-left: 423px;
    position: relative;
    color: white;
    top: -2119px;
    z-index: 1;
    visibility: hidden;
}
.poster-judul {
    font-family: Perandory;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 81px;
    top: -2462px;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
    z-index: 1;
    left: 368px;
}
.poster-judul:active {
    transform: scale(0.90);
}
.poster-judul:hover {
    transform: scale(0.99);
}
.bg5 {
    width: 1368px;
    margin-top: -3436px;
    position: relative;
    z-index: 1;
    left: -2px;
    height: auto;
}
.mogu1{
    width: 723px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -46px;
    top: -2224px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.mogu1:hover {
    transform: scale(0.99);
}
.mogu-judul{
    width: 424px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 462px;
    top: -2231px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.mogu-judul:hover {
    transform: scale(0.99);
}
.notes-mogu {
    width: 474px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 473px;
    top: -2376px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.mogu-text1 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 530px;
    position: relative;
    color: black;
    top: -2664px;
    z-index: 1;
}
.poster2 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 530px;
    position: relative;
    color: black;
    top: -2185px;
    z-index: 1;
    visibility: hidden;
}
.mogu-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -197px;
    font-size: 12px;
    top: -2675.1px;
    z-index: 1;
    text-align: left;
    max-width: 363px;
    left: 531px;
}
.skills-button {
    width: 217px;
    position: relative;
    left: 464px;
    top: -2718px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.photoshop {
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 539px;
    position: relative;
    color: black;
    top: -2815px;
    z-index: 1;
}
.skills-button2{
    width: 217px;
    position: relative;
    left: 609px;
    top: -2927px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.photography-button {
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 675px;
    position: relative;
    color: black;
    top: -3023px;
    z-index: 1;
}
.branding {
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 837px;
    position: relative;
    color: black;
    top: -3230px;
    z-index: 1;
}
.skills-button3{
    width: 217px;
    position: relative;
    left: 756px;
    top: -3134px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.lightroom {
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 539px;
    position: relative;
    color: black;
    top: -3392px;
    z-index: 1;
}
.skills-button4{
    width: 217px;
    position: relative;
    left: 464px;
    top: -3296px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.bg6 {
    width: 1368px;
    margin-top: -5198px;
    position: relative;
    z-index: 1;
    left: -2px;
    height: auto;
}
.mono-judul {
    width: 457px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 80px;
    top: -3291px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.mono-judul:hover {
    transform: scale(0.99);
}
.notes-mono {
    width: 474px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 48px;
    top: -3466px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.mono1 {
    width: 646px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 352px;
    top: -3229px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.mono1:hover {
    transform: scale(0.99);
}
.mono-text1 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 106px;
    position: relative;
    color: black;
    top: -3751px;
    z-index: 1;
}
.mono-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -293px;
    font-size: 12px;
    top: -3764.1px;
    z-index: 1;
    text-align: left;
    max-width: 391px;
    left: 107px;
}
.mono-text3 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -293px;
    font-size: 12px;
    top: -3764.1px;
    z-index: 1;
    text-align: left;
    max-width: 391px;
    left: 107px;
}
.skills-button5{
    width: 217px;
    position: relative;
    left: 160px;
    top: -3788px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.skills-button7{
    width: 217px;
    position: relative;
    left: 306px;
    top: -3995px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.blender {
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 247px;
    position: relative;
    color: black;
    top: -3883px;
    z-index: 1;
}
.branding2{
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 388px;
    position: relative;
    color: black;
    top: -4091px;
    z-index: 1;
}
.bg7 {
    width: 1368px;
    margin-top: -6075px;
    position: relative;
    z-index: 1;
    left: -2px;
    height: auto;
}
.bio1 {
    width: 646px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 13px;
    top: -3997px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.bio1:hover {
    transform: scale(0.99);
}

.bio-text1 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 579px;
    position: relative;
    color: black;
    top: -4684px;
    z-index: 1;
}
.bio-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -177px;
    font-size: 12px;
    top: -4695.1px;
    z-index: 1;
    text-align: left;
    max-width: 391px;
    left: 578px;
}
.bio-text3 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -221px;
    font-size: 12px;
    top: -4695.1px;
    z-index: 1;
    text-align: left;
    max-width: 391px;
    left: 579px;
}
.bio-judul {
    width: 457px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 497px;
    top: -4588px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.bio-judul:hover {
    transform: scale(0.99);
}
.notes-bio {
    width: 501px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 63px;
    top: -4381px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.skills-button8{
    width: 217px;
    position: relative;
    left: 517px;
    top: -4747px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.skills-button9{
    width: 217px;
    position: relative;
    left: 662px;
    top: -4955px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.skills-button10{
    width: 217px;
    position: relative;
    left: 808px;
    top: -5162px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.branding3{
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 888px;
    position: relative;
    color: black;
    top: -5258px;
    z-index: 1;
}
.photoshop2{
    font-family: FSBlack;
  font-size: 12px;
  margin-left: 590px;
  position: relative;
  color: black;
  top: -4843px;
  z-index: 1;
}
.typography-button{
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 733px;
    position: relative;
    color: black;
    top: -5051px;
    z-index: 1;
}
.bg8 {
    width: 1369px;
    height: auto;
    top: -2616px;
    margin-top: -3937px;
    position: relative;
    z-index: 1;  
}
.folder-rebranding {
    height: auto;
    position: relative;
    top: -4921px;
    margin-left: 171px;
    z-index: 1;
    width: 600px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
    z-index: 1;
    left: 31px;
}
.folder-rebranding:active {
    transform: scale(0.90);
}
.folder-rebranding:hover {
    transform: scale(0.99);
}
.folder-rebranding-text {
    font-family: FSLight;
    font-size: 26px;
    margin-left: 425px;
    position: relative;
    color: white;
    top: -5005px;
    z-index: 1;
    display: inline-block;
}
.folder-rebranding-text2 {
    font-family: FSLight;
    font-size: 26px;
    margin-left: 396px;
    position: relative;
    color: white;
    top: -4927px;
    z-index: 1;
    visibility: hidden;
}
.rebranding-judul {
    font-family: Perandory;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 81px;
    top: -5271px;
    left: 305px;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
    z-index: 1;
    left: 333px;
}
.rebranding-judul:active {
    transform: scale(0.90);
}
.rebranding-judul:hover {
    transform: scale(0.99);
}
.bg9 {
    width: 1368px;
    margin-top: -8944px;
    position: relative;
    z-index: 1;
    left: -2px;
    height: auto;
}
.zw1{
    width: 723px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -46px;
    top: -4838px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.zw1:hover {
    transform: scale(0.99);
}
.zw2{
    width: 421px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -19px;
    top: -4834px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.zw2:hover {
    transform: scale(0.99);
}
.zw3{
    width: 420px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -76px;
    top: -4835px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.zw3:hover {
    transform: scale(0.99);
}
.zw4{
    width: 424px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 715px;
    top: -5172px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.zw4:hover {
    transform: scale(0.99);
}
.zw-judul{
    width: 424px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 597px;
    top: -6158px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.zw-judul:hover {
    transform: scale(0.99);
}
.notes-zw {
    width: 474px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 191px;
    top: -5960px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.zw-text1 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 675px;
    position: relative;
    color: black;
    top: -6248px;
    z-index: 1;
}
.rebranding2 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 675px;
    position: relative;
    color: black;
    top: -6095px;
    z-index: 1;
    visibility: hidden;
}
.zw-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -197px;
    font-size: 12px;
    top: -6255.1px;
    z-index: 1;
    text-align: left;
    max-width: 363px;
    left: 674px;
}
.bg10 {
    width: 1368px;
    margin-top: -7092px;
    position: relative;
    z-index: 1;
    left: -2px;
    height: auto;
}
.sfte1 {
    width: 723px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 410px;
    top: -6117px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sfte1:hover {
    transform: scale(0.99);
}
.sfte2{
    width: 421px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -19px;
    top: -6117px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sfte2:hover {
    transform: scale(0.99);
}
.sfte3{
    width: 420px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -76px;
    top: -6117px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sfte3:hover {
    transform: scale(0.99);
}
.sfte4{
    width: 424px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 715px;
    top: -6455px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sfte4:hover {
    transform: scale(0.99);
}
.sfte-judul{
    width: 424px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 48px;
    top: -5564px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sfte-judul:hover {
    transform: scale(0.99);
}
.notes-sfte {
    width: 474px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -441px;
    top: -5365px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sfte-text1 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 45px;
    position: relative;
    color: black;
    top: -5652px;
    z-index: 1;
}
.sfte-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -197px;
    font-size: 12px;
    top: -5664.1px;
    z-index: 1;
    text-align: left;
    max-width: 363px;
    left: 48px;
}
.bg11 {
    width: 1368px;
    margin-top: -8916px;
    position: relative;
    z-index: 1;
    left: 0px;
    height: auto;
}
.bg12 {
    width: 1368px;
    margin-top: -10801px;
    position: relative;
    z-index: 1;
    left: 0px;
    height: auto;
}
.uno1{
    width: 723px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -46px;
    top: -6271px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.uno1:hover {
    transform: scale(0.99);
}
.uno2{
    width: 421px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -19px;
    top: -6254px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.uno2:hover {
    transform: scale(0.99);
}
.uno-judul{
    width: 424px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 597px;
    top: -7596px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.uno-judul:hover {
    transform: scale(0.99);
}
.notes-uno {
    width: 474px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 191px;
    top: -7395px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.uno-text1 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 675px;
    position: relative;
    color: black;
    top: -7683px;
    z-index: 1;
}
.uno-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -197px;
    font-size: 12px;
    top: -7694.1px;
    z-index: 1;
    text-align: left;
    max-width: 363px;
    left: 674px;
}
.uno3{
    width: 420px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -76px;
    top: -6254px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.uno3:hover {
    transform: scale(0.99);
}
.uno4{
    width: 424px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 715px;
    top: -6590px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.uno4:hover {
    transform: scale(0.99);
}
.bg13 {
    width: 1368px;
    margin-top: -12522px;
    position: relative;
    z-index: 1;
    left: 0px;
    height: auto;
}
.sb1 {
    width: 723px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 410px;
    top: -7526px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sb1:hover {
    transform: scale(0.99);
}
.sb2{
    width: 421px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -19px;
    top: -7506px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sb2:hover {
    transform: scale(0.99);
}
.sb3{
    width: 420px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -76px;
    top: -7507px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sb3:hover {
    transform: scale(0.99);
}
.sb4{
    width: 424px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 715px;
    top: -7845px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sb4:hover {
    transform: scale(0.99);
}
.sb-judul{
    width: 424px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 48px;
    top: -7011px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sb-judul:hover {
    transform: scale(0.99);
}
.notes-sb {
    width: 474px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -441px;
    top: -6808px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.sb-text1 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 45px;
    position: relative;
    color: black;
    top: -7094px;
    z-index: 1;
}
.sb-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -197px;
    font-size: 12px;
    top: -7106.1px;
    z-index: 1;
    text-align: left;
    max-width: 363px;
    left: 48px;
}
.bg14 {
    width: 1369px;
    height: auto;
    top: 167px;
    margin-top: -14671px;
    position: relative;
    z-index: 1;
}
.folder-website {
    height: auto;
    position: relative;
    top: -7471px;
    margin-left: 32px;
    z-index: 1;
    width: 600px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
    z-index: 1;
    left: 7px;
}
.folder-website:active {
    transform: scale(0.90);
}
.folder-website:hover {
    transform: scale(0.99);
}
.folder-website-text {
    font-family: FSLight;
    font-size: 26px;
    margin-left: 276px;
    position: relative;
    color: white;
    top: -7556px;
    z-index: 1;
    display: inline-block;
}
.folder-website-text2 {
    font-family: FSLight;
    font-size: 26px;
    margin-left: 423px;
    position: relative;
    color: white;
    top: -7489px;
    z-index: 1;
    visibility: hidden;
}
.website-judul {
    font-family: Perandory;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 81px;
    top: -7826px;
    left: 212px;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
    z-index: 1;
    left: 218px;
}
.website-judul:hover {
    transform: scale(0.99);
}
.website-judul:active {
    transform: scale(0.90);
}
.website-judul:hover {
    transform: scale(0.99);
}
.website {
    width: 646px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 13px;
    top: -7260px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.website:hover {
    transform: scale(0.99);
}
.website-text1 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 662px;
    position: relative;
    color: black;
    top: -7949px;
    z-index: 1;
}
.website2 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 662px;
    position: relative;
    color: black;
    top: -7817px;
    z-index: 1;
    visibility: hidden;
}
.website-text2 {
    font-family: FSRegular;
  color: black;
  position: relative;
  margin-right: -154px;
  font-size: 12px;
  top: -7961.1px;
  z-index: 1;
  text-align: left;
  max-width: 391px;
  left: 660px;
}
.website-text3 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -221px;
    font-size: 12px;
    top: -4695.1px;
    z-index: 1;
    text-align: left;
    max-width: 391px;
    left: 579px;
}
.website-judul2 {
    width: 457px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 577px;
    top: -7854px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.website-judul2:hover {
    transform: scale(0.99);
}
.notes-website {
    width: 501px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 144px;
    top: -7644px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.skills-button11{
    width: 217px;
    position: relative;
    left: 446px;
    top: -7982px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.skills-button12{
    width: 217px;
    position: relative;
    left: 295px;
    top: -8189px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.skills-button13{
    width: 217px;
    position: relative;
    left: 144px;
    top: -8397px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.branding4{
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 226px;
    position: relative;
    color: black;
    top: -8494px;
    z-index: 1;
}
.photoshop3{
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 522px;
    position: relative;
    color: black;
    top: -8078px;
    z-index: 1;
}
.illustrator-button{
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 367px;
    position: relative;
    color: black;
    top: -8286px;
    z-index: 1;
}
.bg15 {
    width: 1368px;
    margin-top: -13933px;
    position: relative;
    z-index: 1;
    left: 0px;
    height: auto;
}
.bg16 {
    width: 1369px;
    height: auto;
    top: -481px;
    margin-top: -14671px;
    position: relative;
    z-index: 1;
}
.folder-book {
    height: auto;
    position: relative;
    top: -8180px;
    margin-left: 32px;
    z-index: 1;
    width: 600px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
}
.folder-book:active {
    transform: scale(0.90);
}
.folder-book:hover {
    transform: scale(0.99);
    opacity: 90%;
}
.folder-book-text {
    font-family: FSLight;
    font-size: 26px;
    margin-left: 288px;
    position: relative;
    color: white;
    top: -8266px;
    z-index: 1;
}
.folder-book-text2 {
    font-family: FSLight;
    font-size: 26px;
    margin-left: 423px;
    position: relative;
    color: white;
    top: -8187px;
    z-index: 1;
    visibility: hidden;
}
.book-judul {
    font-family: Perandory;
    position: relative;
    z-index: 1;
    color: black;
    font-size: 81px;
    top: -8535px;
    display: inline-block;
    cursor: pointer;
    transition: transform 0.1s;
    z-index: 1;
    left: 264px;
}
.book-judul:active {
    transform: scale(0.90);
}
.book-judul:hover {
    transform: scale(0.99);
}
.bg17 {
    width: 1368px;
    margin-top: -15331px;
    position: relative;
    z-index: 1;
    left: -2px;
    height: auto;
}
.bo1 {
    width: 580px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 536px;
    top: -9038px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.bo1:hover {
    transform: scale(0.99);
}
.bo2{
    width: 598px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -19px;
    top: -8332px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.bo2:hover {
    transform: scale(0.99);
}
.bo-judul{
    width: 424px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 156px;
    top: -8034px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.bo-judul:hover {
    transform: scale(0.99);
}
.notes-bo {
    width: 474px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -55px;
    top: -8667px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.bo-text1 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 585px;
    position: relative;
    color: black;
    top: -8994px;
    z-index: 1;
}
.book2 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 585px;
    position: relative;
    color: black;
    top: -9044px;
    z-index: 1;
    visibility: hidden;
}
.bo-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -193px;
    font-size: 12px;
    top: -9002.1px;
    z-index: 1;
    text-align: left;
    max-width: 363px;
    left: 584px;
}
.skills-button14{
    width: 217px;
    position: relative;
    left: -77px;
    top: -7947px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.skills-button15{
    width: 217px;
    position: relative;
    left: 198px;
    top: -8238px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.procreate{
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 426px;
    position: relative;
    color: black;
    top: -8125px;
    z-index: 1;
}
.illustrator-button2 {
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 268px;
    position: relative;
    color: black;
    top: -8333px;
    z-index: 1;
}
.bg18 {
    width: 1368px;
    margin-top: -16938px;
    position: relative;
    z-index: 1;
    left: -2px;
    height: auto;
}
.ko-judul {
    width: 457px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 51px;
    top: -8815px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.ko-judul:hover {
    transform: scale(0.99);
}
.notes-ko {
    width: 474px;
    height: auto;
    position: relative;
    z-index: 1;
    left: -441px;
    top: -8612px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.ko1 {
    width: 646px;
    height: auto;
    position: relative;
    z-index: 1;
    left: 438px;
    top: -9775px;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.ko1:hover {
    transform: scale(0.99);
}
.ko-text1 {
    font-family: FSHeavy;
    font-size: 12px;
    margin-left: 79px;
    position: relative;
    color: black;
    top: -8898px;
    z-index: 1;
}
.ko-text2 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -226px;
    font-size: 12px;
    top: -8908.1px;
    z-index: 1;
    text-align: left;
    max-width: 361px;
    left: 80px;
}
.ko-text3 {
    font-family: FSRegular;
    color: black;
    position: relative;
    margin-right: -293px;
    font-size: 12px;
    top: -8913.1px;
    z-index: 1;
    text-align: left;
    max-width: 360px;
    left: 80px;
}
.skills-button16{
    width: 217px;
    position: relative;
    left: 127px;
    top: -8951px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.skills-button17{
    width: 217px;
    position: relative;
    left: 278px;
    top: -9159px;
    z-index: 1;
    height: auto;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}
.procreate2 {
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 203px;
    position: relative;
    color: black;
    top: -9047px;
    z-index: 1;
}
.illustrator-button3{
    font-family: FSBlack;
    font-size: 12px;
    margin-left: 349px;
    position: relative;
    color: black;
    top: -9255px;
    z-index: 1;
}
.contact-text2 {
    font-family: FSLight;
    font-size: 26px;
    margin-left: 423px;
    position: relative;
    color: black;
    top: -11519px;
    z-index: 1;
    visibility: hidden;
}
.sd{
    width: 56%;
    height: auto;
    position: relative;
    top: -11548px;
    z-index: 1;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    left: 83px;
}
.cancel{
    font-family: FSMedium;
    font-size: 13px;
    position: relative;
    top: -11786px;
    left: 464px;
    z-index: 1;
    color: black;
}
.shut-down{
   font-family: FSMedium;
  font-size: 13px;
  position: relative;
  top: -11821px;
  left: 565px;
  z-index: 1;
  color: white;
}
.judul2 {
    font-family: Perandory;
    position: relative;
    transform: translate(-50%,-50%);
    left: 55%;
    top: 2473%;
    color: black;
    font-size: 156px;
    padding: 0;
    top: -11697px;
}

.front-img2{
    position: relative;
    right: 12%;
    width: 101%;
    top: -11939PX;
    height: 23%;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
}

.back-img2{
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.5));
    left: -124px;
    position: relative;
    width: 906px;
    top: -11607px;
}
.paragraf3 {
    font-family: FSLight;
    position: relative;
    color: black;
    margin-left: 198px;
    font-size: 19px;
    top: -12476px;
}

.button-cancel {
    background-color: #CCCCCC;
    color: black;
    border-color: #999999;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-family: FSMedium;
    margin: 4px 2px;
    cursor: pointer;
    width: 99px;
    border-radius: 6px;
    height: 27px;
    position: relative;
    top: -11497px;
    z-index: 1;
    left: -182px;
}
.button-cancel:hover {
    background-color: #999999;
}
.button-sd {
    background-color: #CCCC66;
    color: white;
    border-color: #999999;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    font-family: FSMedium;
    margin: 4px 2px;
    cursor: pointer;
    width: 99px;
    border-radius: 6px;
    height: 27px;
    position: relative;
    top: -11497px;
    z-index: 1;
    left: -180px;
}
.button-sd:hover {
    background-color: #999933;
}
.judul-contact2 {
    font-family: FSBlack;
    font-size: 14px;
    top: -1527px;
    color: black;
    position: relative;
    margin-right: 227px;
    z-index: 1;
}
.phone-text2 {
    font-family: FSSemiBold;
    color: black;
    position: relative;
    font-size: 14px;
    top: -12378px;
    z-index: 1;
    left: 24px;
}
.phone2 {
    width: 56px;
    position: relative;
    z-index: 1;
    height: auto;
    top: -12330px;
    left: -35px;
}
.gmail2 {
    width: 50px;
    position: relative;
    z-index: 1;
    height: auto;
    top: -12400px;
    left: -33px;
}
.instagram2 {
    width: 63px;
    position: relative;
    z-index: 1;
    height: auto;
    top: -12470px;
    left: -39px;
}
.gmail-text2 {
    font-family: FSSemiBold;
    color: black;
    position: relative;
    font-size: 14px;
    top: -12444px;
    z-index: 1;
    left: 22px;
}
.instagram-text2 {
    font-family: FSSemiBold;
    color: black;
    position: relative;
    font-size: 14px;
    top: -12524px;
    z-index: 1;
    left: 20px;
}