html,body,p,li,a,h1,h2,h3,h4,h5,h6,img{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-ms-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}header,h1,h2,h3,h4,h5,h6{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{font-family:"Oxygen",sans-serif;font-size:80%}@media (min-width: 769px){html{font-size:100%}}body{scroll-behavior:smooth;color:#777}h1{font-family:"Oxygen",sans-serif;font-size:3rem;color:#777}h2,h3,h4,h5,h6{font-family:"Oxygen",sans-serif;color:#333;font-weight:700}h2{font-size:2.6rem;margin-bottom:20px}h3{margin:25px 0 5px}h4{font-size:.9rem;padding:0;margin:10px 0;color:#777;margin:25px 0 5px}a{color:#777;text-decoration:none}a:hover{color:#777;outline:0}a:focus{outline:0}a:active{outline:0}img{max-width:100%;vertical-align:bottom}.clear:before{content:' ';display:table}.clear:after{content:' ';display:table;clear:both}::selection{background:#777;color:#fff;text-shadow:none}::-webkit-selection{background:#777;color:#fff;text-shadow:none}::-moz-selection{background:#777;color:#fff;text-shadow:none}input:focus{outline:0;border:1px solid #777}div.aligncenter{display:block;margin:5px auto 5px auto}.hatom-extra{display:none;visibility:hidden}textarea,input,select{background-color:#fff;font-family:"Oxygen",sans-serif;box-shadow:inset 0 1px 2px rgba(0,0,0,0.1);color:#777;display:block;font-size:1.3rem;margin:0 0 1rem 0;padding:0.5rem;height:2.3125rem;border:none;width:100%;-webkit-appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;transition:box-shadow 0.45s,border-color 0.45s ease-in-out}@media (min-width: 769px){textarea,input,select{font-size:1.1rem}}.container{max-width:1400px;margin:auto}.header{position:absolute;top:0;width:100%;left:0;right:0;background:none;z-index:10;position:fixed}.header.scroll{background:rgba(0,0,0,0.75)}.header.scroll .header__menu-link{color:#fff}.header.scroll .header__menu-link:hover{color:#fff;background:rgba(0,0,0,0.9)}.header.scroll .header__menu-item--1{display:block;transition:all 1s ease}.header__menu{max-width:1000px;margin:auto;list-style:none;display:flex;padding-left:0}.header__menu-item{display:inline-block;flex:1 1 auto}.header__menu-item--1{display:none;transition:all 1s ease}.header__menu-link{display:flex;align-items:center;justify-content:center;color:#333;padding:12px 0;text-transform:lowercase}.header__menu-link:hover{color:#333}@media (min-width: 768px){.header__menu-link{color:#777}.header__menu-link:hover{color:#000}}.section{padding:30px 20px}@media (min-width: 768px){.section{padding:70px 40px}}.top{height:100vh;position:absolute;top:0;bottom:0;left:0;right:0;background:url("img/Matthew T Rader Product Designer.jpg") no-repeat;z-index:-1;background-size:325%;background-attachment:fixed;padding:0;background-position:12% 0}@media (min-width: 580px){.top{background-position:auto;background-size:cover}}.top__text{position:absolute;width:95%;text-align:center;top:9%;left:0;right:0;margin:auto}@media (min-width: 580px){.top__text{width:50%;text-align:left;top:28%;left:auto;right:0}}.top__title{margin:0;color:#fff;font-size:4vw}@media (min-width: 820px){.top__title{font-size:3rem}}.top__subtitle{margin-top:5px;font-size:1.6vw;color:#fff}.bio{margin-top:100vh}.bio__text-container{display:flex;flex-wrap:wrap}@media (min-width: 768px){.bio__text-container{flex-wrap:nowrap}}.bio__text-box{flex:1 1 100%}@media (min-width: 768px){.bio__text-box{flex:1 1 50%}.bio__text-box:first-child{padding-right:40px}}.bio__link{color:#000}.bio__link:hover{text-decoration:underline;color:#000}.tools{display:flex;flex-direction:row;flex-wrap:wrap;max-width:1100px}.tool{text-align:center;padding:10px;background:#fff;transition:all ease 2s;width:60px}@media (min-width: 768px){.tool{height:112px;padding:10px;width:100px}}@media (min-width: 768px){.tool:hover{background:#eee;padding:10px;transition:all ease 0.3s}.tool:hover img{width:85%;transition:all ease 0.3s}.tool:hover p{font-size:1rem;transition:all ease 0.3s}}.tool img{width:auto;transition:all ease 2s}@media (min-width: 768px){.tool img{width:70%}}.tool p{font-size:14px;transition:all ease 2s;margin:7px 0 0}.design__items,.ux__items{display:flex;flex-wrap:wrap}@media (min-width: 768px){.design__items,.ux__items{flex-wrap:nowrap}}.design__item,.ux__item{flex:1 1 46%;padding:0 0 20px 0;opacity:1;transition:all ease .3s}@media (max-width: 767px){.design__item:nth-child(odd),.ux__item:nth-child(odd){padding:0 20px 20px 0}}@media (min-width: 768px){.design__item,.ux__item{flex:1 1 25%;padding:0 30px 0 0;opacity:1}}.design__item:hover,.ux__item:hover{opacity:.75}.design__item:hover .design__img,.ux__item:hover .design__img{box-shadow:2px 4px 15px #aaa}.design__img,.ux__img{box-shadow:2px 4px 15px #ccc}.design__link,.ux__link{display:block}.ux-cases{display:flex;flex-direction:row;flex-wrap:wrap}.ux-cases__item{flex:1 1 46%}@media (max-width: 767px){.ux-cases__item:nth-child(odd){padding:0 20px 20px 0}}@media (min-width: 768px){.ux-cases__item{flex:1;width:auto}}.ux__artifacts{display:flex;flex-direction:row;flex-wrap:wrap}.ux__artifacts .ux__artifact{flex:1 1 100%;padding:0 0 20px 0}@media (min-width: 768px){.ux__artifacts .ux__artifact{flex:1 1 25%}}video{width:100% !important;height:auto !important;border:0.5px solid #ccc}.dev__items{display:flex;flex-wrap:wrap}.dev__item{flex:1 1 46%;padding:0 0 20px 0;opacity:1;transition:all ease .5s}@media (max-width: 767px){.dev__item:nth-child(odd){padding:0 20px 20px 0}}@media (min-width: 768px){.dev__item{flex:1 1 29%;padding:0 40px 40px 0}.dev__item:nth-child(3),.dev__item:nth-child(6){padding:0 0 40px 0}}.dev__item:hover{opacity:.75}.dev__item:hover .dev__img{box-shadow:2px 4px 15px #aaa}.dev__img{box-shadow:2px 4px 15px #ccc}.dev__link{display:block}.photo__text{padding:0 15px}.photo__items{display:flex;flex-wrap:wrap}.photo__item{flex:1 1 100%;padding:0 0 30px 0;opacity:1;transition:all ease .5s}@media (min-width: 768px){.photo__item{flex:1 1 47%;padding:0 0 15px 0}.photo__item:nth-child(odd){padding:0 25px 0 0}}.photo__item:hover{opacity:.75}.photo__link{display:block}.video__item{margin:25px 0;opacity:1;transition:all ease .5s}@media (min-width: 768px){.video__item{margin:0 0 40px 0}}.video__item:hover{opacity:.9}
/*# sourceMappingURL=style.css.map */