/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{
    line-height:1.15;
    -webkit-text-size-adjust:100% 
}
body{
    margin:0 
}
main{
    display:block 
}
p{
    font-size: 21px;
    line-height: 32px;
    color:#292929;
}
h1{
    font-size:2em;
    margin:.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;
    -webkit-text-decoration:underline dotted;
    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:-.25em 
}
sup{
    top:-.5em 
}
img{
    border-style:none;
    margin-top: 1.5em;
    border-radius: .25rem;
}
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 
}
[type=button],[type=reset],[type=submit],button{
    -webkit-appearance:button 
}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{
    border-style:none;
    padding:0 
}
[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{
    outline:1px dotted ButtonText 
}
fieldset{
    padding:.35em .75em .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 
}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
   /* display: none;
    <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0;
   /* <-- Apparently some margin are still there even though it's hidden */
}
input[type=number] {
    -moz-appearance:textfield;
   /* Firefox */
}
[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;
}
[hidden],template{
    display:none 
}
blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{
    margin:0 
}
button{
    background-color:transparent;
    background-image:none;
    padding:0 
}
button:focus{
    outline:1px dotted;
    outline:5px auto -webkit-focus-ring-color 
}
fieldset,ol,ul{
    margin:0;
    padding:0 
}
ol,ul{
    list-style:none 
}
html{
    font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    line-height:1.5 
}
*,:after,:before{
    box-sizing:border-box;
    border:0 solid #e2e8f0 
}
hr{
    border-top-width:1px 
}
img{
    border-style:solid 
}
textarea{
    resize:vertical 
}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{
    color:#a0aec0 
}
input::-moz-placeholder,textarea::-moz-placeholder{
    color:#a0aec0 
}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{
    color:#a0aec0 
}
input::-ms-input-placeholder,textarea::-ms-input-placeholder{
    color:#a0aec0 
}
input::placeholder,textarea::placeholder{
    color:#a0aec0 
}
[role=button],button{
    cursor:pointer 
}
table{
    border-collapse:collapse 
}
h1,h2,h3,h4,h5,h6{
    font-size:inherit;
    font-weight:inherit 
}
h1{
    font-size: 2.5rem;
    font-family: font-content-title,Georgia,Cambria,Times New Roman,Times,serif;
    line-height: 1.25;
}
h2{
    font-size: 2rem;
    font-family: font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
h3{
    font-size: 1.75rem;
    font-family: font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
h4{
    font-size: 1.5rem;
    font-family: font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 300;
    color: grey;
}
h5{
    font-size: 1.25rem;
    font-family: font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 300;
    color: grey;
}
h6{
    font-size: 1rem;
    font-family: font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 300;
    color: grey;
}
.editorControls{
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 25px;
    margin-top: 25px;
}
#editorjs{
    font-family: font-content-serif,Georgia,Cambria,Times New Roman,Times,serif;
    box-shadow: 0 24px 24px -18px rgba(69,104,129,.33),0 9px 45px 0 rgba(114,119,160,.12);
    min-height: 750px;
    padding: 15px 0px 0px 0px;
}
.ce-paragraph{
    font-size: 21px;
    line-height: 32px;
    color:#292929;
}
#editorjsTitleSubtitle{
    padding: 25px 0px 0px 70px;
}
#userInfo{
    padding: 10px 0px 10px 70px;
    max-width: 90%;
}
#editorjsTitle{
    font-size: 2.5rem;
    font-family: font-content-title,Georgia,Cambria,Times New Roman,Times,serif;
    width: 100%;
    background-color: #fff;
    margin-bottom: -25px;
    resize: none;
}
#editorjsSubTitle{
    font-size: 1.5rem;
    font-family: font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight: 300;
    color:grey;
    width: 90%;
    background-color: #fff;
    margin-bottom: -25px;
    resize: none;
}
#showTutBox{
    scale: 1;
    float: right;
    margin-top:31px;
}
.checkContainer {
    position: relative;
    padding-left: 35px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 600;
}
/* Hide the browser's default checkbox */
.checkContainer input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
/* Create a custom checkbox */
.checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
}
/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}
/* When the checkbox is checked, add a black background */
.checkContainer input:checked ~ .checkmark {
    background-color: #000;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}
/* Show the checkmark when checked */
.checkContainer input:checked ~ .checkmark:after {
    display: block;
}
/* Style the checkmark/indicator */
.checkContainer .checkmark:after {
    left: 10px;
    top: 6px;
    width: 6px;
    height: 11px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}
a{
    color:#0069ff;
    text-decoration:inherit 
}
button,input,optgroup,select,textarea{
    padding:0;
    line-height:inherit;
    color:inherit 
}
code,kbd,pre,samp{
    font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace 
}
audio,canvas,embed,iframe,img,object,svg,video{
    display:block;
    vertical-align:middle;
}
img,video{
    max-width:100%;
    height:auto 
}
.container{
    width:100% 
}
@media (min-width:640px){
    .container{
        max-width:640px 
   }
}
@media (min-width:768px){
    .container{
        max-width:768px 
   }
}
@media (min-width:1024px){
    .container{
        max-width:1024px 
   }
}
@media (min-width:1280px){
    .container{
        max-width:1280px 
   }
}
.bg-red-100{
    background-color:#fff5f5 
}
.bg-red-500{
    background-color:#f56565 
}
.bg-orange-100{
    background-color:#fffaf0 
}
.bg-orange-500{
    background-color:#ed8936 
}
.bg-blue-100{
    background-color:#ebf8ff 
}
.bg-blue-500{
    background-color:#4299e1 
}
.bg-raven-100{
    background-color:#e6e6e6 
}
.bg-raven-500{
    background-color:grey 
}
.hover\:bg-red-200:hover{
    background-color:#fed7d7 
}
.hover\:bg-orange-200:hover{
    background-color:#feebc8 
}
.hover\:bg-blue-200:hover{
    background-color:#bee3f8 
}
.hover\:bg-raven-200:hover{
    background-color:#ccc 
}
.border-blue-300{
    border-color:#90cdf4 
}
.rounded{
    border-radius:.25rem 
}
.rounded-full{
    border-radius:9999px 
}
.border{
    border-width:1px 
}
.cursor-not-allowed{
    cursor:not-allowed 
}
.block{
    display:block 
}
.inline{
    display:inline 
}
.flex{
    display:flex 
}
.inline-flex{
    display:inline-flex 
}
.flex-wrap{
    flex-wrap:wrap 
}
.items-center{
    align-items:center 
}
.justify-start{
    justify-content:flex-start 
}
.justify-end{
    justify-content:flex-end 
}
.justify-center{
    justify-content:center 
}
.justify-between{
    justify-content:space-between 
}
.justify-around{
    justify-content:space-around 
}
.flex-grow{
    flex-grow:1 
}
.flex-shrink-0{
    flex-shrink:0 
}
.font-content-sans{
    font-family:font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji 
}
.font-normal{
    font-weight:400 
}
.font-semibold{
    font-weight:600 
}
.font-bold{
    font-weight:700 
}
.h-4{
    height:1rem 
}
.h-6{
    height:1.5rem 
}
.h-7{
    height:1.75rem 
}
.h-12{
    height:3rem 
}
.leading-none{
    line-height:1 
}
.leading-tight{
    line-height:1.25 
}
.leading-snug{
    line-height:1.375 
}
.leading-tightly{
    line-height:1.15 
}
.m-1{
    margin:.25rem 
}
.m-2{
    margin:.5rem 
}
.mx-3{
    margin-left:.75rem;
    margin-right:.75rem 
}
.mx-4{
    margin-left:1rem;
    margin-right:1rem 
}
.mx-auto{
    margin-left:auto;
    margin-right:auto 
}
.mt-2{
    margin-top:.5rem 
}
.mr-2{
    margin-right:.5rem 
}
.mb-2{
    margin-bottom:.5rem 
}
.ml-2{
    margin-left:.5rem 
}
.mr-3{
    margin-right:.75rem 
}
.ml-3{
    margin-left:.75rem 
}
.mt-4{
    margin-top:1rem 
}
.mb-4{
    margin-bottom:1rem 
}
.mt-5{
    margin-top:1.25rem 
}
.mt-6{
    margin-top:1.5rem 
}
.mt-8{
    margin-top:2rem 
}
.mt-12{
    margin-top:3rem 
}
.first\:ml-0:first-child{
    margin-left:0 
}
.max-w-5xl{
    max-width:64rem 
}
.min-w-0{
    min-width:0 
}
.object-cover{
    -o-object-fit:cover;
    object-fit:cover 
}
.focus\:outline-none:focus{
    outline:0 
}
.p-2{
    padding:.5rem 
}
.p-05{
    padding:.1875rem 
}
.py-1{
    padding-top:.25rem;
    padding-bottom:.25rem 
}
.py-2{
    padding-top:.5rem;
    padding-bottom:.5rem 
}
.px-2{
    padding-left:.5rem;
    padding-right:.5rem 
}
.py-4{
    padding-top:1rem;
    padding-bottom:1rem 
}
.px-4{
    padding-left:1rem;
    padding-right:1rem 
}
.shadow-xl{
    box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04) 
}
.fill-current{
    fill:currentColor 
}
.text-center{
    text-align:center 
}
.text-right{
    text-align:right 
}
.text-gray-500{
    color:#a0aec0 
}
.text-gray-600{
    color:#718096 
}
.text-red-100{
    color:#fff5f5 
}
.text-red-700{
    color:#c53030 
}
.text-orange-100{
    color:#fffaf0 
}
.text-orange-700{
    color:#c05621 
}
.text-blue-100{
    color:#ebf8ff 
}
.text-blue-600{
    color:#3182ce 
}
.text-blue-700{
    color:#2b6cb0 
}
.text-raven-100{
    color:#e6e6e6 
}
.text-raven-500{
    color:grey 
}
.text-raven-700{
    color:#4d4d4d 
}
.text-raven-800{
    color:#333 
}
.text-raven-900{
    color:#1a1a1a 
}
.hover\:text-gray-800:hover{
    color:#2d3748 
}
.hover\:text-blue-800:hover{
    color:#2c5282 
}
.hover\:text-raven-600:hover{
    color:#666 
}
.hover\:text-raven-900:hover{
    color:#1a1a1a 
}
.focus\:text-gray-800:focus{
    color:#2d3748 
}
.text-15{
    font-size:.9375rem 
}
.text-26{
    font-size:1.625rem 
}
.text-xs{
    font-size:.75rem 
}
.text-sm{
    font-size:.875rem 
}
.text-base{
    font-size:1rem 
}
.text-xl{
    font-size:1.25rem 
}
.uppercase{
    text-transform:uppercase 
}
.focus\:underline:focus,.hover\:underline:hover{
    text-decoration:underline 
}
.tracking-normal{
    letter-spacing:0 
}
.tracking-tightly{
    letter-spacing:-.015em 
}
.truncate{
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap 
}
.w-6{
    width:1.5rem 
}
.w-7{
    width:1.75rem 
}
.w-12{
    width:3rem 
}
.w-auto{
    width:auto 
}
.transform{
    --transform-translate-x:0;
    --transform-translate-y:0;
    --transform-rotate:0;
    --transform-skew-x:0;
    --transform-skew-y:0;
    --transform-scale-x:1;
    --transform-scale-y:1;
    transform:translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)) 
}
body{
    text-rendering:optimizelegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale 
}
a,button,input{
    -webkit-tap-highlight-color:transparent 
}
[v-cloak],[x-cloak]{
    display:none 
}
.ax-logo img,.ax-logo svg{
    height:1.5rem;
    width:auto 
}
@media (min-width:640px){
    .ax-logo img,.ax-logo svg{
        height:2.25rem 
   }
}
.default-section>.ax-content,.default-section>.ax-feature,.default-section>.ax-header,.default-single>.ax-content,.default-single>.ax-feature,.default-single>.ax-header,.default-taxonomy>.ax-content,.default-taxonomy>.ax-feature,.default-taxonomy>.ax-header,.default-terms>.ax-content,.default-terms>.ax-feature,.default-terms>.ax-header,.page-single>.ax-content,.page-single>.ax-feature,.page-single>.ax-header{
    display:flex;
    justify-content:center 
}
.default-section>.ax-content>.ax-inner,.default-section>.ax-feature>.ax-inner,.default-section>.ax-header>.ax-inner,.default-single>.ax-content>.ax-inner,.default-single>.ax-feature>.ax-inner,.default-single>.ax-header>.ax-inner,.default-taxonomy>.ax-content>.ax-inner,.default-taxonomy>.ax-feature>.ax-inner,.default-taxonomy>.ax-header>.ax-inner,.default-terms>.ax-content>.ax-inner,.default-terms>.ax-feature>.ax-inner,.default-terms>.ax-header>.ax-inner,.page-single>.ax-content>.ax-inner,.page-single>.ax-feature>.ax-inner,.page-single>.ax-header>.ax-inner{
    flex-grow:1;
    min-width:0;
    max-width:45rem;
    margin-left:1rem;
    margin-right:1rem;
    margin-top:2rem 
}
.default-section>.ax-feature>.ax-inner,.default-single>.ax-feature>.ax-inner,.default-taxonomy>.ax-feature>.ax-inner,.default-terms>.ax-feature>.ax-inner,.page-single>.ax-feature>.ax-inner{
    max-width:64rem 
}
.header{
    position:fixed;
    box-shadow:0 4px 12px 0 rgba(0,0,0,.05);
    background-color:#fff;
    padding-top:1.25rem;
    padding-bottom:1.25rem;
    display:flex;
    justify-content:center;
    width: 100%;
    z-index: 10;
}
.header>.ax-inner{
    display:flex;
    flex-grow:1;
    align-items:center;
    min-width:0;
    max-width:72rem;
    margin-left:1rem;
    margin-right:1rem 
}
.header>.ax-inner>.ax-logo{
    flex:1 1 0% 
}
.header>.ax-inner>.ax-user{
    display:flex;
    align-items:center;
    margin-left:auto 
}
.footer{
    display:flex;
    justify-content:center;
    border-top-width:1px;
    border-color:#edf2f7;
    background-color:#fafafa;
    margin-top:2rem;
    padding-top:1.5rem;
    padding-bottom:1.5rem;
    position: relative;
    z-index: 1;
}
.footer>.ax-inner{
    flex-grow:1;
    min-width:0;
    max-width:72rem;
    margin-left:1rem;
    margin-right:1rem 
}
.sidebar-right{
    top:500px;
    right:5%;
    display: block;
    position:absolute;
    width: 350px;
    margin:auto;
    float: right;
}
.sidebar-left{
    top:500px;
    left:5%;
    display: block;
    position:absolute;
    width: 350px;
    margin:auto;
    float: right;
}
.content-list{
    height: 85%;
    width: 15em;
    position: fixed;
    z-index: 1;
    overflow: scroll;
    top:7.5em;
    margin-left: -19%;
    scrollbar-width: thin;
}
.content-list li{
    margin-bottom: 1.25em;
    color:grey;
    font-weight: 600;
    font-size: 1em;
}
.content-list li:hover{
    color:#00BFA6;
    transition: color .15s linear;
}
.ax-inner .content-list-inner{
    margin: auto;
    z-index: 1;
    overflow: hidden;
    margin-bottom: 2em;
}
.ax-inner .content-list-inner li{
    margin-bottom: 0.75em;
    color:grey;
    font-weight: 600;
    font-size: 1.25em;
}
.ax-inner .content-list-inner li:hover{
    color:#00BFA6;
    transition: color .15s linear;
}

@media (min-width:640px){
    .default-section>.ax-content>.ax-inner,.default-section>.ax-feature>.ax-inner,.default-section>.ax-header>.ax-inner,.default-single>.ax-content>.ax-inner,.default-single>.ax-feature>.ax-inner,.default-single>.ax-header>.ax-inner,.default-taxonomy>.ax-content>.ax-inner,.default-taxonomy>.ax-feature>.ax-inner,.default-taxonomy>.ax-header>.ax-inner,.default-terms>.ax-content>.ax-inner,.default-terms>.ax-feature>.ax-inner,.default-terms>.ax-header>.ax-inner,.footer>.ax-inner,.header>.ax-inner,.page-single>.ax-content>.ax-inner,.page-single>.ax-feature>.ax-inner,.page-single>.ax-header>.ax-inner{
        margin-left:2rem;
        margin-right:2rem 
   }
}
h1.page-title,h1.post-title{
    font-family:font-content-title,Georgia,Cambria,Times New Roman,Times,serif;
    font-size:2.5rem;
    font-weight:400;
    line-height:1.25;
    letter-spacing:normal 
}
h1.section-title{
    text-transform:uppercase;
    letter-spacing:.025em;
    font-size:1.5rem;
    color:#333;
    font-weight:600 
}
p.post-subtitle{
    font-size:1.5rem;
    font-family:font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight:300;
    color:grey;
    margin-top:.75rem 
}
.hr-fade{
    height:1px;
    background-image:linear-gradient(270deg,transparent,rgba(0,0,0,.24),transparent);
    border:0 
}
.cdata>h1,.cdata>h2,.cdata>h3,.cdata>h4,.cdata>h5,.cdata>h6,.cdata>ol,.cdata>p,.cdata>ul{
    color:rgba(0,0,0,.84);
    word-break:break-word;
    overflow-wrap:break-word 
}
.cdata>h1,.cdata>h2,.cdata>h3,.cdata>h4,.cdata>h5,.cdata>h6{
    font-family:font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-weight:700;
    letter-spacing:-.025em 
}
.cdata>h1{
    font-size:2.125rem;
    line-height:1.117647 
}
.cdata>h2{
    font-size:1.75rem;
    line-height:1.153845 
}
.cdata>h3,.cdata>h4,.cdata>h5,.cdata>h6{
    font-size:1.5rem;
    line-height:1.15 
}
.cdata>blockquote p,.cdata>ol,.cdata>p,.cdata>ul{
    font-family:font-content-serif,Georgia,Cambria,Times New Roman,Times,serif;
    font-size:1.25rem;
    font-weight:400;
    line-height:1.57143;
    letter-spacing:-.004em 
}
.cdata>:first-child{
    margin-top:0 
}
.cdata>h1{
    margin-top:2.5rem 
}
.cdata>aside,.cdata>blockquote,.cdata>div,.cdata>figure,.cdata>h2,.cdata>h3,.cdata>h4,.cdata>h5,.cdata>h6,.cdata>hr,.cdata>iframe,.cdata>nav,.cdata>p,.cdata>table{
    margin-top:2.25rem 
}
.cdata>ol,.cdata>ul{
    margin-top:2rem 
}
.cdata>pre{
    margin-top:2.5rem 
}
.cdata>h1+h1,.cdata>h1+h2,.cdata>h1+h3,.cdata>h1+h4,.cdata>h1+h5,.cdata>h1+h6,.cdata>h1+ol,.cdata>h1+p,.cdata>h1+ul,.cdata>h2+h2,.cdata>h2+h3,.cdata>h2+h4,.cdata>h2+h5,.cdata>h2+h6,.cdata>h2+ol,.cdata>h2+p,.cdata>h2+ul,.cdata>h3+h3,.cdata>h3+h4,.cdata>h3+h5,.cdata>h3+h6,.cdata>h3+ol,.cdata>h3+p,.cdata>h3+ul,.cdata>h4+h4,.cdata>h4+h5,.cdata>h4+h6,.cdata>h4+ol,.cdata>h4+p,.cdata>h4+ul,.cdata>h5+h5,.cdata>h5+h6,.cdata>h5+ol,.cdata>h5+p,.cdata>h5+ul,.cdata>h6+h6,.cdata>h6+ol,.cdata>h6+p,.cdata>h6+ul{
    margin-top:.75rem 
}
.cdata>blockquote p,.cdata>ol ol,.cdata>ul ul,.cdata li ol,.cdata li p,.cdata li ul{
    margin-top:0 
}
.cdata>.footnotes a:active,.cdata>.footnotes a:link,.cdata>.footnotes a:visited,.cdata>a:active,.cdata>a:link,.cdata>a:visited,.cdata>blockquote a:active,.cdata>blockquote a:link,.cdata>blockquote a:visited,.cdata>figure figcaption a:active,.cdata>figure figcaption a:link,.cdata>figure figcaption a:visited,.cdata>ol li a:active,.cdata>ol li a:link,.cdata>ol li a:visited,.cdata>p a:active,.cdata>p a:link,.cdata>p a:visited,.cdata>ul li a:active,.cdata>ul li a:link,.cdata>ul li a:visited{
    color:#3182ce 
}
.cdata>.footnotes a:hover,.cdata>a:hover,.cdata>blockquote a:hover,.cdata>figure figcaption a:hover,.cdata>ol li a:hover,.cdata>p a:hover,.cdata>ul li a:hover{
    color:#2c5282;
    text-decoration:underline 
}
.cdata>blockquote{
    padding-left:1.25rem;
    border-left-width:4px;
    border-color:#b3b3b3;
    font-size:1rem;
    color:grey 
}
.cdata>blockquote p{
    color:#4d4d4d 
}
.cdata>.footnotes>ol,.cdata>ol,.cdata>ol li ol,.cdata>ol li ul,.cdata>ul,.cdata>ul li ol,.cdata>ul li ul{
    -webkit-padding-start:1.875rem;
    padding-inline-start:1.875rem 
}
.cdata>ol li ul,.cdata>ul,.cdata>ul li ul{
    list-style-type:disc 
}
.cdata>.footnotes>ol,.cdata>ol,.cdata>ol li ol,.cdata>ul li ol{
    list-style-type:decimal 
}
.cdata>hr{
    height:1px;
    background-image:linear-gradient(270deg,transparent,rgba(0,0,0,.24),transparent);
    border:0 
}
.cdata>table{
    width:100%;
    border-collapse:collapse 
}
.cdata>table th{
    font-weight:600;
    text-align:inherit 
}
.cdata>table td,.cdata>table th{
    padding:.5rem;
    vertical-align:top;
    border-top-width:1px;
    border-color:#e6e6e6 
}
.cdata>table thead th{
    vertical-align:bottom;
    border-bottom-width:2px;
    border-color:#e6e6e6 
}
.cdata>table tbody+tbody{
    border-top-width:2px;
    border-color:#e6e6e6 
}
.cdata .footnotes{
    font-size:.875rem;
    color:grey 
}
.cdata .footnotes>hr{
    margin-top:1.5rem;
    margin-bottom:.5rem 
}
.cdata .footnotes .footnote-backref{
    visibility:hidden 
}
.cdata .footnotes .footnote-backref:before{
    content:"\2191 \00A0";
    visibility:visible 
}
code,pre{
    font-family:Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;
    font-weight:400;
    direction:ltr;
    -webkit-hyphens:none;
    -ms-hyphens:none;
    hyphens:none;
    -moz-tab-size:2;
    -o-tab-size:2;
    tab-size:2;
    text-align:left;
    letter-spacing:normal;
    word-break:normal;
    word-spacing:normal 
}
pre{
    font-size:.875rem;
    line-height:1.5;
    white-space:pre;
    padding:1rem;
    border-radius:.125rem;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    -webkit-font-smoothing:auto;
    -moz-osx-font-smoothing:auto;
    scrollbar-width:none 
}
pre::-webkit-scrollbar{
    display:none 
}
pre{
    color:#4a5568 
}
:not(pre)>code,pre{
    background-color:#f7fafc 
}
:not(pre)>code{
    /*font-size:.875rem;
    padding-left:.25rem;
    padding-right:.25rem;
    vertical-align:text-bottom;
    white-space:normal;
    border-radius:.125rem;
    color:#805ad5 */
    background: rgba(250, 239, 240, 0.78);
    color: #b44437;
    padding: 3px 4px;
    border-radius: 5px;
    margin: 0 1px;
    font-family: inherit;
    font-size: 0.86em;
    font-weight: 500;
    letter-spacing: 0.3px;
}
.token.cdata,.token.comment,.token.doctype,.token.prolog{
    color:#a0aec0 
}
.token.punctuation{
    color:#63b3ed 
}
.token.namespace{
    opacity:.7 
}
.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{
    color:#f56565 
}
.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{
    color:#d69e2e 
}
.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{
    color:#ed8936 
}
.token.atrule,.token.attr-value,.token.keyword{
    color:#48bb78 
}
.token.class-name,.token.function{
    color:#4299e1 
}
.token.important,.token.regex,.token.variable{
    color:#ed64a6 
}
.token.bold,.token.important{
    font-weight:700 
}
.token.italic{
    font-style:italic 
}
.ax-inner button{
    margin: 0 25px 0 25px;
}

.big-button {
	display: inline-block;
	color: #fff;
	text-transform: uppercase;
    font-size: 1rem;
    padding: 7px 20px 7px 20px;
	letter-spacing: 0.1rem;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
    z-index: 1;
    font-weight: 500;
    font-family:font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.big-button:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	z-index: -2;
}

.big-button:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: rgba(255, 255, 255, 0.25);
	transition: all 0.3s;
	z-index: -1;
}

.big-button:hover {
	color: #fff;
}

.big-button:hover:before {
	width: 100%;
}

.big-button-inverse {
	display: inline-block;
	color: #000;
	text-transform: uppercase;
    font-size: 1rem;
    padding: 7px 20px 7px 20px;
	letter-spacing: 0.1rem;
	transition: all 0.3s;
	position: relative;
	overflow: hidden;
    z-index: 1;
    font-weight: 500;
    font-family:font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}

.big-button-inverse:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index: -2;
}

.big-button-inverse:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 0%;
	height: 100%;
	background-color: rgba(0, 0, 0, 1);
	transition: all 0.3s;
	z-index: -1;
}

.big-button-inverse:hover {
	color: #fff;
}

.big-button-inverse:hover:before {
	width: 100%;
}
.small-button{
   /*background-color: #000;
    color: #fff;
   */
    padding: 7.5px 20px 7.5px 20px;
    font-weight: 600;
    transition: all 0.2s ease;
    font-family:font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji 
}
.small-button:hover{
    text-decoration: underline;
}
.summary-title{
    font-weight: bold;
    font-size: 2em;
}
.summary-title:hover{
    color:#00BFA6;
    transition: color .15s linear;
}
.summary-excerpt{
    line-height: 1.5em;
    color: grey;
}
.summary{
    margin-bottom: 3.5em;
}
.summary-meta{
    margin-top: 1em;
    font-weight: 600;
    color: #333;
}
#footerArticles{
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
}
#footerArticles div{
    flex: 0.5 0 21%;
    width: 75%;
    margin-right: -22.5%;
    margin-top: 15px;
}
#footerArticles div div div a:nth-of-type(2) {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10; /* number of lines to show */
    -webkit-box-orient: vertical;
}
#footerArticles h4{
    position:absolute;
}
#footerOptions{
    text-align: center;
}
#footerOptions ul{
    list-style: none;
}
#footerOptions li{
    display: inline;
}
.pro-tip{
    background-color: rgba(0, 191, 166, 0.05);
    width: 90%;
    margin: auto;
    padding: 30px 40px 32px 30px;
}
.pro-tip-title{
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    font-weight: 700;
    margin: 0 0 15px;
    letter-spacing: 0.5px;
}
.pro-tip-content p{
    line-height: 1.4;
    font-size: 1.2rem;
}

ol li{
    margin-bottom: 1em;
}

@media (min-width:640px){
    .sm\:flex{
        display:flex 
   }
    .sm\:flex-shrink-0{
        flex-shrink:0 
   }
    .sm\:h-14{
        height:3.5rem 
   }
    .sm\:h-40{
        height:10rem 
   }
    .sm\:mb-0{
        margin-bottom:0 
   }
    .sm\:mr-10{
        margin-right:2.5rem 
   }
    .sm\:text-xs{
        font-size:.75rem 
   }
    .sm\:text-base{
        font-size:17.5px;
   }
    .sm\:text-2xl{
        font-size:1.5rem 
   }
    .sm\:w-14{
        width:3.5rem 
   }
    .sm\:w-40{
        width:10rem 
   }
}
@media (min-width:3000px){
    .content-list{
        margin-left: -10%;
   }
}
@media (min-width:2250px){
    .content-list{
        margin-left: -12.5%;
   }
}
@media (max-width:1350px){
    .content-list{
        display: none;
   }
}
@media (min-width:768px){
    .md\:mx-8{
        margin-left:2rem;
        margin-right:2rem 
   }
}
@media (max-width:700px){
    #write-for-us{
        display: none;
    }
    #submitAPost{
        display: none;
    }
    #footerArticles{
        margin-top: 50px;
    }
    #footerArticles div{
        flex: 0.85 0 75%;
        margin-top: -5px;
    }
    #footerArticles h4{
        margin-top: -55px;
    }
    #footerArticles div div div a:nth-of-type(2) {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5; /* number of lines to show */
        -webkit-box-orient: vertical;
    }
    .editorControls{
        display: grid;
        grid-template-columns: 100%;
        grid-template-rows: 1rem auto auto;
   }
   .cdata>h2{
    font-size:1.5rem;
}
}
@media (max-width:639px){
    #footerArticles div{
        flex: 1 0 100%;
        width: 100%;
        margin-right: 0%;
    }
}
@media (max-width:450px){
    .cdata>blockquote p,.cdata>ol,.cdata>p,.cdata>ul{
        font-size:1.1rem;
    }
    .searchForm{
        position: absolute;
        text-align: center;
        margin-top: 2rem;
        margin-left: 15%;
   }
    .searchForm input{
        width: 100%;
   }
    .searchForm button{
        position:absolute;
   }
    #nav{
        height: 6em;
   }
    .ax-logo{
        margin-top: -3em;
        margin-left: 35%;
   }
    #fourOfourBrowseArticles{
        width: 75%;
   }
}
/*WRITE FOR US*/
.Prose{
    margin-bottom: 75px;
    font-family: font-content-sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
}
.Prose h2{
    font-weight: bold;
    margin-bottom: 10px;
}
.Prose p{
    line-height: 1.7rem;
    color: grey;
}
.Prose ul{
    margin: 1.25rem 0 0;
    list-style: none;
}
.Prose li{
    margin: 0.5rem 0 0;
    color: grey;
}
.Prose .InPageNav-anchor{
    margin-bottom: 1rem;
}
.Prose h2 + p{
    line-height: 1.5rem;
    margin-bottom: 1.25rem;
    font-size:20px;
}
.Prose a{
    color:#0069ff;
}
::-moz-selection {
    background: rgba(0, 191, 166, 0.25);
  }
  
  ::selection {
    background: rgba(0, 191, 166, 0.25);
  }





   /* Hide scrollbar for Chrome, Safari and Opera */
.example::-webkit-scrollbar {
    display: none;
  }
  
  /* Hide scrollbar for IE, Edge and Firefox */
  .example {
    -ms-overflow-style: none;  /* IE and Edge */
    scrollbar-width: none;  /* Firefox */
  }