/* Imports */
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;700&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bulma@0.9.4/css/bulma.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.4.2/css/all.min.css");
@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.4.2/css/brands.min.css");


/* Variables */

:root {
  --primary: #635286;
  --info: #D1E8E2; 
  --warning: #19747E; 
  --error: #A9D6E5; 
  --muted: #E2E2E2;
  --secondary: #f4edf4;
  --primary2: #a0ae93;
}

/* Overrides */

html {
  font-size: 100%;
  height: 100%
}

body {
  font-family: 'Zen Kaku Gothic New', sans-serif;
  height: 100%;
}

a {
  color: var(--primary);
}

h1 {
  color: var(--primary);
  font-weight: 700;
  font-size: 2.5rem;
}

.is-primary {
  background-color: var(--primary) !important;
}

.has-text-primary {
   color: var(--primary) !important;
}

.icon.has-text-primary {
  color: var(--primary2) !important;
}

.has-text-info {
  color: var(--primary2) !important;
}