/*
Strip Unit

input: attribute: strip-unit([number-with-unit]);
output: attribute: [unitless-number];

*/
/*
REM Calculator
*/
/*
Power Function

via - https://www.bhalash.com/archives/13544805657

*/
.disable-text-select {
  /* disabled text select */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Chrome/Safari/Opera */
  /* Konqueror */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
    not supported by any browser */
}

*,
*:before,
*:after {
  box-sizing: border-box;
}

html,
body {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-size: 100% !important;
  height: 100%;
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font: normal normal 500 1.423828125rem/1.2 BlinkMacSystemFont, -apple-system, "Roboto", "Droid Sans", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
}

dfn,
var,
cite,
address {
  font-style: normal;
}

img{
    width: 100%;
}

blockquote{
    background-color: #F3FBFE;
    padding: 20px 40px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
    -webkit-margin-start: 0;
    -webkit-margin-end: 0;
}
    .container blockquote p,
    .container blockquote p:last-of-type,
    blockquote p{
        margin: 0;
    }

pre{
    overflow: auto;
    padding: 10px 15px;
    -webkit-overflow-scrolling: touch;
    border-radius: 5px;
}

:not(#sr-only-specificity-fix).u-sr-only {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: .1rem;
  margin: -.1rem;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: .1rem;
  /* TODO: add state that only makes visible on focus */
}
:not(#sr-only-specificity-fix).u-sr-only-focusable:active,
:not(#sr-only-specificity-fix).u-sr-only .u-sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

[disabled],
[aria-disabled="true"] {
  opacity: 0.5;
  cursor: not-allowed;
  text-decoration: none;
  pointer-events: none;
  /* disabled text selection */
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
       supported by Chrome and Opera */
}

[hidden] {
  display: none;
}

[aria-hidden="true"] {
  visibility: hidden;
}

.header a {
  background: rgba(255, 255, 255, 0.98);
  border-radius: 62.5rem;
  border: 0.25rem solid #f0f0f0;
  display: inline-block;
  padding: 1.25rem;
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}
.header a:hover, .header a:focus {
  background-color: #6993c7;
}
.header a:focus {
  outline: none;
  border-color: #6993c7;
  box-shadow: 0 0 0 0.625rem rgba(105, 147, 199, 0.25);
}
.header a:active {
  background-color: #ebebeb;
}
.header a img{
    position: relative;
    top: 4px;
    left: 8px;
}
.container {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 45rem;
  padding: 0.625rem 2.5rem;
}

.container h1 {
  font: normal normal bold 1.8020324707rem/1.2 BlinkMacSystemFont, -apple-system, "Roboto", "Droid Sans", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container h2,
.container h3 {
  font: normal normal 500 1.423828125rem/1.2 BlinkMacSystemFont, -apple-system, "Roboto", "Droid Sans", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin-top: 3.75rem;
}

.container h3 {
  font: normal normal bold 1rem/1.2 BlinkMacSystemFont, -apple-system, "Roboto", "Droid Sans", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container p,
.container li {
  font: normal normal normal 1rem/1.6 BlinkMacSystemFont, -apple-system, "Roboto", "Droid Sans", "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.container p a,
.container li a {
  background-image: linear-gradient(to top, rgba(105, 147, 199, 0) 19%, rgba(105, 147, 199, 0.4) 20%, rgba(105, 147, 199, 0.4) 26%, rgba(105, 147, 199, 0) 26%);
  border: 0.0625rem solid rgba(55, 96, 147, 0);
  border-radius: 0.1875rem;
  color: #264367;
  outline: none;
  padding: 0 0.0625rem 0.25rem;
  text-decoration: none;
  text-shadow: 1px 1px 0px white, -1px 0 0px white, 0 1px 0px white;
  transition: background-color 150ms, border-color 150ms;
}
.container p a:hover, .container p a:focus,
.container li a:hover,
.container li a:focus {
  background-color: #eff3f9;
  text-shadow: 1px 1px 0px #eff3f9, -1px 0 0px #eff3f9, 0 1px 0px #eff3f9;
}
.container p a:focus,
.container li a:focus {
  border-color: rgba(55, 96, 147, 0.25);
}

.container p code,
.container li code {
  font: normal normal normal 1rem/1.6 "Andale Mono", AndaleMono, monospace;
  background-color: #f0f0f0;
  padding: 0 0.125rem 0.25rem;
  border-radius: 0.125rem;
}

.container li {
  margin-bottom: 0.625rem;
}

.container p:last-of-type {
/*  margin-bottom: 6.25rem;*/
}

.codehilite {
  overflow-x: scroll;
}

@media only screen and (min-width: 900px) {
  .header {
    position: fixed;
    left: 0rem;
    top: 0rem;
  }

  .container {
    margin-top: 2.5rem;
  }
}

.tag_list {
  display: inline-block;
  float: right;
}
.tag_list a {
  display: inline-block;
  background-color: #eff3f9;
  border-radius: 5px;
  text-decoration: none;
  font-size: .7rem;
  border: none !important;
  background-image: none !important;
  padding: 3px 6px !important;
}