a {
  color: hsl(206deg 100% 40%);
  text-decoration: none;
  transition: color 1s, border-color 1s;
}
/* @group Global Reset ====================================>> */
html {
  box-sizing: border-box;
  /* font-size: calc(1vw + 1vh + .5vmin) !important; */
}
*, *:before, *:after {
  box-sizing: inherit;
}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,abbr,acronym,address,big,del,em,img,
small,strike,strong,sub,sup,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
  margin: 0;padding: 0;border: 0;outline: 0;
  font: inherit inherit inherit 1em inherit;
  vertical-align: top;
  text-decoration: none;
}
body {
  background: #fff;
  color: #222;
  font: 16px/1.333 'lucida grande','tahoma', sans-serif;
}
ul {
  list-style: circle;
}
h1,h2,h3,h4,h5,h6,p,ul{
  font: 100 .75rem/1.333rem 'lucida grande','tahoma', sans-serif;
}
/* @end ===================================================>> */
/* @group Layout  =========================================>> */
.Wrapper {
  margin: 0 1em;
}
.ConstrainWidth {
  max-width: 66rem;
  margin: 0 auto;
}
.ColumnWrapper:after {
  content: '';
  display: block;
  height: 0px;
  line-height: 0px;
  clear: both;
  visibility: hidden;
}
.ColumnWrapper {
  *display: inline-block;
}
/* Column Divisors ==========>> */
/* Even ==========>> */
.ColumnOneHalf {
  float: left;
  width: 50%;
}
.ColumnOneQuarter {
  float: left;
  width: 25%;
}
.ColumnThreeQuarters {
  float: left;
  width: 75%;
}
/* Odd ==========>> */
.ColumnOneThird {
  float: left;
  width: 33.33%;
}
.ColumnTwoThirds {
  float: left;
  width: 66.66%;
}

/* @end ===================================================>> */
/* @group Elements ========================================>> */
::-moz-selection {
  background: #3caefa;
  color: #fff;
}
::selection {
  background: #3caefa;
  color: #fff;
}
img {
  width: 100%;
}
a {
  transition: .333s;
  border-bottom: 1px solid transparent;
}
a:hover,
.is-selected {
  border-bottom: 1px solid hsl(208deg 100% 50% / 44%);
}
a:focus {
    outline: 1px solid hsl(208deg 100% 50% / 22%);
    outline-offset: -1px;
}
a img {
  transition: .333s;
  outline: 1px solid transparent;
  will-change: contents;
}
a:hover img {
  outline-color: #66666655;
}
nav {
  display: flex;
}
nav > a {
  padding: .5rem;
  flex: 1;
  white-space: nowrap;
  font-size: .75rem;
}
hr {
  border: 0;
  height: 1px;
  background: #66666622;
  margin: 2rem 0;
}
h2,h3,h4,h5,h6,p,ul {
  margin-bottom: 2rem;
}
ul {
  list-style: none;
}
h1 {
  color: #0073cc;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
h1 > * {
  margin: 0 .125rem;
}
h2, h3 {
  font: 200 2rem/2rem 'helvetica neue', arial, sans-serif;
}
h6 {
  color: #3caefa;
  font: 700 .9em 'helvetica neue', arial, sans-serif;
  margin-top: 11px;
}
/* @end ===================================================>> */
/* @group Utilitys ========================================>> */
.TextRight			{text-align:right}
.TextLeft		   	{text-align:left}
.TextCenter		  {text-align:center}
.FloatLeft			{float:left}
.FloatRight			{float:right}
.Inline			  	{display:inline}
.Block			  	{display:block}
.Relative			  {position:relative}
.Absolute		  	{position:absolute}
.Hide           {visibility:hidden}
.MarginTop			{margin-top: 2rem}
.MarginRight		{margin-right: 2rem}
.MarginBottom		{margin-bottom: 2rem}
.MarginLeft			{margin-left: 2rem}
.Whitebackground{background: #fff}

.sticky {
  z-index: 1;
	position: sticky;
	top: 0;
	margin-top: auto;
	backdrop-filter: blur(1rem) saturate(2);
}

/* @end ===================================================>> */
.Header {
  padding: 2rem 0;
}
.Box {
    margin-bottom: 4rem;
    display: table;
    width: 100%;
}


@media (max-width: 820px) {
  .ColumnOneHalf,
  .ColumnOneQuarter,
  .ColumnThreeQuarters,
  .ColumnOneThird,
  .ColumnTwoThirds {
    width: 100%;
  }
  .MarginRight {
    margin: 0;
  }
  h1 {
    display: none !important;
  }
}

@media (prefers-color-scheme: dark) {
  body {
    background: #000000dd ;
    color: #ffffffdd ;
  }
  a {
    color: hsl(206deg 100% 60%);
  }
}