Skip to content

Instantly share code, notes, and snippets.

@ohiosveryown
Created June 14, 2017 12:10
Show Gist options
  • Save ohiosveryown/47abad391dd8cc97ff91910ca8289e3e to your computer and use it in GitHub Desktop.
Save ohiosveryown/47abad391dd8cc97ff91910ca8289e3e to your computer and use it in GitHub Desktop.
*,*:before,*:after{box-sizing:inherit}html{box-sizing:border-box;overflow-x:hidden;font-size:62.5%;-webkit-font-smoothing:antialiased !important;text-rendering:optimizeLegibility !important}body{background:#fff;color:rgba(0,0,0,0.8);font:400 1.6rem/1.4 -apple-system, BlinkMacSystemFont, 'avenir next', avenir, 'helvetica neue', helvetica, ubuntu, roboto, noto, 'segoe ui', arial, sans-serif;overflow-x:hidden;margin:0;padding:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6,img,ul,li,section,article,figure,main{margin:0;padding:0}button{border:none;background:black;cursor:pointer;margin:0}img{max-width:100%}ul{list-style-type:none}li{display:inline-block}.debug{outline:2px solid pink}.mb-0{margin-bottom:.809rem}.mb-1{margin-bottom:1.618rem}.mb-2{margin-bottom:3.236rem}.mb-3{margin-bottom:4.854rem}.mb-4{margin-bottom:6.472rem}.mb-5{margin-bottom:8.09rem}.mb-6{margin-bottom:9.708rem}.mb-7{margin-bottom:11.326rem}.mb-8{margin-bottom:12.944rem}.mb-9{margin-bottom:14.562rem}@media (min-width: 700px){.mt-6-ns{margin-top:9.708rem}}@media (min-width: 700px){.mt-7-ns{margin-top:11.326rem}}@media (min-width: 700px){.mt-8-ns{margin-top:12.944rem}}@media (min-width: 700px){.mt-9-ns{margin-top:14.562rem}}.mt-0{margin-top:.809rem}.mt-1{margin-top:1.618rem}.mt-2{margin-top:3.236rem}.mt-3{margin-top:4.854rem}.mt-4{margin-top:6.472rem}.mt-5{margin-top:8.09rem}.mt-6{margin-top:9.708rem}.mt-7{margin-top:11.326rem}.mt-8{margin-top:12.944rem}.mt-8{margin-top:14.562rem}@media (min-width: 700px){.mb-6-ns{margin-bottom:9.708rem}}@media (min-width: 700px){.mb-7-ns{margin-bottom:11.326rem}}@media (min-width: 700px){.mb-8-ns{margin-bottom:12.944rem}}@media (min-width: 700px){.mb-9-ns{margin-bottom:14.562rem}}.pb-0{padding-bottom:.809rem}.pb-1{padding-bottom:1.618rem}.pb-2{padding-bottom:3.236rem}.pb-3{padding-bottom:4.854rem}.pb-4{padding-bottom:6.472rem}.pb-5{padding-bottom:8.09rem}.pb-6{padding-bottom:9.708rem}.pb-7{padding-bottom:11.326rem}.pb-8{padding-bottom:12.944rem}.pb-9{padding-bottom:14.562rem}.pt-0{padding-top:.809rem}.pt-1{padding-top:1.618rem}.pt-2{padding-top:3.236rem}.pt-3{padding-top:4.854rem}.pt-4{padding-top:6.472rem}.pt-5{padding-top:8.09rem}.pt-6{padding-top:9.708rem}.pt-7{padding-top:11.326rem}.pt-8{padding-top:12.944rem}.pt-9{padding-top:14.562rem}.grid{position:relative;margin-left:auto;margin-right:auto;width:90vw;max-width:140rem}.fixed-fill{background:rgba(240,255,240,0.8);position:fixed;min-height:48rem;top:0;right:0;bottom:0;left:0;z-index:9999}.center-x{margin:0 auto}.border-b{border-bottom:1px solid #303030}.border-t{border-top:1px solid #303030}.br-2{border-radius:0.2rem}.bs-1{box-shadow:0 5.6rem 6rem -4rem rgba(0,0,0,0.4)}.bs-2{box-shadow:0 0 6rem 0 rgba(0,0,0,0.8)}.show-xs{display:none}@media (min-width: 360px){.show-xs{display:block}}.show-sm{display:none}@media (min-width: 400px){.show-sm{display:block}}.show-md{display:none}@media (min-width: 700px){.show-md{display:block}}.show-mdl{display:none}@media (min-width: 1000px){.show-mdl{display:block}}.show-lg{display:none}@media (min-width: 1200px){.show-lg{display:block}}.show-xl{display:none}@media (min-width: 1400px){.show-xl{display:block}}h1{font-size:4.045rem;line-height:0.9;z-index:9999}h2{font-size:3.236rem;line-height:1}h3{font-size:2.427rem;line-height:1.1}h4{font-size:1.618rem;line-height:1.2}p{font-size:1.618rem;line-height:1.618}.uc{text-transform:uppercase}.ls-1{letter-spacing:0.1rem}.ls-2{letter-spacing:0.4rem}.center-c{text-align:center}.justify-c{text-align:justify}@media (min-width: 1000px){.measure-1{max-width:10%}}@media (min-width: 1000px){.measure-2{max-width:20%}}@media (min-width: 1000px){.measure-3{max-width:30%}}@media (min-width: 1000px){.measure-4{max-width:40%}}@media (min-width: 1000px){.measure-5{max-width:50%}}@media (min-width: 1000px){.measure-6{max-width:60%}}@media (min-width: 1000px){.measure-7{max-width:70%}}@media (min-width: 1000px){.measure-8{max-width:80%}}@media (min-width: 1000px){.measure-9{max-width:90%}}@-webkit-keyframes reveal{0%{opacity:0}100%{opacity:1}}@keyframes reveal{0%{opacity:0}100%{opacity:1}}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment