/* Motion Doodles — hand-drawn icon library rendered via mask-image so each
   class fills with currentColor. Use anywhere an icon class is expected:

       <i class="motion-doodle motion-doodle-home"></i>

   Sized in em so it inherits the surrounding font-size, like an icon font. */

.motion-doodle {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: -0.18em;
    line-height: 1;
    background-color: currentColor;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: 100% 100%;
    mask-size: 100% 100%;
}

.motion-doodle-home {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 12 L 12 4 L 20 12'/><path d='M 6 11 L 6 20 L 18 20 L 18 11'/><path d='M 10 20 L 10 14 L 14 14 L 14 20'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 12 L 12 4 L 20 12'/><path d='M 6 11 L 6 20 L 18 20 L 18 11'/><path d='M 10 20 L 10 14 L 14 14 L 14 20'/></svg>");
}

.motion-doodle-aboutme {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='3.4'/><path d='M 5 20 Q 6.5 13.4, 12 13.4 Q 17.5 13.4, 19 20'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='3.4'/><path d='M 5 20 Q 6.5 13.4, 12 13.4 Q 17.5 13.4, 19 20'/></svg>");
}

.motion-doodle-experience {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 9 7 L 9 5.4 Q 9 4.4, 10 4.4 L 14 4.4 Q 15 4.4, 15 5.4 L 15 7'/><path d='M 4 9 Q 4 7.4, 5.6 7.4 L 18.4 7.4 Q 20 7.4, 20 9 L 20 18 Q 20 19.6, 18.4 19.6 L 5.6 19.6 Q 4 19.6, 4 18 Z'/><path d='M 4.4 13 Q 12 14.4, 19.6 13'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 9 7 L 9 5.4 Q 9 4.4, 10 4.4 L 14 4.4 Q 15 4.4, 15 5.4 L 15 7'/><path d='M 4 9 Q 4 7.4, 5.6 7.4 L 18.4 7.4 Q 20 7.4, 20 9 L 20 18 Q 20 19.6, 18.4 19.6 L 5.6 19.6 Q 4 19.6, 4 18 Z'/><path d='M 4.4 13 Q 12 14.4, 19.6 13'/></svg>");
}

.motion-doodle-education,
.motion-doodle-resume {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 5 5 L 19 5 L 19 16 L 5 16 Z'/><path d='M 8 9 L 16 9 M 8 12 L 14 12'/><path d='M 9 16 L 8 21 L 11 18.6 L 12 21 L 13 18.6 L 16 21 L 15 16'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 5 5 L 19 5 L 19 16 L 5 16 Z'/><path d='M 8 9 L 16 9 M 8 12 L 14 12'/><path d='M 9 16 L 8 21 L 11 18.6 L 12 21 L 13 18.6 L 16 21 L 15 16'/></svg>");
}

.motion-doodle-portfolio {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 12 4 Q 4.4 4.4, 4.4 11.4 Q 4.4 16, 8.6 17.4 Q 10.4 18, 10 16 Q 9.6 14.4, 11 14 Q 13 13.6, 14.4 14.6 Q 16 15.6, 17.6 14.4 Q 19.6 12.6, 19.6 9.6 Q 19.6 4.4, 12 4 Z'/><circle cx='9' cy='8.4' r='1' fill='black'/><circle cx='14.4' cy='7.6' r='1' fill='black'/><circle cx='16.6' cy='11' r='1' fill='black'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 12 4 Q 4.4 4.4, 4.4 11.4 Q 4.4 16, 8.6 17.4 Q 10.4 18, 10 16 Q 9.6 14.4, 11 14 Q 13 13.6, 14.4 14.6 Q 16 15.6, 17.6 14.4 Q 19.6 12.6, 19.6 9.6 Q 19.6 4.4, 12 4 Z'/><circle cx='9' cy='8.4' r='1' fill='black'/><circle cx='14.4' cy='7.6' r='1' fill='black'/><circle cx='16.6' cy='11' r='1' fill='black'/></svg>");
}

.motion-doodle-contactme {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 8 Q 4 6.4, 5.6 6.4 L 18.4 6.4 Q 20 6.4, 20 8 L 20 16.6 Q 20 18.2, 18.4 18.2 L 5.6 18.2 Q 4 18.2, 4 16.6 Z'/><path d='M 4.4 7.6 L 12 13 L 19.6 7.6'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 8 Q 4 6.4, 5.6 6.4 L 18.4 6.4 Q 20 6.4, 20 8 L 20 16.6 Q 20 18.2, 18.4 18.2 L 5.6 18.2 Q 4 18.2, 4 16.6 Z'/><path d='M 4.4 7.6 L 12 13 L 19.6 7.6'/></svg>");
}

.motion-doodle-blog {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 6 Q 8 5.4, 12 7 Q 16 5.4, 20 6 L 20 18 Q 16 17.4, 12 19 Q 8 17.4, 4 18 Z'/><path d='M 12 7 L 12 19'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 6 Q 8 5.4, 12 7 Q 16 5.4, 20 6 L 20 18 Q 16 17.4, 12 19 Q 8 17.4, 4 18 Z'/><path d='M 12 7 L 12 19'/></svg>");
}

.motion-doodle-appointments {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 8 Q 4 6.4, 5.6 6.4 L 18.4 6.4 Q 20 6.4, 20 8 L 20 18 Q 20 19.6, 18.4 19.6 L 5.6 19.6 Q 4 19.6, 4 18 Z'/><path d='M 4.4 10 L 19.6 10'/><path d='M 8 4.4 L 8 8 M 16 4.4 L 16 8'/><path d='M 9 14 L 11 16 L 15 12'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 8 Q 4 6.4, 5.6 6.4 L 18.4 6.4 Q 20 6.4, 20 8 L 20 18 Q 20 19.6, 18.4 19.6 L 5.6 19.6 Q 4 19.6, 4 18 Z'/><path d='M 4.4 10 L 19.6 10'/><path d='M 8 4.4 L 8 8 M 16 4.4 L 16 8'/><path d='M 9 14 L 11 16 L 15 12'/></svg>");
}

.motion-doodle-pricings {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='7.6'/><path d='M 14.6 9.4 Q 13.4 8, 11.8 8 Q 9.6 8, 9.6 9.6 Q 9.6 11, 12 11.4 Q 14.4 11.8, 14.4 13.4 Q 14.4 15, 12 15 Q 10.2 15, 9 13.6'/><path d='M 12 6.4 L 12 8 M 12 15 L 12 16.6'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='7.6'/><path d='M 14.6 9.4 Q 13.4 8, 11.8 8 Q 9.6 8, 9.6 9.6 Q 9.6 11, 12 11.4 Q 14.4 11.8, 14.4 13.4 Q 14.4 15, 12 15 Q 10.2 15, 9 13.6'/><path d='M 12 6.4 L 12 8 M 12 15 L 12 16.6'/></svg>");
}

.motion-doodle-support {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 12 Q 4 6, 12 6 Q 20 6, 20 12 Q 20 16, 16.4 17.4 L 16.4 19.6 L 13 17.6 Q 12.6 17.6, 12 17.6 Q 4 17.6, 4 12 Z'/><circle cx='9' cy='12' r='1' fill='black'/><circle cx='12' cy='12' r='1' fill='black'/><circle cx='15' cy='12' r='1' fill='black'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 12 Q 4 6, 12 6 Q 20 6, 20 12 Q 20 16, 16.4 17.4 L 16.4 19.6 L 13 17.6 Q 12.6 17.6, 12 17.6 Q 4 17.6, 4 12 Z'/><circle cx='9' cy='12' r='1' fill='black'/><circle cx='12' cy='12' r='1' fill='black'/><circle cx='15' cy='12' r='1' fill='black'/></svg>");
}

.motion-doodle-faqs {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='8'/><path d='M 9.4 9.6 Q 9.4 7.4, 12 7.4 Q 14.6 7.4, 14.6 9.6 Q 14.6 11.4, 12 12 L 12 14'/><circle cx='12' cy='17' r='0.8' fill='black'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='8'/><path d='M 9.4 9.6 Q 9.4 7.4, 12 7.4 Q 14.6 7.4, 14.6 9.6 Q 14.6 11.4, 12 12 L 12 14'/><circle cx='12' cy='17' r='0.8' fill='black'/></svg>");
}

.motion-doodle-download {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 12 4 L 12 14.6'/><path d='M 7.4 10 L 12 14.8 L 16.6 10'/><path d='M 4.6 19.6 L 19.4 19.6'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 12 4 L 12 14.6'/><path d='M 7.4 10 L 12 14.8 L 16.6 10'/><path d='M 4.6 19.6 L 19.4 19.6'/></svg>");
}

.motion-doodle-link {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 9 13 Q 6 10, 9 7 L 12 4 Q 15 1, 18 4 Q 21 7, 18 10 L 16 12'/><path d='M 15 11 Q 18 14, 15 17 L 12 20 Q 9 23, 6 20 Q 3 17, 6 14 L 8 12'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 9 13 Q 6 10, 9 7 L 12 4 Q 15 1, 18 4 Q 21 7, 18 10 L 16 12'/><path d='M 15 11 Q 18 14, 15 17 L 12 20 Q 9 23, 6 20 Q 3 17, 6 14 L 8 12'/></svg>");
}

.motion-doodle-star {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 12 3.6 L 14.4 9.4 L 20.6 9.8 L 15.6 13.6 L 17.2 19.6 L 12 16.4 L 6.8 19.6 L 8.4 13.6 L 3.4 9.8 L 9.6 9.4 Z'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 12 3.6 L 14.4 9.4 L 20.6 9.8 L 15.6 13.6 L 17.2 19.6 L 12 16.4 L 6.8 19.6 L 8.4 13.6 L 3.4 9.8 L 9.6 9.4 Z'/></svg>");
}

.motion-doodle-heart {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 12 20 Q 4 14, 4 9 Q 4 5, 8 5 Q 11 5, 12 8 Q 13 5, 16 5 Q 20 5, 20 9 Q 20 14, 12 20 Z'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 12 20 Q 4 14, 4 9 Q 4 5, 8 5 Q 11 5, 12 8 Q 13 5, 16 5 Q 20 5, 20 9 Q 20 14, 12 20 Z'/></svg>");
}

.motion-doodle-arrow-right {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 12 Q 12 11.4, 19.6 12'/><path d='M 14.4 7 L 19.6 12 L 14.4 17'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 4 12 Q 12 11.4, 19.6 12'/><path d='M 14.4 7 L 19.6 12 L 14.4 17'/></svg>");
}

.motion-doodle-arrow-up {
    -webkit-mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 12 20 Q 11.4 12, 12 4'/><path d='M 7 9.4 L 12 4 L 17 9.4'/></svg>");
            mask-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.1' stroke-linecap='round' stroke-linejoin='round'><path d='M 12 20 Q 11.4 12, 12 4'/><path d='M 7 9.4 L 12 4 L 17 9.4'/></svg>");
}
