-
Notifications
You must be signed in to change notification settings - Fork 0
/
styles.878e024dac88e17b2fb0.css
3 lines (2 loc) · 18.2 KB
/
styles.878e024dac88e17b2fb0.css
1
2
3
.Logo{display:-webkit-box;display:-ms-flexbox;display:flex;background-size:contain;background-repeat:no-repeat;background-position:50%;height:4rem;width:4rem;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.Logo.Logo-Large{height:6rem;width:6rem}.Logo-Outer{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.Logo-Text{margin-left:.5rem;line-height:1}.logo-line1{font-size:1.8rem;font-weight:700}.logo-line2{font-size:1.4rem;font-family:acumin-pro-semi-condensed,sans-serif;font-display:block}.Nav{background:rgba(0,0,0,.2);position:absolute;z-index:2;border-bottom:1px solid var(--lightGrey);-webkit-box-shadow:0 2px 5px rgba(0,0,0,.025);box-shadow:0 2px 5px rgba(0,0,0,.025);width:100%}.Nav,.Nav.sticky{top:0;-webkit-transition:background-color .3s linear 0s;transition:background-color .3s linear 0s}.Nav.sticky{background:#000;position:fixed}.Nav.sticky .Nav--Head{position:absolute;visibility:hidden}.Nav .Nav--Head{padding-top:1rem}.Nav--Head a{color:#fff;text-decoration:none}.Nav--LogoArea{margin-left:8rem;width:6rem;opacity:0;visibility:hidden;-webkit-transition:opacity 0s linear 0s;transition:opacity 0s linear 0s}.Nav.sticky .Nav--LogoArea{visibility:visible;opacity:1;-webkit-transition:opacity .3s linear 0s;transition:opacity .3s linear 0s}.Nav--Container{padding:1rem 0;margin:0 10rem inherit}.Nav--Container,.Nav--Links{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.Nav--Links{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.Nav--Links>*+*{margin-left:1rem}.Nav--Container .Logo{margin-right:3rem;position:relative}.Nav--MenuButton{display:none!important}.NavLink{padding:.5rem 1rem;display:block;font-weight:500;-webkit-transition:color .2s,border-bottom-color .2s;transition:color .2s,border-bottom-color .2s;color:#fff;text-decoration:none;border-bottom:2px solid transparent}.NavLink.active,.NavLink:focus,.NavLink:hover{color:var(--primary);border-bottom-color:currentColor}.Nav--Group{position:relative;cursor:pointer;text-decoration:none}.Nav--GroupParent{padding-right:3rem}.Nav--GroupParent:after{content:"";position:absolute;top:calc(50% - .2rem);right:1rem;border-bottom:2px solid var(--darkGrey);border-right:2px solid var(--darkGrey);display:block;height:.8rem;width:.8rem;-webkit-transition:all .3s ease;transition:all .3s ease;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.Nav--GroupLinksOffsets{position:absolute;left:0;width:20rem;height:1.5rem;top:100%;visibility:hidden}.Nav--Group:hover .Nav--GroupLinksOffsets{visibility:visible}.Nav--GroupLinks{position:absolute;margin-top:1.5rem;top:100%;left:0;width:auto;background:rgba(0,0,0,.6);max-height:0;overflow:hidden;-webkit-transition:all .3s ease;transition:all .3s ease}.Nav--Group:hover .Nav--GroupLinks{max-height:100vh;opacity:1;-webkit-transition:all .6s ease;transition:all .6s ease}.Nav--Group:hover .Nav--GroupParent:after{top:calc(50% + .2rem);-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.Nav--GroupLink{display:block;position:relative;width:20rem}@media (max-width:600px){.Nav{position:fixed;top:0}.Nav .container{width:95%}.Nav.sticky{background:#000}.Nav--Head.container{height:0;padding-top:0;margin-top:1rem}.Nav.sticky .Nav--Head{position:static;visibility:unset}.Nav.sticky .Nav--LogoArea{visibility:hidden}.Nav--Container.container{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;margin-bottom:1rem}.Nav--MenuButton{display:block!important;margin-left:auto;z-index:1;color:#fff}.Nav .Logo-Outer{z-index:1;position:relative}.Nav--Links{display:none;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;position:fixed;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;top:0;left:0;right:0;bottom:0;background:#000;-webkit-animation:Nav--Links .2s ease;animation:Nav--Links .2s ease}.Nav--Links>*+*{margin-left:0;margin-top:1rem}.Nav-active .Nav--Links{display:-webkit-box;display:-ms-flexbox;display:flex}.Nav-active .NavLink{-webkit-animation:Nav--Link .3s ease-out;animation:Nav--Link .3s ease-out;-webkit-animation-fill-mode:both;animation-fill-mode:both}.Nav .NavLink{font-size:2.5rem;font-weight:300}.Nav .NavLink:nth-of-type(2){-webkit-animation-delay:.1s;animation-delay:.1s}.Nav .NavLink:nth-of-type(3){-webkit-animation-delay:.2s;animation-delay:.2s}.Nav .NavLink:nth-of-type(4){-webkit-animation-delay:.3s;animation-delay:.3s}.Nav .NavLink:nth-of-type(5){-webkit-animation-delay:.4s;animation-delay:.4s}.Nav .NavLink:nth-of-type(6){-webkit-animation-delay:.5s;animation-delay:.5s}.Nav .NavLink:nth-of-type(8){-webkit-animation-delay:.7s;animation-delay:.7s}.Nav .NavLink:nth-of-type(7){-webkit-animation-delay:.6s;animation-delay:.6s}.Nav--GroupParent:after{border-bottom:2px solid #d3d3d3;border-right:2px solid #d3d3d3}.Nav--Group.active .Nav--GroupLinks{max-height:100vh;opacity:1;-webkit-transition:all .6s ease;transition:all .6s ease}.Nav--Group.active .Nav--GroupParent:after{top:calc(50% + .2rem);-webkit-transform:translateY(-50%) rotate(-135deg);transform:translateY(-50%) rotate(-135deg)}.Nav--GroupLinks{position:relative;text-align:center;margin-top:0}.Nav--GroupLinks .NavLink{font-size:1.5rem;width:auto}}@-webkit-keyframes Nav--Link{0%{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:0}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@keyframes Nav--Link{0%{-webkit-transform:translateY(1rem);transform:translateY(1rem);opacity:0}to{opacity:1;-webkit-transform:translate(0);transform:translate(0)}}@-webkit-keyframes Nav--Links{0%{opacity:0}}@keyframes Nav--Links{0%{opacity:0}}.footer{padding:2rem 0;background:var(--lightGrey);font-size:1.2rem}.footer a{color:#000;text-decoration:none}.footer .container,.footer nav{overflow:auto}.footer nav{float:left;display:-webkit-box;display:-ms-flexbox;display:flex}.footer nav ul{list-style:none;padding-left:0;padding-right:3rem}.footer nav li svg{height:1.2rem}.footer-logo{float:right;color:var(--darkGrey)}.Image{display:block;width:100%}.BackgroundImage{position:absolute;background-position:50%;background-repeat:no-repeat;overflow:hidden}.BackgroundImage,.BackgroundImage .Image{top:0;left:0;bottom:0;right:0}.LazyImage{opacity:0;-webkit-transition:all .3s ease;transition:all .3s ease}.LazyImage.faded{opacity:1}.Content--Image,.Content img{max-width:100%;display:block;height:auto;margin-bottom:2.5rem}.Content--Iframe{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;height:auto}.Content--Iframe iframe{position:absolute;top:0;left:0;width:100%;height:100%}.Content p{margin:0}.Content h1{margin:1rem 0 0}.Content h1:before{content:"\2022";margin-right:1rem}.Content .youtube{position:relative;width:100%;padding-top:56.25%}.Content .youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%}.PageHeader{background-color:var(--darkGrey);color:#fff;padding:15rem 0}.PageHeader .BackgroundImage{opacity:.8}.PageHeader-large{padding:20rem 0}.PageHeader-small{padding:8rem 0}.PageHeader--Title{font-size:6rem;margin-bottom:0}.PageHeader--Subtitle{font-weight:400;font-size:1.8rem}.PageHeader .BackgroundImage.top{opacity:.8;-webkit-transition:opacity 1s;transition:opacity 1s}.PageHeader .BackgroundImage.hide{opacity:0;-webkit-transition:opacity 1s;transition:opacity 1s}.PageHeader .container{-webkit-animation:fadeIn .5s ease-out;animation:fadeIn .5s ease-out}@media (max-width:600px){.PageHeader{padding:7rem 0}.PageHeader-large{padding:12.5rem 0}}
/*! modern-normalize v1.0.0 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box}:root{-moz-tab-size:4;-o-tab-size:4;tab-size:4}html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,sans-serif,Helvetica,Arial,Apple Color Emoji,Segoe UI Emoji}hr{height:0;color:inherit}abbr[title]{-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,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}table{text-indent:0;border-color:inherit}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}::-moz-focus-inner{border-style:none;padding:0}:-moz-focusring{outline:1px dotted ButtonText}:-moz-ui-invalid{box-shadow:none}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--primary:#ffdb7a;--secondary:#000;--lightGrey:#f5f5f5;--midGrey:#cacaca;--darkGrey:#272727;--danger:#ff3d3d;--font-primary:"Open Sans",sans-serif;--font-system:-apple-system,BlinkMacSystemFont,Roboto,"Segoe UI","Helvetica Neue",HelveticaNeue,YuGothic,"Yu Gothic Medium","Yu Gothic",Verdana,Meiryo,sans-serif;--borderRadius:3px}::-webkit-scrollbar{width:.4rem}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 3px var(--grey)}::-webkit-scrollbar-thumb{background-color:#ffdb7a;background-color:var(--primary)}::-moz-selection{background:rgba(0,194,189,.6)}::selection{background:rgba(0,194,189,.6)}html{-webkit-box-sizing:border-box;box-sizing:border-box;font-size:62.5%;background:#f5f5f5;background:var(--lightGrey)}body,html{min-height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Roboto,Segoe UI,Helvetica Neue,HelveticaNeue,YuGothic,Yu Gothic Medium,Yu Gothic,Verdana,Meiryo,sans-serif;font-family:var(--font-system);position:relative;background:#fff;color:#000;color:var(--secondary);font-size:1.6em;font-weight:400;letter-spacing:.01em;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:#00f}p{margin-top:0;margin-bottom:1em}h1,h2,h3,h4,h5,h6{margin:0 0 .5em}pre{line-height:1.45;padding:16px}code,pre{background:#f5f5f5;background:var(--lightGrey);font-size:85%;border-radius:3px}code{padding:.15em 0}code:after,code:before{letter-spacing:-.2em;content:"\00a0"}pre code{font-size:inherit}pre code:after,pre code:before{display:none}blockquote{margin-left:0;padding-left:1em;line-height:1.1;font-size:1em;font-style:italic;border-left:2px solid #ffdb7a;border-left:2px solid var(--primary)}.light{background-color:#f5f5f5;background-color:var(--lightGrey)}.white{background-color:#fff}.dark{background-color:#ffdb7a;background-color:var(--primary)}.dark,.dark h1,.dark h2,.dark h3,.dark h4,.dark h5,.dark h6{color:#fff}.relative{position:relative}.absolute{position:absolute;top:0;left:0;right:0;bottom:0}.taCenter{text-align:center}.taLeft{text-align:left}.taRight{text-align:right}@-webkit-keyframes fadeIn{0%{opacity:0}}@keyframes fadeIn{0%{opacity:0}}.section{width:100%;padding:5rem 0;border-bottom:1px solid #f1f1f1}.section:last-child{border:0}.section.thick{padding:10rem 0}.section.thin{padding:3.5rem 0}.section.noPadding{padding:0}@media (max-width:600px){.section{width:100%;padding:5rem 0}.section.thick{padding:7rem 0}.section.thin{padding:1.5rem 0}}.container{max-width:1111px;width:90%;margin:0 auto}.container.skinny{max-width:888px}.container.skinnier{max-width:555px}.Button{background:#ffdb7a;background:var(--primary);color:#fff;text-transform:uppercase;text-decoration:none;font-weight:700;letter-spacing:.05em;font-size:1.4rem;display:inline-block;padding:1.25rem 3rem;border:none;-webkit-transition:all .2s ease;transition:all .2s ease;cursor:pointer;border-radius:3px;border-radius:var(--borderRadius)}.Button:focus,.Button:hover{opacity:.95;outline:none}.Button[disabled]{opacity:.4;pointer-events:none;cursor:progress}.Button-blank{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;outline:none;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bread ul{margin:.3rem 0;padding:0}.bread li{list-style:none;color:grey;display:inline;font-size:.8em}.bread li:not(:last-child):after{content:">";margin:0 1rem}.bread a{color:grey}.bread a,.PostCard{text-decoration:none}.PostCard{background:#fff;color:inherit;border:1px solid var(--lightGrey);border-radius:var(--borderRadius);-webkit-box-shadow:0 2px 15px rgba(0,0,0,.1);box-shadow:0 2px 15px rgba(0,0,0,.1);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;overflow:hidden}.PostCard:focus,.PostCard:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 30px rgba(0,0,0,.15);box-shadow:0 2px 30px rgba(0,0,0,.15)}.PostCard--Image{margin:0 0 2rem;width:100%;height:15rem}.PostCard--Title{margin:0}.PostCard--Content{padding:0 2.5rem 2.5rem}.PostCard--Category{font-size:1.2rem;min-height:1.2em;line-height:1;margin:.5em 0}.PostSection--Grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.PostSection button{margin-top:5rem;background:#fff;border:2px solid #000;padding:1rem 2rem;cursor:pointer}.PostSection button:hover{background:#000;border:2px solid #fff;color:#fff}.PostSection--Grid>*{width:calc(33.33% - 2rem);margin-bottom:4rem}@supports (display:grid){.PostSection--Grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4rem}.PostSection--Grid>*{width:auto;margin:0}}.PostSection--Header{position:relative}.PostSection--ListLink{position:absolute;top:3rem;right:0;border:1px solid;padding:0 1rem}.PostSection--ListLink a{color:#000;text-decoration:none}.PostSection--Title{text-align:center;width:100%;max-width:400px;margin:0 auto 2rem;line-height:1.2}.PostSection--Description{text-align:center;width:100%;margin:-1rem auto 2rem;line-height:1.2;white-space:pre-wrap}@media (max-width:600px){.PostSection--ListLink{top:0}}@media screen and (max-width:888px){.PostSection--Grid>*{width:100%;max-width:50rem;margin:0 auto 4rem;display:block}@supports (display:grid){.PostSection--Grid{display:block;grid-template-columns:1;grid-gap:0}}}.postList .posts{margin-top:2rem;margin-bottom:3rem}.twitter-tl{width:400px;margin-left:50px}.bottom-info{display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width:600px){.bottom-info{display:inline}.twitter-tl{width:90%;margin-left:auto}}.PageCard{text-decoration:none;background:#fff;color:inherit;border:1px solid var(--lightGrey);border-radius:var(--borderRadius);-webkit-box-shadow:0 2px 15px rgba(0,0,0,.1);box-shadow:0 2px 15px rgba(0,0,0,.1);-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out;overflow:hidden}.PageCard:focus,.PageCard:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 30px rgba(0,0,0,.15);box-shadow:0 2px 30px rgba(0,0,0,.15)}.PageCard--Image{margin:0 0 2rem;width:100%;height:15rem}.PageCard--Title{margin:0}.PageCard--Content{padding:0 2.5rem 2.5rem}.PageBinder--Grid{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch}.PageBinder--Grid>*{width:calc(33.33% - 2rem);margin-bottom:4rem}@supports (display:grid){.PageBinder--Grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:4rem}.PageBinder--Grid>*{width:auto;margin:0}}@media screen and (max-width:888px){.PageBinder--Grid>*{width:100%;max-width:50rem;margin:0 auto 4rem;display:block}@supports (display:grid){.PageBinder--Grid{display:block;grid-template-columns:1;grid-gap:0}}}.Sidenav a{color:#000;text-decoration:none}.Sidenav ul{list-style:none;padding-left:0;margin-top:0}.Sidenav li{border-bottom:1px solid #f1f1f1;padding:.5rem}.Sidenav h2,.Sidenav li:first-child{border-top:1px solid #f1f1f1}.Sidenav h2{padding:1.5rem 2rem;margin-bottom:0;font-size:1.2em}.Sidenav li a{border-left:6px solid #fff;padding:.5rem 0 .5rem 2rem;display:block}.Sidenav li.current a{border-left:4px solid var(--primary)}.SidenavPage{display:-webkit-box;display:-ms-flexbox;display:flex;padding:5rem 0;border-bottom:1px solid #f1f1f1}.SidenavPage .side{width:30rem;margin-right:5rem}.SidenavPage section{width:100%}.SinglePost{background:var(--lightGrey)}.SinglePost--BackButton{color:#fff;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-weight:600;text-decoration:none;letter-spacing:.1em}.SinglePost--BackButton svg{-webkit-transition:-webkit-transform .2s ease-out;transition:-webkit-transform .2s ease-out;transition:transform .2s ease-out;transition:transform .2s ease-out,-webkit-transform .2s ease-out;-webkit-transform:translateX(0);transform:translateX(0);height:1.2em}.SinglePost--BackButton:focus svg,.SinglePost--BackButton:hover svg{-webkit-transform:translateX(-.25em);transform:translateX(-.25em)}.SinglePost--Content{background:#fff;padding:2rem 8rem 4rem}@media screen and (max-width:750px){.SinglePost--Content{padding:4rem 2rem}}.SinglePost--Meta{font-size:1rem;margin:0 0 2rem;text-align:center}.SinglePost--Meta>*+*{margin-left:.75em}.SinglePost--Title{text-align:center;line-height:1.2}.SinglePost--InnerContent{padding:0 8rem}@media screen and (max-width:750px){.SinglePost--InnerContent{padding:0}}.SinglePost--Pagination{margin:4rem 0 0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.SinglePost--Pagination--Link{text-transform:uppercase;font-size:1.2rem;font-weight:600;text-decoration:none}.SinglePost--Pagination--Link.next{margin-left:auto}