writing/build/assets/css/style.css

1 line
44 KiB
CSS
Raw Normal View History

2020-12-23 17:39:28 +00:00
@charset "UTF-8";:root{--page-margin:6vw;--entry-width:42rem;--navbar-height:4.4rem;--line-height:1.7;--font-weight-normal:400;--font-weight-bold:700;--headings-weight:700;--headings-transform:none;--white:#FFFFFF;--white-rgb:255,255,255;--black:#000000;--dark:#17181E;--gray-1:#61666C;--gray-2:#747577;--light:#E6E7EB;--lighter:#F3F3F3;--color:#D73A42;--color-rgb:215,58,66;--text-color:#17181E;--headings-color:#17181E;--logo-color:#FFFFFF;--hero-height:80vh;--hero-bg:#17181E;--hero-heading-color:#FFFFFF;--hero-text-color:rgba(255,255,255,0.75);--hero-link-color:#FFFFFF;--hero-link-color-hover:rgba(255,255,255,0.75);--hero-border-color:rgba(255,255,255,0.3)}@media all and (min-width:56.25em){:root{--navbar-height:6rem}}article,aside,footer,header,hgroup,main,nav,section{display:block}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}li{list-style:none}img{height:auto;max-width:100%;vertical-align:top}button,input,select,textarea{font:inherit}.facebook{background:#3b5998}.twitter{background:#55acee}.mix{background:#fd8235}.instagram{background:#405de6}.vimeo{background:#1ab7ea}.pinterest{background:#bd081c}.youtube{background:#cd201f}.linkedin{background:#007bb6}.buffer{background:#333}.whatsapp{background:#25d366}::-moz-selection{background:var(--color);color:var(--white)}::selection{background:var(--color);color:var(--white)}html{font-smooth:always;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html{font-size:1.1rem}@media screen and (min-width:20rem){html{font-size:calc(1.1rem + .1 * ((100vw - 20rem)/ 50))}}@media screen and (min-width:70rem){html{font-size:1.2rem}}html.no-scroll{overflow:hidden;position:fixed}body{background:var(--white);color:var(--text-color);font-family:var(--body-font);font-weight:var(--font-weight-normal);line-height:var(--line-height);-ms-scroll-chaining:none;overscroll-behavior:none}a{color:var(--color);text-decoration:none;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}a:hover{color:var(--dark)}a:active{color:var(--dark)}a:focus{outline:0}.invert{color:var(--dark);text-decoration:none;-webkit-transition:all .24s ease-out;-o-transition:all .24s ease-out;transition:all .24s ease-out}.invert:hover{color:var(--color)}.invert:active{color:var(--color)}.invert:focus{outline:0}dl,ol,p,ul{margin-top:calc(1.1333333333rem + .25vw)}blockquote,figure,hr,pre,table{margin-top:calc(1.7rem + .5vw);margin-bottom:calc(1.7rem + .5vw)}h1,h2,h3,h4,h5,h6{color:var(--headings-color);font-family:var(--heading-font);font-weight:var(--headings-weight);-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;line-height:1.2;margin-top:calc(1.7rem + 1vw);text-transform:var(--headings-transform)}.h1,h1{font-family:var(--heading-font)}.h1,h1{font-size:1.5710900065rem}@media screen and (min-width:20rem){.h1,h1{font-size:calc(1.5710900065rem + 1.6242496345 * ((100vw - 20rem)/ 50))}}@media screen and (min-width:70rem){.h1,h1{font-size:3.195339641rem}}.h2,h2{font-size:1.3808408252rem}@media screen and (min-width:20rem){.h2,h2{font-size:calc(1.3808408252rem + 1.0874829835 * ((100vw - 20rem)/ 50))}}@media screen and (min-width:70rem){.h2,h2{font-size:2.4683238087rem}}.h3,h3{font-size:1.2136296308rem}@media screen and (min-width:20rem){.h3,h3{font-size:calc(1.2136296308rem + .4621997101 * ((100vw - 20rem)/ 50))}}@media screen and (min-width:70rem){.h3,h3{font-size:1.6758293408rem}}.h4,h4{font-size:1.1377777785rem}@media screen and (min-width:20rem){.h4,h4{font-size:calc(1.1377777785rem + .1567604947 * ((100vw - 20rem)/ 50))}}@media screen and (min-width:70rem){.h4,h4{font-size:1.2945382732rem}}.h5,h5{font-size:1.066666667rem}@media screen and (min-width:20rem){.h5,h5{font-size:calc(1.066666667rem + .0711111115 * ((100vw - 20rem)/ 50))}}@media screen and (min-width:70rem){.h5,h5{font-size:1.1377777785rem}}.h6,h6{font-size:1rem}@media screen and (min-width:20rem){.h6,h6{font-size:calc(1rem + 0 * ((100vw - 20rem)/ 50))}}@media screen and (min-width:70rem){.h6,h6{font-size:1rem}}h2+*,h3+*,h4+*,h5+*,h6+*