style.pcss

@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto+Condensed:wght@300;400;700&family=Roboto:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400&display=swap');

/* Icons */
@import "../icons/style.css";

/**
* This injects Tailwind's base styles and any base styles registered by
* plugins.
*/
@import "tailwindcss/base";

/**
* This injects Tailwind's component classes and any component classes
 * registered by plugins.
 */
 @import "tailwindcss/components";

 /**
 * Custom components
 */
@import "./atoms/avatar.pcss";
@import "./atoms/card.pcss";
@import "./atoms/contact-line.pcss";
@import "./atoms/container.pcss";
@import "./atoms/figure.pcss";
@import "./atoms/flag.pcss";
@import "./atoms/heading.pcss";
@import "./atoms/horizontal-rule.pcss";
@import "./atoms/icons.pcss";
@import "./atoms/list.pcss";
@import "./atoms/paragraph.pcss";
@import "./atoms/quotation.pcss";
@import "./atoms/social-icon.pcss";
@import "./atoms/super-button.pcss";
@import "./atoms/table.pcss";

@import "./molecules/article-card.pcss";
@import "./molecules/badge.pcss";
@import "./molecules/banner.pcss";
@import "./molecules/calendar.pcss";
@import "./molecules/candidate-card.pcss";
@import "./molecules/candidate-table-row.pcss";
@import "./molecules/content-block.pcss";
@import "./molecules/flip-clock.pcss";
@import "./molecules/pagination.pcss";
@import "./molecules/program-point-list.pcss";
@import "./molecules/social-icon-group.pcss";
@import "./molecules/switch.pcss";

@import "./organisms/candidate-card-list.pcss";
@import "./organisms/candidate-table.pcss";
@import "./organisms/footer.pcss";
@import "./organisms/hero.pcss";
@import "./organisms/navbar.pcss";
@import "./organisms/subnav.pcss";
@import "./organisms/region-map.pcss";

@import "./templates/candidate-detail.pcss";

/**
* This injects Tailwind's utility classes and any utility classes registered
* by plugins.
*/
@import "tailwindcss/utilities";

/**
 * Custom utilities
 */
@import "./utils.pcss";


:root {
  font-size: 16px;
}

body {
  @apply font-body font-normal leading-none antialiased;
  font-size: 1rem;
}

a:hover {
  @apply underline;
}

a.icon-link:hover {
  @apply no-underline;

  span {
    @apply underline;
  }
}