Moncarnet

logo.svg

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 264.68 304.99">
  <defs>
    <style>
      .cls-1{fill:#026666;stroke:#026666;}
      .cls-1,.cls-2{stroke-miterlimit:10;}
      .cls-2{fill:#fff;stroke:#fff;}
    </style>
  </defs>
  <g id="clé">
    <path class="cls-1" d="M204.59,96.86,97.31,61.26c-7.83-2.6-16,2.84-16,10.62V233.16c0,80.75-5.45,72.11,19.46,85.93a720.51,720.51,0,0,0,96.85,44.74c7.18,2.72,15-2.17,15-9.33v-247A11.33,11.33,0,0,0,204.59,96.86Zm-7.87,246.77c-6.61-2.5-15.48-5.93-26.13-10.48,0,.45,0,.85,0,1.15a.55.55,0,0,1-.77.52L143,322.66a.55.55,0,0,1-.32-.49l0-1.82c-9-4.41-18.72-9.41-28.92-15.07C92.33,293.42,97,300.83,97,231.6V93.33c0-6.67,7-11.33,13.76-9.1l92,30.52a9.71,9.71,0,0,1,6.87,9.1V335.63C209.6,341.77,202.87,346,196.72,343.63Z" transform="translate(-80.26 -60.1)"/>
    <path class="cls-1" d="M343.94,233.16V71.88c0-7.78-8.22-13.22-16.05-10.62L220.61,96.86a11.33,11.33,0,0,0-8,10.62v247c0,7.16,7.85,12.05,15,9.33a719.36,719.36,0,0,0,96.85-44.74C349.38,305.27,343.94,313.91,343.94,233.16Zm-32.66,72.12a619.28,619.28,0,0,1-83,38.35c-6.15,2.33-12.88-1.86-12.88-8V123.85a9.71,9.71,0,0,1,6.87-9.1l92-30.52C320.92,82,328,86.66,328,93.33V231.6C328,300.83,332.64,293.42,311.28,305.28Z" transform="translate(-80.26 -60.1)"/>
    <path class="cls-2" d="M202.73,114.75l-92-30.52C104.05,82,97,86.66,97,93.33V231.6c0,69.23-4.67,61.82,16.69,73.68,10.2,5.66,19.89,10.66,28.92,15.07l-.25-16.74c.79-16.13-17.19-48.05-17.74-49l0,0-12.14-16.2a.55.55,0,0,1-.08-.51l.38-1.1a.55.55,0,0,1,.28-.32l18.62-8.71a.57.57,0,0,0,.31-.56c-3.77-32.58,6.53-44.3,8.71-46.39a.55.55,0,0,1,.77,0l1.18,1.22a.47.47,0,0,1,.12.19L153,209.29a.53.53,0,0,1,0,.35l-.89,2.91a.54.54,0,0,0,.39.69l6.29,1.62a.53.53,0,0,0,.37,0l8.05-3.77a.55.55,0,0,0,.28-.3l2.61-7a.62.62,0,0,0,0-.38L159.5,174.46a.58.58,0,0,1,0-.43l.85-1.67a.54.54,0,0,1,.49-.31h2.33a.58.58,0,0,1,.29.09c35.73,22.34,30.09,42.45,30.09,42.45-3.39,17-15.82,37.18-15.82,37.18-8.52,13.11-7.46,69.91-7.16,81.38,10.65,4.55,19.52,8,26.13,10.48,6.15,2.33,12.88-1.86,12.88-8V123.85A9.71,9.71,0,0,0,202.73,114.75Z" transform="translate(-80.26 -60.1)"/>
    <path class="cls-2" d="M328,93.33c0-6.67-7.05-11.33-13.76-9.1l-92,30.52a9.71,9.71,0,0,0-6.87,9.1V335.63c0,6.14,6.73,10.33,12.88,8a619.28,619.28,0,0,0,83-38.35C332.64,293.42,328,300.83,328,231.6Z" transform="translate(-80.26 -60.1)"/>
    <path class="cls-1" d="M142.64,322.17a.55.55,0,0,0,.32.49l26.89,12.16a.55.55,0,0,0,.77-.52c0-.3,0-.7,0-1.15-8.31-3.56-17.72-7.79-28-12.8Z" transform="translate(-80.26 -60.1)"/>
    <path class="cls-1" d="M177.75,251.77s12.43-20.16,15.82-37.18c0,0,5.64-20.11-30.09-42.45a.58.58,0,0,0-.29-.09h-2.33a.54.54,0,0,0-.49.31l-.85,1.67a.58.58,0,0,0,0,.43l10.63,28.95a.62.62,0,0,1,0,.38l-2.61,7a.55.55,0,0,1-.28.3l-8.05,3.77a.53.53,0,0,1-.37,0l-6.29-1.62a.54.54,0,0,1-.39-.69l.89-2.91a.53.53,0,0,0,0-.35l-10.28-27.1a.47.47,0,0,0-.12-.19l-1.18-1.22a.55.55,0,0,0-.77,0c-2.18,2.09-12.48,13.81-8.71,46.39a.57.57,0,0,1-.31.56L113,236.42a.55.55,0,0,0-.28.32l-.38,1.1a.55.55,0,0,0,.08.51l12.14,16.2,0,0c.55,1,18.53,32.88,17.74,49l.25,16.74c10.26,5,19.67,9.24,28,12.8C170.29,321.68,169.23,264.88,177.75,251.77Z" transform="translate(-80.26 -60.1)"/>
  </g>
</svg>

tailwind.config.js

const colors = require("tailwindcss/colors");

module.exports = {
  content: ["./src/**/*.{jsx,tsx}"]
  theme: {
    colors: {
      primary: {
        DEFAULT:"#009B9B",
        hovered:"#006666",
        focus: "#00E0E0"
      },
      background: "#F6F8FF",
      text: {
        DEFAULT: "#272D2D",
        darker: "#131616"
      },
      error: color.red,
      warning: color.amber
    },
    container: {
      center:true
    },
    screens: {
      lg: "1024px"
    },
    fontFamily: {
      "inter": ["Inter", "Arial", "sans-serif"],
      "montserrat": ["Montserrat", "Arial", "sans-serif"]
    }
  }
}