@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@100;300;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Albert+Sans:wght@100;300;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Work+Sans:wght@100;300;500;700;900&display=swap");

:root {
    --color-accent: #ff385c;
    --color-accent-glow: rgba(51, 102, 204, .1);
    --color-primary: #3366CC;
    --color-primary-dark: #2952a3;
    --color-dark: #1c2128;
    --color-black: black;
    --color-white: white;
    --color-gray: #868E96;
    --color-red: #B84E3D;
    --color-green: #4AB858;
    --color-blue: #2E608A;
    --color-orange: #FF8C00;
    --color-yellow: #fbbc06;
    --color-cyan: #4D648D;
    --color-olive: olive;
    --color-lemon: lemom;
    --color-purple: #9C3CB4;
    --color-deep: #452163;
    --color-background: #fafbfc;
    --color-background-dark: #f4f6f9;
    --color-selection: #3399FF;
    --color-selection-light: rgba(51, 153, 255, .2);
    --overlay-color: rgba(0, 0, 0, .3);
    --header-size: 74px;
    --header-menu-size: 240px;
    --header-nav-size: 60px;
    --menu-size: 48px;
    --spacing-medium: 24px;
    --radius-medium: 16px;
    --max-width: 1240px;
    --medium-width: 1024px;
    --min-width: 800px;
    --font-family: 'Source Sans 3', 'Albert Sans', 'Work Sans', sans-serif;
    --font-size: .91rem;
    --font-color: #00000011;
    --font-color-light: #00000099;
    --font-color-dark: #000000;
}



@charset "utf-8";


html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    margin: 0;
    padding: 0;
    text-align: left;
    line-height: 140%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

input,
select,
textarea,
button {
    outline:  none;
    min-width: 40px
}

img {
    vertical-align:  middle
}



























 html {
  line-height: 1.15; 
  -webkit-text-size-adjust: 100%; 
}





body {
  margin: 0;
}



main {
  display: block;
}



h1 {
  font-size: 2em;
  margin: 0.67em 0;
}





hr {
  box-sizing: content-box; 
  height: 0; 
  overflow: visible; 
}



pre {
  font-family: monospace, monospace; 
  font-size: 1em; 
}





a {
  background-color: transparent;
}



abbr[title] {
  border-bottom: none; 
  text-decoration: underline; 
  text-decoration: underline dotted; 
}



b,
strong {
  font-weight: bolder;
}



code,
kbd,
samp {
  font-family: monospace, monospace; 
  font-size: 1em; 
}



small {
  font-size: 80%;
}



sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}





img {
  border-style: none;
}





button,
input,
optgroup,
select,
textarea {
  font-family: inherit; 
  font-size: 100%; 
  line-height: 1.15; 
  margin: 0; 
}



button,
input { 
  overflow: visible;
}



button,
select { 
  text-transform: none;
}



button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}



button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}



button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}



fieldset {
  padding: 0.35em 0.75em 0.625em;
}



legend {
  box-sizing: border-box; 
  color: inherit; 
  display: table; 
  max-width: 100%; 
  padding: 0; 
  white-space: normal; 
}



progress {
  vertical-align: baseline;
}



textarea {
  overflow: auto;
}



[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; 
  padding: 0; 
}



[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}



[type="search"] {
  -webkit-appearance: textfield; 
  outline-offset: -2px; 
}



[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}



::-webkit-file-upload-button {
  -webkit-appearance: button; 
  font: inherit; 
}





details {
  display: block;
}



summary {
  display: list-item;
}





template {
  display: none;
}



[hidden] {
  display: none;
}

















body > :first-child {
	scroll-behavior: smooth;
	min-height: 100vh;
	max-height: 100vh;
	overflow: auto;
}

  
  
a {
	text-decoration: none;
}
a:hover {
	
}


button {
  	border: 0;
	background-color: black;
	color: white;
	padding: 6px 16px;
}












/* removed vars */




























/* removed vars */









body,
html {
	padding: 0;
	margin: 0;
	scroll-behavior: smooth;
	background-color: var(--color-background);
	height: 100vh; min-height: 100vh;
	overflow: hidden;
}
body > div:first-of-type {
	overflow: scroll;
	overflow-x: hidden;
	height: 100vh; 
	min-height: 100vh; 
	max-height: 100vh;
}
body > div:hover::before {
	content: '';
	z-index: 2000;
	position: absolute;
	width: 100%;
	height: 100%;
	outline-offset: -6px;
	pointer-events: none;
}

body,
html,
table,
form,
input,
option,
textarea,
button,
select {
	font-family: var(--font-family);
	font-size: var(--font-size);
	letter-spacing: .5px;
}

p {
    font-size: 100%;
    line-height: 1.6;
    _max-width: 65ch;
    margin-bottom: 1.25em;
}





h1 { font-size: 250%; }
h2 { font-size: 200%; }
h3 { font-size: 175%; }
h4 { font-size: 150%; }
h5 { font-size: 125%; }
h6 { font-size: 100%; }






@media (max-width: 768px) {

    h1 { font-size: 200%; }
    h2 { font-size: 175%; }
    h3 { font-size: 150%; }
    h4 { font-size: 125%; }
    h5 { font-size: 110%; }
    h6 { font-size: 90%; }

    p {
        font-size: 112.5%;
        line-height: 1.6;
        margin-bottom: 1.25em;
    }
}




[v-cloak] { display:none } [v-cloak]::before { content: "loading…" }





div {
        height: 100vh;
        width: 100vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    img {
        width: 21px
    }