@charset "utf-8";

/* @group @page-layout
--------------------------------------------------------*/

body{
overflow-x:hidden;
}

body{
color:hsl(220, 5%, 25%);
}

a,button,input[type="submit"],input[type="button"]{
text-decoration:none;
}

/* @end @default */

/* @group @reset-support
--------------------------------------------------------*/

@supports (-webkit-scroll-behavior:smooth) or (scroll-behavior:smooth){
body{-webkit-scroll-behavior:smooth;scroll-behavior:smooth;}
}

/* @end @reset-support */

/*--------------------------------------------------------*/

/* @group @transition
--------------------------------------------------------*/

a,button,input[type="submit"],input[type="button"]{
transition:.5s all cubic-bezier(.6, .5, .5, .75);
}



/* @end @transition */


/*--------------------------------------------------------*/

/* @group @hyphenate
https://justmarkup.com/log/2015/07/31/dealing-with-long-words-in-css/
--------------------------------------------------------*/

.hyphenate{
overflow-wrap:break-word;
word-wrap:break-word;
-webkit-hyphens:auto;
-ms-hyphens:auto;
-moz-hyphens:auto;
hyphens:auto;
}

/* @end @hyphenate */

/*--------------------------------------------------------*/

/* @group @margin-bottom
--------------------------------------------------------*/

h4,h5ul,ol,dl,table,pre,blockquote{
margin-bottom:1.5rem;
}

p{
margin-bottom:.75rem;
}

/* @end @margin-bottom */

/*--------------------------------------------------------*/

/* @group @transition
--------------------------------------------------------*/

[data-contents-body]{
transition:all .25s cubic-bezier(.6, .5, .5, .75);
}

a,
.btn,
.page-nav [data-icon-before]:before,
.nav-toggle:hover [data-icon]:before{
transition:.5s all cubic-bezier(.6, .5, .5, .75);
}

/* @end @transition */