*{box-sizing:border-box}html{height:100%;font-size:20px;min-width:320px}body{height:100%;margin:auto;text-align:center;min-width:320px;line-height:1.5;font-family:Lato,Helvetica Neue,Helvetica,Arial,sans-serif;background:#121212;color:#fff}h1,h2,h3,h4,p{font-weight:300}strong{font-weight:600}a{text-decoration:none;color:#21231e}::selection{background:#f2ca27;color:#fff}img{max-width:100%}.wrapper{max-width:1000px;margin:0 auto}#about .wrapper{max-width:760px}.indexheader{background-color:#21231e;color:#fff;padding:2.5em 1em 3em;background:url(/img/keyboard.jpg) no-repeat center center scroll;background-size:cover}.indexheader nav{margin-bottom:4em}nav a{color:#fff;display:inline-block;text-transform:uppercase;padding:.6em 2em;transition:color .2s,background .2s;font-weight:300}nav a:hover,nav a:focus{color:#f2c200;background:#f3c20033}.title{font-weight:400;font-size:5em;letter-spacing:-1px;margin-bottom:.4em}.subtitle-content{line-height:.9}.subtitle-content .subtitle,.subtitle-content .city,.subtitle-content .position{font-size:2em;font-weight:300;margin:0}.subtitle-content strong{color:#fff;font-weight:600}.animate0,.animate1,.animate2,.animate3{opacity:0;animation:fadeInHeader .4s forwards}.animate0{animation-delay:.3s}.animate1{animation-delay:.5s}.animate2{animation-delay:.7s}.animate3{animation-delay:.9s}@keyframes fadeInHeader{0%{transform:translateY(-30px);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.animate0,.animate1,.animate2,.animate3{opacity:1;animation:none}}h2{font-size:2em;text-transform:uppercase;font-weight:300}.content{padding:2em 1em 4em}#about{font-size:1.2em}#about>.wrapper img{border-radius:50%;width:142px;height:142px}#about p{margin:1em auto}#about p a{color:#f2c200}#about p a:hover,#about p a:focus{text-decoration:underline}.row:after{content:"";display:table;clear:both}.grid-1{margin-bottom:3%;width:auto}.grid-2{float:left;margin-bottom:3%;width:48.5%;margin-left:3%}.grid-2:nth-child(3n),.grid-2:first-child{margin-left:0}@media screen and (max-width:919px){.grid-2{float:none;width:auto;margin-left:0}}#work{background:#fef8da}#work h2{color:#21231e}#work a{color:#fff}#work a h3,#work a p{transition:transform .2s;transform:scale(1)}#work a:hover h3,#work a:focus h3,#work a:hover p,#work a:focus p{transform:scale(1.1)}#work a:hover,#work a:focus{color:#f2c200}.project{padding:2em 1em 1em;min-height:220px;display:flex;flex-direction:column;justify-content:center;background:#21231e no-repeat center center;background-size:cover}.project h3{font-size:2em;line-height:1em;margin:0}.project p{font-size:1em}.project.wonderapp{background-image:url(/img/wonderapp.jpg)}.project.sevenwondersipad{background-image:url(/img/sevenwondersipad.jpg)}.project.twinit{background-image:url(/img/twinit.jpg)}.project.timesup{background-image:url(/img/timesup.jpg)}.project.sevenwonderscompanion{background-image:url(/img/sevenwonderscompanion.jpg)}#skills{background:url(/img/blur.jpg) no-repeat center center scroll;background-size:cover;color:#fff}#skills>h2{margin-bottom:1.5em}.skill{display:inline-block;vertical-align:top;width:140px;margin:0 .5em 2em}.skill img{max-width:60px}.skill h3{margin:.4em 0 0;font-size:1.1em}#contact{background:#fef8da}#contact h2{color:#21231e}#contact a{display:inline-block;margin:0 .4em}#contact svg{width:40px;height:40px;fill:#21231e;transition:transform .2s,fill .2s}#contact a:hover svg,#contact a:focus svg{fill:#0077b5;transform:scale(1.1)}.rounded,.roundedbutton,.inlinebutton{display:inline-block;background:#21231e;color:#fff;border-radius:50px;padding:.6em 1.4em;font-size:.9em;font-weight:300;transition:background .2s,color .2s,transform .2s;transform:scale(1)}.roundedbutton small{opacity:.7}.rounded:hover,.rounded:focus,.roundedbutton:hover,.roundedbutton:focus,.inlinebutton:hover,.inlinebutton:focus{background:#f2c200;color:#fff;transform:scale(1.05)}.roundedbutton.muted{background:#0000004d;cursor:not-allowed}.roundedbutton.muted:hover,.roundedbutton.muted:focus{background:#0000004d;transform:scale(1)}.inlinebutton.linkedin{display:inline-flex;align-items:center;gap:.55em;background:#0a66c2;padding:.55em 1.3em}.inlinebutton.linkedin:hover,.inlinebutton.linkedin:focus{background:#004182}.inlinebutton.linkedin img{flex:0 0 auto;width:1.4em;height:1.4em;margin:0;border-radius:3px}.projectheader,.projectfooter{background:#21231e;padding:1.5em 0}.projectheader nav,.projectfooter nav{text-align:left;max-width:1000px;margin:0 auto}.projectheader nav a,.projectfooter nav a{color:#fff}.projectfooter{margin-top:3em}.jumbotron{margin:0;padding:0;width:100%;max-height:512px;overflow:hidden}.jumbotron img{width:100%;height:auto;display:block}.projectdetail .wrapper{max-width:540px}.company{margin-top:-1em;text-transform:uppercase;font-size:.7em;margin-bottom:2em;opacity:.7}.buttons{margin:1em 0}@media screen and (max-width:549px){html{font-size:16px}.title{font-size:3em}.subtitle-content .subtitle,.subtitle-content .city,.subtitle-content .position{font-size:1.3em}}@media screen and (min-width:550px)and (max-width:919px){.title{font-size:4em}.subtitle-content .subtitle,.subtitle-content .city,.subtitle-content .position{font-size:1.6em}}