*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}html{background:#0c0d0a;color:#bfb9b8;font-family:"articulat-cf",-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji;font-size:20px;overflow-x:hidden}a{color:#3e82ac;transition:.2s}a:hover{color:#5a9bc3}nav{display:grid;grid-template-columns:1fr 1fr}nav .arrow,footer .arrow{font-size:.66rem;line-height:1rem}nav li,footer li{margin-bottom:20px}nav li:last-child,footer li:last-child{margin-bottom:0}.nav-icon{display:none}footer{border-top:1px solid rgba(191,185,184,.25);margin:0 calc(50% - 50vw)}footer ul{max-width:1440px;margin:auto;padding:2rem}.skills{text-align:right}.skills ul{display:inline-block;text-align:left;margin-left:2rem}.header{margin:2rem 0}.profile-blurb{display:flex;align-items:center;margin-bottom:4rem}.profile{border-radius:50%;margin-right:4rem}.tagline{font-family:"argent-cf",Charter,"Bitstream Charter","Sitka Text",Cambria,serif;font-size:2.4rem;font-weight:300;line-height:125%;vertical-align:middle}.work-item{margin:0 calc(50% - 50vw)}.work-item:nth-child(odd){background:rgba(191,185,184,.05)}.work-item .work-item-container{max-width:1440px;margin:auto;display:flex;padding:2rem;align-items:center}.work-item .work-item-img{text-align:center;flex:2}.work-item .work-description{flex:1;margin-left:3rem}.work-item h2{font-family:"argent-cf",Charter,"Bitstream Charter","Sitka Text",Cambria,serif;font-size:2.4rem}.work-item h2 a{color:#bfb9b8}.work-item h2 a:hover{color:#efeeee}.work-item p{line-height:1.5;font-size:1.2rem;margin:2rem 0}.button{display:block;width:8.2rem;height:2.4rem;line-height:2.4rem;text-align:center;border:2px solid #3e82ac;background:rgba(62,130,172,.1);font-weight:bold;border-radius:5px;position:relative;top:0}.button:after{content:"";display:block;position:absolute;background-color:#000;width:100%;height:5px;filter:blur(2px);bottom:-10px;transition:.5s}.button:hover{background:rgba(62,130,172,.25);border-color:#5a9bc3;top:-2px}.button:hover:after{filter:blur(5px);bottom:-15px}.read-blog{font-family:"argent-cf",Charter,"Bitstream Charter","Sitka Text",Cambria,serif;font-size:2.4rem;line-height:125%;margin:3.5rem 0}.header{padding:0;width:85%;margin:4rem 0}.header svg{fill:#bfb9b8;margin:-0.5rem 0}.container{max-width:1440px;margin:auto;padding:2rem;padding-bottom:0}.portfolio{background:#f2f2f2;color:#0c0d0a}.portfolio .read-blog-container{margin:0 calc(50% - 50vw);border-top:1px solid rgba(191,185,184,.5)}.portfolio .read-blog-container .read-blog{max-width:1440px;padding:0 2rem;margin:3.5rem auto}.portfolio header{background:#e3e1e0;margin:2rem calc(50% - 50vw);margin-bottom:0}.portfolio header .header-container{width:1440px;margin:auto;padding:2rem}.portfolio .work-item{background:none}.portfolio .work-item:nth-child(even){background:#e9e7e7}.portfolio .header{font-family:"eurostile-extended",Bahnschrift,"DIN Alternate","Franklin Gothic Medium","Nimbus Sans Narrow",sans-serif-condensed,sans-serif;color:#e3e1e0;background:#0c0d0a;font-size:5rem;font-weight:900;text-transform:uppercase;height:3.25rem;margin-top:0;width:100%;margin-bottom:2rem}.portfolio .header h1{position:relative;top:-2.2rem;left:-0.5rem;pointer-events:none}.portfolio .profile-blurb{margin-bottom:0}.portfolio footer{border-top:1px solid rgba(191,185,184,.5)}.portfolio .back{display:block;position:relative;left:-1rem;margin-bottom:1rem}.portfolio .back .arrow{position:relative;left:0;transition:left .2s}.portfolio .back:hover .arrow{left:-0.5rem}@media screen and (max-width: 1400px){.skills{display:none}.header{width:auto}.header svg{margin:-0.5rem -2rem -0.5rem 0}.tagline{font-size:1.6rem}.work-item .work-item-img{flex:1.2}.work-item h2{font-size:2rem}.work-item p{font-size:1rem}}@media screen and (max-width: 1000px){.tagline br{display:none}}@media screen and (max-width: 500px){.container{padding:1rem}.skills,.profile{display:none}.header{width:100%;margin:0 0 1rem 0}.header svg{margin:0 -1rem -0.3rem -1rem;width:calc(100% + 2rem)}.profile-blurb{margin:2rem 0}.nav-icon{display:block}.nav-icon svg{stroke-linecap:round;stroke-width:7px;fill:none;stroke:#3e82ac;width:2rem;height:2rem}.menu-container{margin-left:-1rem;pointer-events:none;width:100vw;height:0;overflow-y:hidden;transition:.2s;background:#0c0d0a;text-align:center;font-weight:bold;font-size:2rem}.menu-container.open{display:block;height:100vh;pointer-events:auto;padding-top:2rem}.menu-container a{color:#bfb9b8}.portfolio .menu-container{background:#f2f2f2}.portfolio .menu-container a{color:#25261e}nav{background:rgba(191,185,184,.05);margin:-1rem -1rem 2rem -1rem;padding:.5rem 1rem;grid-template-columns:1fr}.tagline,.read-blog{font-size:1.5rem}.tagline br,.read-blog br{display:none}.read-blog{margin:2rem 0 1rem 0}footer{display:none}.work-item{height:auto}.work-item .work-item-img{margin-right:0}.work-item p{margin:1rem 0}.work-item img{margin-bottom:1rem}.work-item .work-item-container{display:block;padding:1rem;padding-bottom:0;padding-top:2rem}.work-item .work-item-container .button{width:calc(100% + 2rem);border-radius:0;border-left:none;border-right:none;margin:0 -1rem}.work-item .work-item-container .button:after{display:none}.work-item .work-item-container .work-description{margin-left:0}.portfolio nav{margin-bottom:0}.portfolio .back{display:none}.portfolio .header{height:auto;line-height:.75}.portfolio .header h1{top:0;left:0;font-size:2rem;padding-bottom:.2rem}.portfolio header{margin-top:0}.portfolio header .header-container{padding:1rem;width:auto}}/*# sourceMappingURL=styles.css.map */
