.mehhlysa-homepage .homepage-main {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.mehhlysa-homepage .title{
    font-size: 68px;
    margin-bottom: 12px;

}

.mehhlysa-homepage .mehhlysa-link{
    color: black;
}

    .mehhlysa-homepage .melissa-text {
        display: inline;
        text-decoration: underline;
    }

    .mehhlysa-homepage .mehhlysa {
        display: none;
    }

    .mehhlysa-homepage .melissa:hover .melissa-text,
    .mehhlysa-homepage .melissa:active .melissa-text {
        display: none;
    }

    .mehhlysa-homepage .melissa:hover .mehhlysa,
    .mehhlysa-homepage .melissa:active .mehhlysa {
        display: inline;
        text-decoration: underline;
        cursor: pointer;
    }

    .mehhlysa-homepage .melissa:hover .mehhlysa:active,
    .mehhlysa-homepage .melissa:active .mehhlysa:active {
        color: #111cf1;
    }

    .mehhlysa-homepage .typewriter{
        margin-bottom: 100px;
    }
    
/* TYPEWRITER EFFECT FROM alvaromontoro.com */

@keyframes typing {
  0%    { content: ""; }
  1%    { content: "g"; }
  2%    { content: "gr"; }
  3%    { content: "gra"; }
  4%    { content: "grap"; }
  5%    { content: "graph"; }
  6%    { content: "graphi"; }
  7%    { content: "graphic"; }
  8%    { content: "graphic "; }
  9%    { content: "graphic d"; }
  10%   { content: "graphic de"; }
  11%   { content: "graphic des"; }
  12%   { content: "graphic desi"; }
  13%   { content: "graphic desig"; }
  14%   { content: "graphic design"; }
  15%   { content: "graphic designer"; }
  15%, 17% { content: "graphic designer"; }
  18%   { content: "graphic designe"; }
  19%   { content: "graphic design"; }
  20%   { content: "graphic desig"; }
  21%   { content: "graphic desi"; }
  22%   { content: "graphic des"; }
  23%   { content: "graphic de"; }
  24%   { content: "graphic d"; }
  24.5% { content: "graphic "; }
  24.8% { content: "graphic"; }
  24.9% { content: "g"; }
  25%   { content: ""; }

  26%   { content: "i"; }
  27%   { content: "il"; }
  28%   { content: "ill"; }
  29%   { content: "illu"; }
  30%   { content: "illus"; }
  31%   { content: "illust"; }
  32%   { content: "illustr"; }
  33%   { content: "illustra"; }
  34%   { content: "illustrat"; }
  35%   { content: "illustrato"; }
  36%   { content: "illustrator"; }
  36%, 38% { content: "illustrator"; }
  39%   { content: "illustrato"; }
  40%   { content: "illustrat"; }
  41%   { content: "illustra"; }
  42%   { content: "illustr"; }
  43%   { content: "illust"; }
  44%   { content: "illus"; }
  45%   { content: "illu"; }
  46%   { content: "ill"; }
  47%   { content: "il"; }
  48%   { content: "i"; }
  49%   { content: ""; }
  50%   { content: ""; }

  51%   { content: "u"; }
  52%   { content: "ui"; }
  53%   { content: "ui/"; }
  54%   { content: "ui/u"; }
  55%   { content: "ui/ux"; }
  56%   { content: "ui/ux "; }
  57%   { content: "ui/ux d"; }
  58%   { content: "ui/ux de"; }
  59%   { content: "ui/ux des"; }
  60%   { content: "ui/ux desi"; }
  61%   { content: "ui/ux desig"; }
  62%   { content: "ui/ux design"; }
  63%   { content: "ui/ux designe"; }
  64%   { content: "ui/ux designer"; }
  64%, 66% { content: "ui/ux designer"; }
  67%   { content: "ui/ux designe"; }
  68%   { content: "ui/ux design"; }
  69%   { content: "ui/ux desig"; }
  70%   { content: "ui/ux desi"; }
  71%   { content: "ui/ux des"; }
  72%   { content: "ui/ux de"; }
  73%   { content: "ui/ux d"; }
  74%   { content: "ui/ux "; }
  74.5% { content: "ui/ux"; }
  74.8% { content: "ui"; }
  74.9% { content: "u"; }
  75%   { content: ""; }

  76%   { content: "b"; }
  77%   { content: "br"; }
  78%   { content: "bra"; }
  79%   { content: "bran"; }
  80%   { content: "brand"; }
  81%   { content: "brand "; }
  82%   { content: "brand d"; }
  83%   { content: "brand de"; }
  84%   { content: "brand des"; }
  85%   { content: "brand desi"; }
  86%   { content: "brand desig"; }
  87%   { content: "brand design"; }
  88%   { content: "brand designe"; }
  89%   { content: "brand designer"; }
  89%, 91% { content: "brand designer"; }
  92%   { content: "brand designe"; }
  93%   { content: "brand design"; }
  94%   { content: "brand desig"; }
  95%   { content: "brand desi"; }
  96%   { content: "brand des"; }
  97%   { content: "brand de"; }
  98%   { content: "brand d"; }
  99%   { content: "brand"; }
  99.5% { content: "bra"; }
  99.8% { content: "b"; }
  100%  { content: ""; }
}

.mehhlysa-homepage .typewriter::before {
  content: "";
  animation: typing 20s infinite;
}

.mehhlysa-homepage .typewriter::after {
  content: "";
  border-right: 1px solid currentcolor;
  animation: blink 0.5s linear infinite;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}


.mehhlysa-homepage .homepage-illustration{
    margin-top: 100px;
    margin-bottom: 70px;
}


.mehhlysa-homepage .gallery-item {
    position: relative;
    margin-bottom: 20px;
}

    .mehhlysa-homepage .gallery-text {
        font-size: 58px;
        color: #9e9e9e;
    }

    .mehhlysa-homepage .gallery-text:hover,
    .mehhlysa-homepage .gallery-text:active {
        color: black;
    }

    .mehhlysa-homepage .gallery-image,
    .mehhlysa-homepage .mobile-gallery-image {
        position: absolute;
        transition: opacity 0.3s, transform 0.3s;
        opacity: 0;
        pointer-events: none;
    }

        .mehhlysa-homepage .gallery-image{
            right: -350px;
            bottom: 0;
        }

        .mehhlysa-homepage .mobile-gallery-image{
            right: 60px;
            bottom: 70px;
            display: block;
            opacity: 0;
        }

        .mehhlysa-homepage .gallery-item:hover .gallery-image,
        .mehhlysa-homepage .gallery-item:hover .mobile-gallery-image,
        .mehhlysa-homepage .gallery-item:active .mobile-gallery-image {
            opacity: 1;
            pointer-events: auto;
        }

    .mehhlysa-homepage .view-gallery{
        display: inline-block;
        margin-top:60px;
        font-size: 48px;
        text-decoration: none;
    }

            .mehhlysa-homepage .view-gallery:hover,
            .mehhlysa-homepage .view-gallery:active{
                text-decoration: underline;
            }



    .mehhlysa-homepage .cta{
        margin: 0px 0px 60px 100px;
        display: flex;
        width: calc(100% - 100px);
        height: 150px;
        align-items: flex-end;
    }

    .mehhlysa-homepage .homepage-cta{
        font-size: 58px;
        flex: 3;  
        padding-right: 35px;  
    }

.mehhlysa-homepage .mobile-gallery-image{display: none;}

@media (max-width: 980px) {
    .mehhlysa-homepage .gallery-image { display: none; } 
    .mehhlysa-homepage .mobile-gallery-image { opacity: 1; } 
    
    .mehhlysa-homepage .homepage-cta {padding-bottom: 60px; }
}

    .mehhlysa-homepage {
    font-family: 'Inter', sans-serif !important;
    }