/*! minireset.css v0.0.6 */
html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal
}

ul {
    list-style: none
}

button,
input,
select {
    margin: 0
}

html {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

*,
*::before,
*::after {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

img,
video {
    height: auto;
    max-width: 100%
}

iframe {
    border: 0
}

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

td,
th {
    padding: 0
}

/* My custom css */

body {
    font-family: 'Inter', Helvetica Neue, Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 1.6;
    color: #464646;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-size: 16px;
    position: relative;

}

@media (min-width: 576px) {
    body {
        background: -o-repeating-linear-gradient(left, #fff, #0000001a 1px, #fff 1px, #fff);
        background: repeating-linear-gradient(to right, #fff, #0000001a 1px, #fff 1px, #fff);
        background-size: 250px 250px;
    }
}

h1,
h2,
h3,
h4,
h5 {
    font-family: 'Plus Jakarta Sans', sans-serif;
    font-weight: 700;
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 16px;
}

a {
    color: inherit;
}

p {
    line-height: 1.2;
    text-rendering: optimizeLegibility;
    margin-bottom: 16px;
}

.name-top {
    margin-top: 16px;
    margin-bottom: 8px;
    font-size: 20px;
    letter-spacing: -0.3px;
    font-weight: 400;
}

/* .name-emoji {
    font-size: 20px;
} */

.main-heading {
    font-family: 'Plus Jakarta Sans', sans-serif;
    color: #222;
    letter-spacing: -2px;
    font-size: 32px;
    line-height: 1.3;
    font-weight: 700;
    margin-bottom: 16px;
    word-spacing: 2px;
}

@media (min-width: 380px) {
    .main-heading {
        font-size: 36px;
        line-height: 1.4;
        word-spacing: 3px;
    }
}

@media (min-width: 576px) {
    .main-heading {
        font-size: 40px;
        line-height: 1.4;
        word-spacing: 4px;
    }
}

.paragraph {
    line-height: 1.6;
    text-rendering: optimizeLegibility;
    margin-bottom: 16px;
    display: inline;
    display: inline-block;
}

.paragraph.with-img {
    display: flex;
    flex: 1;
}

.paragraph.with-img span {
    flex: 1 0 0;
}

.paragraph.with-img img {
    max-width: 80px;
    max-height: 80px;
    margin-left: 16px;
}

.m-0 {
    margin-bottom: 0;
}

.m-24 {
    margin-top: 24px;
}

.-m-7 {
    margin-top: -7px;
}

.p-flex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.main-wrapper {
    position: relative;
    width: 100%;
    padding-top: 24px;
    padding-left: 24px;
    padding-right: 24px;
    padding-bottom: 64px;
    z-index: 999;
    overflow: hidden;
}

@media (min-width: 576px) {
    .main-wrapper {
        width: 800px;
        padding: 64px;
    }
}

/* @media (min-width: 1200px) {
    .main-wrapper {
        width: 800px;
        padding: 64px;
    }
} */

svg:not(:root) {
    overflow: hidden;
}

.selfie {
    z-index: 999;
}

.selfie img {
    width: 100px;
}

.link-mini-icon {
    background: #fff;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 2px 6px 2px 4px;
    position: relative;
    top: 0.375em;
    font-weight: 600;
    border-radius: 4px;
}

/* @media (min-width: 576px) {

    .link-mini-icon.style-ranko,
    .link-mini-icon.style-dribbble {
        margin-top: -6px;
    }
} */

.link-mini-icon a {
    text-decoration: none;
    line-height: 1;
}

.link-mini-icon:hover a {
    text-decoration: underline;
}

.link-mini-icon.style-ranko {
    background: #0090CE1a;
    color: #0090CE;
}

.link-mini-icon.style-linkedin {
    background: #0a66c21a;
    color: #0a66c2;
}

.link-mini-icon.style-email {
    background: #D32D251a;
    /* color: #D32D25; */
}

.link-mini-icon.style-dribbble {
    background: #EA4C891a;
    color: #EA4C89;
}

.link-mini-icon.style-camera {
    background: #FFB80033;
}

.link-mini-icon.style-camera a {}

.link-mini-icon svg {
    width: 24px;
    height: 24px;
    margin-right: 4px;
}

.svg-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}

.bg-gradient {
    display: none;
    width: 350px;
    height: 420px;
    position: absolute;
    border-radius: 600px;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    top: -310px;
    right: 880px;
    rotate: 20deg;
    background: #3ad59f;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-radial-gradient(center, ellipse, #3ad59f 0%, #f8ff00 100%);
    background: radial-gradient(ellipse at center, #3ad59f 0%, #f8ff00 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3ad59f', endColorstr='#f8ff00', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.bg-fun {
    width: 500px;
    height: 500px;
    position: absolute;
    -webkit-filter: blur(40px);
    filter: blur(40px);
    border-radius: 500px;
    z-index: -1;
}

.bg-fun.green {
    left: 0px;
    top: -430px;
    rotate: 100deg;
}

.bg-fun.purple {
    left: 0px;
    top: -430px;
    rotate: 170deg;
    display: none;
}

.style-define,
.style-develop {
    position: relative;
    display: inline-block;
}

.style-define svg,
.style-design svg,
.style-develop svg,
.style-launch svg {
    position: absolute;
}

.style-define {
    padding-left: 6px;
}

.style-define svg {
    top: -1px;
    right: -15px;
    fill: #ffb500;
    rotate: -3deg;
    width: 116px;
}

@media (min-width: 380px) {
    .style-define svg {
        top: 1px;
        right: -14px;
        width: 130px;
    }
}

@media (min-width: 576px) {
    .style-define svg {
        top: -1px;
        right: -10px;
        width: 140px;
    }
}

.style-design {
    position: relative;
    display: inline;
    padding: 0px 6px 0 4px;
    background: #fd50ff;
    background: -webkit-gradient(linear, left top, right top, from(#fd50ff), to(#6dfdff));
    background: -o-linear-gradient(left, #fd50ff 0%, #6dfdff 100%);
    background: linear-gradient(to right, #fd50ff 0%, #6dfdff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fd50ff', endColorstr='#6dfdff', GradientType=1);

}

.style-develop {
    padding-left: 16px;
    padding-right: 25px;
    width: auto;
    fill: #9c62ff;
    background: rgb(156 98 255 / 10%);
}

.style-develop svg.develop-svg-left {
    height: 25px;
    bottom: 5px;
    left: 0px;
    width: auto;
}

.style-develop svg.develop-svg-right {
    height: 36px;
    bottom: -1px;
    right: 0px;
    z-index: 0;
}

@media (min-width: 380px) {
    .style-develop svg.develop-svg-left {
        height: 25px;
        bottom: 10px;
        left: 0px;
        width: auto;
    }

    .style-develop svg.develop-svg-right {
        height: 36px;
        bottom: 4px;
        right: 0px;
        z-index: 0;
    }
}

@media (min-width: 576px) {
    .style-develop {
        padding-left: 17px;
        padding-right: 28px;
        width: auto;
        fill: #9c62ff;
        background: rgb(156 98 255 / 10%);
    }

    .style-develop svg.develop-svg-left {
        height: 31px;
        bottom: 9px;
        left: -1px;
        width: auto;
    }

    .style-develop svg.develop-svg-right {
        height: 46px;
        bottom: 1px;
        right: 0px;
        z-index: 0;
    }
}

.style-launch {
    position: relative;
    color: #fff;
    z-index: 999;
    padding-right: 6px;
    padding-left: 6px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 129 40'%3E%3Cpath fill='%232FBA23' fill-rule='evenodd' d='M.236 35.914c-.002 0-.004 0 1.764-17.914C3.767.087 3.765.087 3.764.087l.064.006.3.028c.278.026.717.065 1.317.117C6.643.34 8.485.49 10.98.672c4.99.364 12.59.855 22.88 1.347C54.442 3.005 85.78 4 128.502 4l-.002 36c-43.279-.002-75.19-1.008-96.36-2.022-10.585-.507-18.484-1.015-23.776-1.401-2.646-.193-4.64-.355-5.992-.47A251.31 251.31 0 0 1 .41 35.93l-.118-.011-.055-.005Z' clip-rule='evenodd'%3E%3C/path%3E%3C/svg%3E");
    background-position: 0px 7px;
    background-repeat: no-repeat;
    background-size: 100%;
}

/* .style-launch svg {
    z-index: -1;
    bottom: 2px;
    left: -3px;
    width: 114px;
} */

/* @media (min-width: 576px) {
    .style-launch svg {
        width: 129px;
        left: -1px;
    }
} */

/* @media (min-width: 390px) and (max-width: 396px) {
    .style-launch svg {
        bottom: 58px;
        /* left: -1px; */
}

}

*/
/* @media (min-width: 992px) {
    .style-launch {
        color: #fff;
        z-index: 999;
        padding-right: 6px;
        padding-left: 4px;
    }
} */