-
-
Notifications
You must be signed in to change notification settings - Fork 0
/
style.css
2 lines (2 loc) · 12.2 KB
/
style.css
1
2
:root{--pad__body-x:20px;--content--wide:75rem;--content--narrow:50rem}@media (min-width:45em){:root{--pad__body-x:60px}}.screen-reader-text{clip:rect(1px,1px,1px,1px);word-wrap:normal!important;border:0;-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-break:normal}.screen-reader-text:focus{clip:auto!important;background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;line-height:normal;padding:15px 23px 14px;right:5px;text-decoration:none;top:5px;width:auto;z-index:100000}.skip-link{left:-9999rem;text-decoration:underline;top:2.5rem;z-index:999999999}.skip-link:focus{display:block;font-size:14px;font-weight:600;left:6px;line-height:normal;padding:15px 23px 14px;right:auto;text-decoration:none;top:7px;z-index:100000}.form-allowed-tags:not(:focus):not(:active),.visually-hidden:not(:focus):not(:active){clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}.desktop.desktop.desktop{display:none}@media (hover:hover){.touchscreen.touchscreen.touchscreen{display:none}}body{font-family:museo,sans-serif;font-size:1.125rem;font-weight:300;line-height:1.7}p{margin:0 0 1em}h1,h2,h3{margin:1.5em 0 .5em}h4,h5,h6{margin:0 0 1em}b,strong{font-weight:700}li+li{margin-top:.5em}html{scroll-behavior:smooth;scroll-padding-top:max(10vh,50px)}html,main{overflow-x:hidden}*{box-sizing:border-box}.page-section{margin:0 auto 30px;max-width:var(--content--wide)}.site-header.site-header{align-items:center;background-color:#fff;border-bottom:1px solid #000;display:flex;font-weight:700;justify-content:space-between;padding:10px;position:sticky;top:0;z-index:100}@media (min-width:60em){.site-header.site-header{padding:20px}}.site-header.site-header a{color:#000;text-decoration:none}.site-header.site-header a:focus,.site-header.site-header a:hover{color:#e05210}.site-header.site-header h1{font-size:min(6vw,32px);line-height:1;margin:0}@media (min-width:60em){.site-header.site-header h1{font-size:45px}}.site-header.site-header .menu{display:flex;font-family:roboto,serif;list-style:none;margin:0;padding:0}@media (min-width:60em){.site-header.site-header .menu{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}}.site-header.site-header .menu-item{margin:0}.site-header.site-header .menu-item a{padding:5px 7px}@media (min-width:45em){.site-header.site-header .menu-item a{padding:5px 10px}}.site-footer,.site-header.site-header #site-title{font-family:roboto,serif}.site-footer{border-top:1px solid;display:flex;font-size:.75rem;justify-content:space-between;padding:20px}.site-footer a{color:#000;font-weight:300;text-decoration:none}.fancy-section-heading{font-size:230px;position:relative}.fancy-section-heading .heading{color:#e3f5ef;font-family:roboto,serif;font-weight:900;line-height:1;margin:0;pointer-events:none;white-space:nowrap;width:100vw}.fancy-section-heading .subheading{bottom:.7em;font-family:roboto,serif;font-size:.1em;font-size:36px;font-weight:900;left:0;line-height:1.2;padding:0 var(--pad__body-x);position:absolute;width:100%}.project-card{border:1px solid #000;border-radius:6px;position:relative}.project-card .card__image{aspect-ratio:4/3;border-bottom:1px solid #000;border-radius:6px 6px 0 0;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.project-card .card__text{display:flex;flex-flow:column;gap:15px;padding:18px}@media (min-width:45em){.project-card .card__text{align-items:flex-start;padding:30px}}.project-card .card__text ul{padding:0 0 0 .8em}.project-card .my-role__heading{font-family:roboto,serif;font-size:1em}.project-card .card__heading{font-family:roboto,serif;font-size:1.5rem;font-weight:700;line-height:1.2;margin:0}.project-card .card__tags{color:#767676;font-family:roboto,serif;font-size:.9rem;font-weight:300;line-height:1.5}.journal-card{padding:0 0 40px;position:relative;transition:.2s}.journal-card+.journal-card{border-top:1px solid #000;padding-top:40px}@media (hover:hover){.journal-card{padding-left:.5em;padding-right:.5em;padding-top:.5em}.journal-card:focus,.journal-card:hover{background:#eee}}.journal-card .card__title{font-family:roboto,serif;font-size:1.5rem;font-weight:700;line-height:1.2}.journal-card .card__meta,.journal-card .card__tags{color:#767676;font-family:roboto,serif;font-size:.9rem;font-weight:300;line-height:1.5}.journal-card .card__link{color:#000;text-decoration:none}.journal-card .card__link:before{content:"";height:100%;left:0;position:absolute;top:0;width:100%}.journal-card .card__button{margin-bottom:1em}.button{align-items:center;border:2px solid #000;border-radius:5px;color:#000;display:flex;font-family:roboto,serif;font-size:1.125rem;font-weight:700;justify-content:center;line-height:1;padding:15px 40px}.button,.button:focus,.button:hover{text-decoration:none}.button--primary,.gform_wrapper.gravity-theme .gform_footer button,.gform_wrapper.gravity-theme .gform_footer input,.gform_wrapper.gravity-theme .gform_page_footer button,.gform_wrapper.gravity-theme .gform_page_footer input{background-color:#f9c3aa}.button--primary:focus,.button--primary:hover,.gform_wrapper.gravity-theme .gform_footer button:focus,.gform_wrapper.gravity-theme .gform_footer button:hover,.gform_wrapper.gravity-theme .gform_footer input:focus,.gform_wrapper.gravity-theme .gform_footer input:hover,.gform_wrapper.gravity-theme .gform_page_footer button:focus,.gform_wrapper.gravity-theme .gform_page_footer button:hover,.gform_wrapper.gravity-theme .gform_page_footer input:focus,.gform_wrapper.gravity-theme .gform_page_footer input:hover{background-color:#000;color:#fff}.button--outline{background-color:unset}@media (hover:none){.button--outline{background-color:#000;color:#fff}}@media (hover:hover){.button--outline:focus,.button--outline:hover{background-color:#000;color:#fff}}.button--small{font-size:1rem;padding:10px 20px}.button--text{background:none;border:none;color:#e05210;font-style:italic;padding:10px 0;text-decoration:underline}.wp-element-button{align-items:center;background-color:#f9c3aa;border:2px solid #000;border-radius:5px;color:#000;display:flex;font-family:roboto,serif;font-size:1.125rem;font-weight:700;justify-content:center;line-height:1;padding:15px 40px}.wp-element-button,.wp-element-button:focus,.wp-element-button:hover{text-decoration:none}.wp-element-button:focus,.wp-element-button:hover{background-color:#000;color:#fff}img{max-width:100%;vertical-align:bottom}body{background-color:#fff}a{color:#e05210;font-weight:700;text-decoration:none}a:focus{color:#000}@media (hover:none){a{text-decoration:underline}}@media (hover:hover){a:focus,a:hover{color:#000;text-decoration:underline}}.gform_wrapper.gravity-theme .gfield_label,.gform_wrapper.gravity-theme .ginput_complex label,.gform_wrapper.gravity-theme .ginput_complex legend{font-family:roboto,serif}.gform_confirmation_wrapper,.gform_wrapper.gravity-theme input[type=color],.gform_wrapper.gravity-theme input[type=date],.gform_wrapper.gravity-theme input[type=datetime-local],.gform_wrapper.gravity-theme input[type=datetime],.gform_wrapper.gravity-theme input[type=email],.gform_wrapper.gravity-theme input[type=month],.gform_wrapper.gravity-theme input[type=number],.gform_wrapper.gravity-theme input[type=password],.gform_wrapper.gravity-theme input[type=search],.gform_wrapper.gravity-theme input[type=tel],.gform_wrapper.gravity-theme input[type=text],.gform_wrapper.gravity-theme input[type=time],.gform_wrapper.gravity-theme input[type=url],.gform_wrapper.gravity-theme input[type=week],.gform_wrapper.gravity-theme select,.gform_wrapper.gravity-theme textarea{border:1px solid #000;border-radius:5px}.gform_confirmation_wrapper{background:#eee;padding:4em 2em}@media (min-width:60em){.home-hero{display:flex}}.home-hero__image{background:#eee;padding:80px 40px}@media (min-width:60em){.home-hero__image{background:#fff;background:linear-gradient(90deg,#fff 70%,#eee 0,#eee);flex:1;padding-right:4vw}}.home-hero__image img{aspect-ratio:1;filter:grayscale(100%) contrast(110%) brightness(1.1);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.home-hero__image .image-wrapper{border-radius:100%;margin:auto;max-width:500px;overflow:hidden;position:relative}@media (min-width:60em){.home-hero__image .image-wrapper{margin-right:0;max-width:800px;width:80%}}.home-hero__image .image-wrapper:before{background:linear-gradient(155deg,#f4a078,#4cc99b),#d3d3d3 50%/cover no-repeat;content:"";height:100%;left:0;opacity:.3;position:absolute;top:0;width:100%;z-index:1}.home-hero__text{margin:auto;padding:0 var(--pad__body-x)}@media (min-width:60em){.home-hero__text{background:#eee;display:flex;flex:1;flex-flow:column;justify-content:center;margin:0;max-width:100%;padding:0 var(--pad__body-x) 0 0}}.home-hero__text p{max-width:var(--content--narrow)}.home-hero__heading{font-family:roboto,serif;font-size:44px;font-weight:900;line-height:1;margin-bottom:1.5em;margin-top:-.5em;text-align:center;width:100%}@media (min-width:60em){.home-hero__heading{font-size:64px;margin-bottom:.5em;margin-top:0;text-align:left}}.home-skills__skills{margin-left:auto;margin-right:auto;max-width:calc(var(--content--narrow) + var(--pad__body-x)*2);padding:0 var(--pad__body-x)}.home-skills__skills h3{font-family:roboto,serif;font-size:.8em;margin-bottom:0;text-transform:uppercase}.home-work__projects{display:flex;flex-flow:column;gap:30px;margin-left:auto;margin-right:auto;margin-top:30px;max-width:calc(var(--content--narrow) + var(--pad__body-x)*2);padding:0 var(--pad__body-x)}@media (min-width:45em){.home-work__projects{gap:60px}}.home-journal__entries{display:flex;flex-flow:column;margin-left:auto;margin-right:auto;margin-top:30px}.home-contact .form-wrap,.home-journal__entries{max-width:calc(var(--content--narrow) + var(--pad__body-x)*2);padding:0 var(--pad__body-x)}.home-contact .form-wrap{margin:30px auto 60px}.home-contact .form-wrap .button{margin-top:20px}.journal-entry__header{background:#4cc99b;background:linear-gradient(122deg,rgba(76,201,155,.3),hsla(19,85%,71%,.3));margin-bottom:30px;padding:60px 0 30px}.journal-entry__header .entry__title{font-family:roboto,serif;font-size:36px;font-weight:900;line-height:1.2;margin:0 auto;max-width:calc(var(--content--narrow) + var(--pad__body-x)*2);padding:0 var(--pad__body-x);text-align:center}.journal-entry__meta{font-family:roboto,serif;font-size:.9rem;font-weight:300;line-height:1.5;margin-bottom:60px}.journal-entry__content,.journal-entry__meta{margin-left:auto;margin-right:auto;max-width:calc(var(--content--narrow) + var(--pad__body-x)*2);padding:0 var(--pad__body-x)}.journal-entry__content code{background-color:#ddd;border-radius:.3em;padding:.15em .8em}.journal-entry__content h1,.journal-entry__content h2,.journal-entry__content h3,.journal-entry__content h4,.journal-entry__content h5,.journal-entry__content h6{font-family:roboto,serif}.wp-block-cp-codepen-gutenberg-embed-block,.wp-block-image,.wp-block-kevinbatdorf-code-block-pro{margin:30px 0}.journal-entry__author{margin:60px auto 120px;max-width:calc(var(--content--narrow) + var(--pad__body-x)*2);padding:0 var(--pad__body-x);padding-top:60px;position:relative}.journal-entry__author:before{background-color:#4cc99b;content:"";display:block;height:2px;left:var(--pad__body-x);max-width:200px;position:absolute;top:0;width:40%}.journal-entry__author .author__heading{font-family:roboto,serif;font-size:1.5rem;font-weight:700;line-height:1.2}.journal-entry__author .author__box{border:1px solid #000;border-radius:0 70px 40px 20px;max-width:24em}.journal-entry__author .box__header{align-items:center;display:flex;gap:25px}.journal-entry__author .box__author-name{font-family:roboto,serif;font-size:45px;font-weight:700;line-height:1.2;margin:0;padding-right:10px}.journal-entry__author .avatar{border-radius:0 0 50% 0;height:auto;width:50%}.journal-entry__author .box__body{display:flex;flex-flow:column;gap:20px;padding:18px}body.page-template-default.page .hentry{margin-bottom:120px;margin-left:auto;margin-right:auto;max-width:calc(var(--content--narrow) + var(--pad__body-x)*2);padding:0 var(--pad__body-x)}body.page-template-default.page .hentry .header{padding:60px 0 30px}
/*# sourceMappingURL=style.css.map */