/*----------------------------------------------*\
    GLOBAL
	======

	@package yaybrigade

\*----------------------------------------------*/
/*----------------------------------------------*\
    COMPONENTS
	==========

	@package yaybrigade

\*----------------------------------------------*/
/* 
 *
 * / Variables
------------------------------------------------*/
/* Colors */
/* Breakpoints */
/* 
 *
 * 0./  variables
------------------------------------------------*/
/* Colors */
:root {
  --color-green: #34ce68;
  --color-violet-dark: #533968;
  --color-violet: #72199c;
  --color-red: #e74e4e;
  --color-light-gray: #eaeaea;
  --color-blush: #ffe4eb;
}

/* Typefaces */
:root {
  --font-sans: "degular-thin", sans-serif;
  --font-serif: "dm-serif-text", serif;
  --font-serif-display: "dm-serif-display", serif;
}

/* 
 *
 * 1./  
------------------------------------------------*/
body {
  padding: 1rem;
  font-family: var(--font-sans);
  font-weight: 600;
  color: var(--color-violet-dark);
  background: linear-gradient(180deg, #ffffff 0%, var(--color-light-gray) 100%);
}
@media (min-width: 36rem) {
  body {
    padding: 2rem;
  }
}

.logo {
  display: flex;
  justify-content: center;
  align-items: center;
}

.header {
  text-align: center;
  font-size: 3rem;
  font-weight: 900;
}