.navbar{background:#133253}.navbar .navbar__content.content-container-fluid{display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between;padding:1.2rem 8px}@media(min-width:450px){.navbar .navbar__content.content-container-fluid{padding-left:3.2rem;padding-right:3.2rem}}.navbar__title{display:flex;align-items:center;gap:4px;width:230px;color:#fff;text-decoration:none}.navbar__title h1{margin:0;font-size:2.7rem;line-height:1.4}.navbar__title img{max-height:56px;max-width:56px}.navbar .navbar__menu{background:none;border:none;outline:none;color:#fff;padding:8px}.navbar .navbar__menu svg{font-size:40px}.navbar-links{height:0;visibility:hidden;display:flex;flex-direction:column;flex-basis:100%;overflow-y:hidden;transition:.4s ease}.navbar-links.expanded{height:288px;visibility:visible}.navbar-links a{color:#fff;text-decoration:none;margin:0;padding:16px;text-align:center;transition:.3s ease}.navbar-links a:hover{background:hsla(0,0%,100%,.1)}@media screen and (min-width:801px){.navbar .navbar__menu{display:none}.navbar-links,.navbar-links.expanded{visibility:visible;height:unset;flex-basis:unset;flex-direction:row;align-items:center}}.content-container{margin:0 auto;padding:0 1.6rem;width:1000px;max-width:95%}@media(min-width:600px){.content-container{max-width:90%}}.content-container-fluid{margin:0;padding:0 3.2rem;width:100%}.section{width:100%;padding:64px 0;margin:0}.section__secondary{background:#133253;color:#fff}#contact h3{font-weight:900;font-size:4rem;margin:0 0 48px}#contact .content-container{padding-bottom:32px;padding-top:32px}#contact .footer__content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:24px}#contact .footer__content .footer__icons{display:flex}#contact .footer__content .footer__icons:hover a{opacity:.7;filter:blur(3px)}#contact .footer__content .footer__icons a{padding:0 8px;font-size:3.2rem;color:#fff;transition:.5s ease}#contact .footer__content .footer__icons a:hover{opacity:1;filter:blur(0)}#contact .footer__content .footer__copyright p{margin:24px 0 0;letter-spacing:1.5px}.bio{padding:32px 0}@media(min-width:450px){.bio{padding:64px 0}}.bio__content{display:flex;justify-content:center;align-content:stretch;flex-wrap:wrap;gap:16px}@media(min-width:650px){.bio__content{gap:32px}}.bio__content .bio__image{flex:1 0 240px;max-height:400px;overflow:hidden}@media(min-width:650px){.bio__content .bio__image{max-height:500px}}.bio__content .bio__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.bio__content .bio__jumbo{flex:4 0 320px;display:flex;flex-direction:column;justify-content:flex-end;max-width:100%}.bio__content .bio__jumbo h2{font-size:40px;line-height:1;margin:0;max-width:100%}@media(min-width:400px){.bio__content .bio__jumbo h2{font-size:50px}}@media(min-width:450px){.bio__content .bio__jumbo h2{font-size:60px}}@media(min-width:520px){.bio__content .bio__jumbo h2{font-size:70px}}@media(min-width:650px){.bio__content .bio__jumbo h2{font-size:80px}}@media(min-width:1000px){.bio__content .bio__jumbo h2{font-size:90px}}.card-list{width:100%;display:flex;align-content:flex-start;flex-wrap:wrap;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24)}.card,.card .image{cursor:pointer;position:relative;flex-grow:1;flex-basis:300px;max-width:100%}@media(min-width:600px){.card,.card .image{max-width:50%}}@media(min-width:900px){.card,.card .image{max-width:33.3333333333%}}@media(min-width:1200px){.card,.card .image{max-width:25%}}@media(min-width:1500px){.card,.card .image{max-width:20%}}@media(min-width:1800px){.card,.card .image{max-width:16.6666666667%}}@media(min-width:2100px){.card,.card .image{max-width:14.2857142857%}}@media(min-width:2400px){.card,.card .image{max-width:12.5%}}.card .image:hover .overlay,.card:hover .overlay{opacity:1}@media(min-width:800px){.card,.card .image{flex-grow:1;flex-basis:400px;max-width:100%}}@media(min-width:800px)and (min-width:800px){.card,.card .image{max-width:50%}}@media(min-width:800px)and (min-width:1200px){.card,.card .image{max-width:33.3333333333%}}@media(min-width:800px)and (min-width:1600px){.card,.card .image{max-width:25%}}@media(min-width:800px)and (min-width:2000px){.card,.card .image{max-width:20%}}@media(min-width:800px)and (min-width:2400px){.card,.card .image{max-width:16.6666666667%}}.image{display:block;min-width:100%;height:auto}.overlay{position:absolute;top:0;bottom:0;left:0;right:0;height:100%;width:100%;opacity:0;transition:.5s ease;display:flex;flex-direction:column;justify-content:center;align-items:center}.overlay h3{font-size:36px;margin:0 32px 16px;text-align:center;line-height:1}.overlay .text{text-align:center;display:flex;flex-direction:column}.overlay .text .block{position:absolute;top:0;right:0;left:0;bottom:0;z-index:100;display:block}a.card__links__button{cursor:pointer;margin:8px auto;width:100%;font-size:20px;padding:4px 16px;border-radius:40px;text-decoration:none}a.card__links__button:hover{transition:.3s ease}@media(min-width:800px){a.card__links__button{padding:4px 24px}}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.app-info{min-height:calc(100vh - 510px);padding:40px 0 72px}.app-info .content-container{width:1200px}.app-info h1{margin:0 0 16px}@media(min-width:600px){.app-info h1{font-size:4.8rem}}.app-info .content{display:flex;justify-content:center;flex-wrap:wrap;gap:24px}@media(min-width:1100px){.app-info .content{gap:32px}}.app-info .screenshot{flex:1 1 500px;max-width:700px;align-self:flex-start;overflow-y:hidden;position:relative;box-shadow:0 4px 8px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0,0,0,.19)}.app-info .screenshot .gradient{background:linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0) 59%,rgba(255,255,255,.9));position:absolute;top:0;right:0;bottom:0;left:0}.app-info .screenshot img{width:100%;height:100%;display:block}.app-info .text{flex:1 1 500px;padding:40px 0 0;color:#15110c;font-size:20px}.app-info .text p{margin:16px 0}@media(min-width:1100px){.app-info .text{padding-top:24px}}.app-info .text .buttons .card__links__button{margin-right:16px}.app-info #tech-p{margin-bottom:0}.app-info .app-info__technologies{display:flex;flex-wrap:wrap;align-items:center;justify-content:center}.tech-icon{height:48px;margin:8px}#jquery{height:32px}#express{height:36px}#babel,#modernizr,#react_router{height:40px}#webpack{height:56px}#about h3,#skills h3{font-weight:900;margin:0 0 8px;font-size:4rem}#about p,#skills p{margin:0;padding:8px 0;font-size:2rem;line-height:1.4;font-weight:300}@media(min-width:700px){#about p,#skills p{font-size:3rem;line-height:1.6}}#about a,#skills a{color:#fff;font-weight:600}#skills ul{margin:8px 0}#skills li{font-weight:300;font-size:1.8rem;line-height:1.4}@media(min-width:700px){#skills li{font-size:2.6rem;line-height:1.6}}.not-found-page *,.not-found-page :after,.not-found-page :before{position:relative}.not-found-page *{display:flex;justify-content:center;align-items:center;flex-direction:column}.not-found-page h1{color:#fff;font-size:14rem;text-shadow:.03em .03em 0 #558751;line-height:1;position:relative a;position-color:#fff;position-text-decoration:none}@media(min-width:600px){.not-found-page h1{font-size:18rem}}@media(min-width:900px){.not-found-page h1{font-size:20rem}}.not-found-page h1:after{content:attr(data-shadow);position:absolute;top:.06em;left:.06em;z-index:-1;text-shadow:none;background-image:linear-gradient(45deg,transparent 45%,#eae8e0 0,#eae8e0 55%,transparent 0);background-size:.05em .05em;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:shad-anim 15s linear infinite}.backdrop{background:#558751;position:absolute;top:0;right:0;bottom:0;left:0;z-index:-10}@keyframes shad-anim{0%{background-position:0 0}0%{background-position:100% -100%}}.nextOrPrev{display:flex;justify-content:space-between;align-items:center;gap:24px;margin:48px auto 0;max-width:100%;width:360px}@media(min-width:1100px){.nextOrPrev{gap:32px}}.nextOrPrev .prev span{padding-right:12px}.nextOrPrev .next span{padding-left:12px}.nextOrPrev a.next,.nextOrPrev a.prev{flex:1 1;font-size:20px;text-decoration:none;display:flex;align-items:center;justify-content:center;padding:4px 0;border-radius:40px;color:#558751;border:2px solid #558751;transition:.2s ease;box-shadow:0 8px 15px rgba(0,0,0,.1)}.nextOrPrev a.next:hover,.nextOrPrev a.prev:hover{color:#fff;background:#558751;box-shadow:0 8px 15px rgba(85,135,81,.4)}.nextOrPrev a.next svg,.nextOrPrev a.prev svg{font-size:30px}body,html{padding:0;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}*{box-sizing:border-box}html{font-size:62.5%}body{color:#15110c;font-family:Helvetica,Arial,sans-serif;font-size:1.6rem;line-height:1.6}strong{font-weight:600}button{cursor:pointer}