body{
    background-color: #A1EEBD;
    font-family: "Inter", sans-serif;
}
img, p{
    display: block;
    min-width: 80vw;
    max-width: 600px;
    max-height: 60vh;
    margin: auto;
}
h1,h2{
    margin: 0 auto 1rem auto;
    display: block;
    width: fit-content;
    text-align: center;
    padding: 0 20px;
}
h1{
    font-size: 3rem;
}
h2{
    position: relative;
}
h2 span{
    display: inline-flex;
    overflow: hidden;
    text-wrap: nowrap;
    animation: dotting 3s infinite;
    position: absolute
}

a {
    text-decoration: none;
}
a svg{
    width: 50px;
    transition: fill 0.3s;
}

#linkedin{
    margin-left: 8ch;
    fill: #0A66C2;
}
#linkedin:hover{
    fill: #4ea0f2;
}

#whatsapp{
    fill: #25D366;
}
#whatsapp:hover{
    fill: #66d890;
}

@keyframes dotting {
    0%   {width: 0ch;}
    24%  {width: 0ch;}
    25%  {width: 0.5ch;}
    49%  {width: 0.5ch;}
    50%  {width: 0.9ch;}
    74%  {width: 0.9ch;}
    75%  {width: 1.5ch;}
    100% {width: 1.5ch;}
  }