html{font-size:62.5%}body{color:#373330;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1.2rem;text-align:left}*,body{margin:0}*{padding:0;box-sizing:border-box;position:relative}li{list-style:none}a:active,a:focus,a:hover,a:link,a:visited{color:inherit;text-decoration:none;outline:none}button,input,option,select{background-clip:padding-box;border:none}button:active,input:focus,select:focus,textarea:focus{outline:none;border:none}button,input,select{border:none}button{background:none;margin:0;padding:0;font-family:Montserrat,sans-serif}.accessibility-settings{background:#282c34;color:#fff;padding:4rem 5rem}.accessibility-settings p{margin-bottom:3rem;font-size:1.4rem}.accessibility-settings li{display:flex;align-items:center}.accessibility-settings--in-focus{border:.2rem solid orange}.btn-toggle{color:#fff;display:flex-inline;align-items:center}.btn-toggle__switch-container{width:7rem;height:3rem;border-radius:2rem;background-color:#f2f2f2;display:inline-block;margin:0 2rem;text-align:left}.btn-toggle__switch-btn{height:2.6rem;width:2.6rem;background-color:#282c34;border-radius:100%;top:.2rem;left:.2rem;display:inline-block;-webkit-transition:.25s;transition:.25s}.btn-toggle__text{color:#282c34;font-weight:700;line-height:3rem;width:4rem;display:inline-block;left:3rem;position:absolute;text-align:center;font-size:1.2rem}.btn-toggle--animation-is-on .btn-toggle__switch-btn{left:4.2rem}.btn-toggle--animation-is-on .btn-toggle__text{left:0}@media only screen and (max-width:768px){.accessibility-settings{background:#111}}.header{padding:6rem 10rem 4rem;font-size:1.8rem;text-align:right;color:#111}.nav li{padding:0 .7rem;display:inline-block}.nav__submenu{display:inline-block;left:.7rem}.nav a:active,.nav a:hover{color:#f23168;text-decoration:underline}.nav a:focus{border:.1rem dashed #282c34;text-decoration:underline}.portfolio .link-portfolio__link{display:none}.notes .link-portfolio__link{display:inline-block}.notes .nav__submenu{display:none}@media only screen and (max-width:1024px){.header{padding:6rem 5rem 4rem}}@media only screen and (max-width:768px){.header{padding:0}.link-portfolio{display:block;width:100vw;background:#282c34;color:#fff;margin-bottom:2rem}.nav__submenu{padding:3rem 4rem 3rem 0}.nav{padding-right:4rem;background:#f2f2f2;background:#fff;padding-bottom:2rem}}.Footer{background:#282c34;font-size:1rem;color:#f2f2f2;padding:3rem 0}.about,.Footer{text-align:center}.about{line-height:1.4}.about__heading{background-color:#f2f2f2;padding:18rem 0}.about__heading h1{line-height:1.2;font-size:4.5rem;font-weight:400}.about__desc{overflow:hidden}.about__desc p{font-size:2.5rem;font-weight:400;margin-top:1rem}@media only screen and (max-width:768px){.about__heading{padding-top:15rem}.about__heading h1{font-size:3.5rem}.about__desc p{font-size:2rem}}@media only screen and (max-width:480px){.about__heading h1{font-size:3rem}.about__desc p{font-size:1.8rem}}.animated-section{padding:18rem 0}.skills .animated-section{padding:16rem 0 14rem}.animated-section__heading{opacity:0;padding-left:13rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.animated-section__heading h2{font-size:3rem;line-height:1}.animated-section__heading p{margin:1rem 0 0;font-size:2rem;line-height:1}.animated-section__sqr{display:block;width:10rem;height:10rem;border:1.5rem solid #f23168;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0}@media only screen and (max-width:768px){.animated-section__heading{padding-left:13rem}.animated-section__heading h2{font-size:2.4rem}.animated-section__heading p{font-size:1.6rem}}@media only screen and (max-width:480px){.animated-section__heading{padding-left:4rem}.animated-section__heading h2{font-size:2.4rem}.animated-section__sqr{opacity:.5;width:15rem;height:15rem;border:1.7rem solid #f23168}}.skills{background:#f2f2f2;text-align:center;overflow:hidden}.skills li{display:inline}.skills p{font-size:1.3rem;top:9rem}.skills-mob__primary{margin-bottom:3rem}.skills-mob__primary ul{display:flex;justify-content:center}.skills-mob__img-primary{display:inline-block;height:17vw;margin:2vw}.skills-mob__secondary ul{display:flex;justify-content:space-around}.skills-mob__img-secondary{height:5rem;margin:0 2vw;opacity:.2}@media only screen and (max-width:768px){.skills .animated-section__heading p{display:none}}@media only screen and (max-width:480px){.skills-mob__primary ul,.skills-mob__secondary ul{flex-wrap:wrap}.skills-mob__img-primary{width:25vw;height:auto;margin:4vw}.skills-mob__img-secondary{width:20vw;height:auto;padding:2.5vw;margin:1vw}}.btn--in-focus,.in-focus{border:.1rem dashed #282c34}.btn{margin:1.2rem 2rem;height:5rem;width:20rem;overflow:hidden;font-size:1.3rem;font-weight:700;color:#282c34}.skills-desktop__secondary .btn{font-weight:400;color:#999}.skills-desktop__secondary .btn .btn__content-box{border-color:#999}.btn__content,.btn__content-box,.btn__content-box--animated{position:absolute;top:0;height:100%;overflow:hidden;left:0}.btn__content-box{width:100%;border:.1rem solid #282c34;-webkit-transition:.25s;transition:.25s}.btn__content-box--animated{color:#fff;left:-.2rem;width:0;background:#f23168;border:.1rem solid #f23168;-webkit-transition:.25s;transition:.25s}.btn__content{width:20rem;display:flex;align-items:center;justify-content:center}.btn___anim-btm,.btn___anim-top{position:absolute;left:0;width:1rem;background:#f23168;height:0}.btn___anim-top{top:50%}.btn___anim-btm{bottom:50%}.btn:hover .btn__content-box--animated{width:100%;-webkit-transition:width .5s ease-out .25s;transition:width .5s ease-out .25s;left:0}.btn:hover .btn___anim-btm,.btn:hover .btn___anim-top{height:50%;-webkit-transition:.2s;transition:.2s}.btn--is-active .btn__content{background:#282c34;color:#fff}.btn--is-active .btn__content-box--animated{width:0}.btn--is-active:hover .btn___anim-btm,.btn--is-active:hover .btn___anim-top,.btn--is-active:hover .btn__content-box--animated{display:none}@media only screen and (max-width:1200px){.btn{margin:.7rem .8rem}}@media only screen and (max-width:1024px){.btn{margin:.7rem .5rem;height:4.5rem;font-size:1.2rem}.btn,.btn__content{width:16rem}}.in-focus,.project__null--in-focus{border:.1rem dashed #282c34}.projects{background:#f2f2f2}.projects ul{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:22vw}.projects ul.project__skills-list{display:block;font-size:1rem;margin-top:2rem}.projects ul.project__skills-list li{display:inline-block;padding:.5rem .8rem 0 0}.project,.project__desc,.project__link{top:0;left:0;height:100%;width:100%;display:block}.project{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfUAAAErBAMAAAA1Ugd9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURdPT0////9jY2N7e3vn5+e7u7uXl5eLi4qsRAiIAAANnSURBVHja7duxc9pIFMfxN08Gt/dLBG7XDE6NJ8lcazly0iIbOa2ZSe5aeyb5/6+QhAHjM232fT8Ng4bmx660b1e7ZgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIB631H3OAmZPxape1e2i/w9iha8kSWXA6DZX5zpg9qa6ae/blSYer8tr0v0FWoTr9WNdmZn5iR7CtftIy/7z2z+H/Ztnf0ipWG2yv6q8s5Rffi8qHZFdX/J7DiZrJC3dzGxUv6aStMyt8nEbSV/Tm7E+VJpYbi2f1uV0E8pnr7FxqYfcbnhXmfztFnWb611u0Ud6d1RXds+v6rvUw1GDV0prLXIr5cut55wf6uxD+JN+JMxHNTEz+1XXdV1/2x76/Get8n5rBBh1lW9G9N7MbC1Jmm5dv+in9LebK4X+yjm7D42cnku82yDZN/d4UUk33z/+XknlInlX+4bIbqmR7oauPwxtQbKPpFtL5snsQtUy7+y/27Zt27uhyzc62/zgV7+ok232TQFjZpZO9VzGuFf9uJ5rdt+uY/x8a8E2pXn/LfN2H2q9neq1UOlhshfDHb556D+GyT7SVdou6E+6YjZE9vO9peqi+02I7GulQ/OdENmbyct5bpTsOtudx88ulWJkT/5iYe48SnYr9rOnEz0GyX76Yn2me0cZIfv4QPZl1Hb3OO1e7G898TD3u7vee9DnvFs13bv0FGaMS10Z96LQi1LP7xT0Hqien++9fBp3xU6Q+fv1/n8R5X43391ikfolrBDZU7O9xcLH/duJGGuV851Z7CddW5w+X2hr1aqouqXKIO1uT5psOn2jqUfKfip96TcdfBo2HkbJbk/S12Rm/kM6s3zb/dDuKa+ksr1vK6nst514lHafnVbDRtrH57ltbtnr6cHLqWgkSZNHG3YbjcurzLI3h3cMJrPPq/rmzp7fzo6y22O21pGH4vw8u1MV81dbc2a2s726ye4I2UhTO2JjfLKxJpab6siuvM5uW6Xb5Vb9+j8upEV2p0YKqfz+8Q1/r3S4EPjjn3ZHyfGwrNuPo6I/ZHheNJl9rt9MfrOwXA+Iz96QaWwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf4j/AFhehcXKczHIAAAAAElFTkSuQmCC);background-size:cover;background-position:50%;background-repeat:no-repeat;overflow:hidden;opacity:0;top:5rem}.project__link{position:absolute;z-index:2}.project__desc{position:absolute;display:grid;align-content:center;background:#51cefa;opacity:0;padding:6rem 4rem 3rem;color:#fff;font-size:1.2rem;z-index:1;cursor:pointer}.project__name{top:10rem;font-size:1.6rem}.project__info,.project__name{opacity:0;-webkit-transition:.25s;transition:.25s}.project__info{top:5rem}.project__arr{font-size:2.2rem;display:block;margin-top:.5rem}.project__desc--on-hover{opacity:1;background:#51cefa;color:#fff}.project__desc--on-hover .project__info,.project__desc--on-hover .project__name{opacity:1;top:0;-webkit-transition:.4s ease-in-out .25s;transition:.4s ease-in-out .25s}.project__null .project__link{background:#eee;background-image:-webkit-gradient(linear,left top,right top,from(#eee),to(#ebebeb));background-image:linear-gradient(90deg,#eee,#ebebeb);display:flex;align-items:center;justify-content:center}.project__null .project__link img{width:8rem;opacity:.1;margin:auto}.project--in-focus{border:.1rem dashed #111}.project--in-focus .project__desc,.project--in-focus .project__desc--on-hover{background-color:#f23168!important;opacity:1;-webkit-transition:.1s;transition:.1s}.project--in-focus .project__desc--on-hover .project__info,.project--in-focus .project__desc--on-hover .project__name,.project--in-focus .project__desc .project__info,.project--in-focus .project__desc .project__name{opacity:1;top:0;-webkit-transition:.4s ease-in-out .2s;transition:.4s ease-in-out .2s}@media only screen and (max-width:1200px){.projects ul{grid-template-columns:1fr 1fr;grid-auto-rows:30vw}.project:nth-child(2){grid-row:1/3}.project:first-child{grid-row:3}.projects--are-selected .project:nth-child(2){grid-row:1/2}.projects--are-selected .project:first-child{grid-row:1}}@media only screen and (max-width:1024px){.projects ul{grid-auto-rows:35vw}}@media only screen and (max-width:768px){.projects ul{grid-template-columns:1fr;grid-auto-rows:60vw}.project:nth-child(2){grid-row:2}.project:first-child{grid-row:1}.project__desc{padding-right:20%}}@media only screen and (max-width:480px){.projects ul{grid-template-columns:1fr;grid-auto-rows:75vw}.project__desc{padding-right:3rem;font-size:1.1rem}}.in-focus,.sticker--in-focus{border:.1rem dashed #282c34}.stickers{position:absolute;right:-.2rem;top:0;width:5rem;display:grid;grid-template-columns:5rem;grid-auto-rows:5rem;text-align:center;line-height:5rem;font-weight:700;color:#fff;justify-content:end;z-index:3}.stickers a{background:#fff}.sticker{display:block}.sticker__img{width:5rem;height:5rem;padding:.9rem;-webkit-transition:.25s;transition:.25s}.sticker__cml{background:#51cefa}.project--in-focus .sticker__cml,.project:hover .sticker__cml{background-color:#111;-webkit-transition:.2s;transition:.2s}.stickers a:hover .sticker__img{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:.25s;transition:.25s}.project--out-of-focus{-webkit-filter:grayscale(100%);filter:grayscale(100%)}.project--out-of-focus .stickers a{-webkit-filter:grayscale(0);filter:grayscale(0)}.in-focus,.resume__link:focus{border:.1rem dashed #282c34}.resume{text-align:center;min-height:55rem;display:grid;align-content:center;padding:20rem 8rem}.resume h2{font-size:5rem;font-weight:400}.resume p{font-size:1.6rem;width:80%;margin:2rem auto 0}.resume__link{margin:4rem auto 0;height:5rem;width:20rem;overflow:hidden;font-size:1.2rem;color:#282c34}.link__content,.link__content-box,.link__content-box--animated{position:absolute;top:0;height:100%;overflow:hidden;left:0}.link__content-box{width:100%;border:.1rem solid #282c34;-webkit-transition:.25s;transition:.25s}.link__content-box--animated{color:#fff;left:-.2rem;width:0;background:#f23168;border:.1rem solid #f23168;-webkit-transition:.25s;transition:.25s}.link__content{width:20rem;display:flex;align-items:center;justify-content:center}.link___anim-btm,.link___anim-top{position:absolute;left:0;width:1rem;background:#f23168;height:0}.link___anim-top{top:50%}.link___anim-btm{bottom:50%}.resume__link:hover .link__content-box--animated{width:100%;-webkit-transition:width .5s ease-out .25s;transition:width .5s ease-out .25s;left:0}.resume__link:hover .link___anim-btm,.resume__link:hover .link___anim-top{height:50%;-webkit-transition:.2s;transition:.2s}@media only screen and (max-width:768px){.resume{padding:15rem 5rem}.resume h2{font-size:4rem}}.BlogPage__noPosts{padding:10rem 0}.Blog__divider{font-size:2.4rem;font-weight:700;padding-bottom:1rem;margin-bottom:3rem;border-bottom:.2rem solid #f2f2f2}.Blog__divider.darker{color:#ccc;border-bottom:.1rem solid #ccc}.BlogPage__postsLists{padding:10rem 0;height:100%;-webkit-transition:.5s;transition:.5s}.BlogPage__postsLists .BlogPostsList__featured,.BlogPage__postsLists .BlogPostsList__liked,.BlogPage__postsLists .BlogPostsList__recent{display:block;-webkit-animation:fadeIn .75s forwards;animation:fadeIn .75s forwards;opacity:0}.BlogPage__postsLists.hidden{height:0;padding:0;-webkit-transition:.5s;transition:.5s}.BlogPage__postsLists.hidden .BlogPostsList__featured,.BlogPage__postsLists.hidden .BlogPostsList__liked,.BlogPage__postsLists.hidden .BlogPostsList__recent{display:none}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{to{opacity:1}}.BlogPostsList__featured .wrapper,.BlogPostsList__liked .wrapper{padding:0}.BlogPostsList__featured .wrapper,.BlogPostsList__liked .wrapper,.BlogPostsList__selected .wrapper{display:grid;grid-template-columns:1fr 1fr 1fr;grid-auto-rows:1fr;grid-gap:2rem}.BlogPostsList__featured .BlogPostLink,.BlogPostsList__liked .BlogPostLink,.BlogPostsList__selected .BlogPostLink{display:grid;grid-template-rows:auto 1fr}.BlogPostsList__featured .BlogPostLink__img,.BlogPostsList__liked .BlogPostLink__img,.BlogPostsList__selected .BlogPostLink__img{height:20rem;background-size:cover}.BlogPostsList__featured .BlogPostLink__desc,.BlogPostsList__liked .BlogPostLink__desc,.BlogPostsList__selected .BlogPostLink__desc{background:#fff;padding:4rem 2rem}.BlogPostsList__featured .BlogPostLink__title,.BlogPostsList__liked .BlogPostLink__title,.BlogPostsList__selected .BlogPostLink__title{font-size:1.8rem;margin:0 0 -.5rem}.BlogPostsList__featured .BlogPostLink__subtitle,.BlogPostsList__liked .BlogPostLink__subtitle,.BlogPostsList__selected .BlogPostLink__subtitle{font-size:1.4rem}.BlogPostsList__featured .BlogPostLink__date,.BlogPostsList__liked .BlogPostLink__date,.BlogPostsList__selected .BlogPostLink__date{font-size:1rem}.BlogPostLink__img{background-position:60%;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAfUAAAErBAMAAAA1Ugd9AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAYUExURdPT0////9jY2N7e3vn5+e7u7uXl5eLi4qsRAiIAAANnSURBVHja7duxc9pIFMfxN08Gt/dLBG7XDE6NJ8lcazly0iIbOa2ZSe5aeyb5/6+QhAHjM232fT8Ng4bmx660b1e7ZgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIB631H3OAmZPxape1e2i/w9iha8kSWXA6DZX5zpg9qa6ae/blSYer8tr0v0FWoTr9WNdmZn5iR7CtftIy/7z2z+H/Ztnf0ipWG2yv6q8s5Rffi8qHZFdX/J7DiZrJC3dzGxUv6aStMyt8nEbSV/Tm7E+VJpYbi2f1uV0E8pnr7FxqYfcbnhXmfztFnWb611u0Ud6d1RXds+v6rvUw1GDV0prLXIr5cut55wf6uxD+JN+JMxHNTEz+1XXdV1/2x76/Get8n5rBBh1lW9G9N7MbC1Jmm5dv+in9LebK4X+yjm7D42cnku82yDZN/d4UUk33z/+XknlInlX+4bIbqmR7oauPwxtQbKPpFtL5snsQtUy7+y/27Zt27uhyzc62/zgV7+ok232TQFjZpZO9VzGuFf9uJ5rdt+uY/x8a8E2pXn/LfN2H2q9neq1UOlhshfDHb556D+GyT7SVdou6E+6YjZE9vO9peqi+02I7GulQ/OdENmbyct5bpTsOtudx88ulWJkT/5iYe48SnYr9rOnEz0GyX76Yn2me0cZIfv4QPZl1Hb3OO1e7G898TD3u7vee9DnvFs13bv0FGaMS10Z96LQi1LP7xT0Hqien++9fBp3xU6Q+fv1/n8R5X43391ikfolrBDZU7O9xcLH/duJGGuV851Z7CddW5w+X2hr1aqouqXKIO1uT5psOn2jqUfKfip96TcdfBo2HkbJbk/S12Rm/kM6s3zb/dDuKa+ksr1vK6nst514lHafnVbDRtrH57ltbtnr6cHLqWgkSZNHG3YbjcurzLI3h3cMJrPPq/rmzp7fzo6y22O21pGH4vw8u1MV81dbc2a2s726ye4I2UhTO2JjfLKxJpab6siuvM5uW6Xb5Vb9+j8upEV2p0YKqfz+8Q1/r3S4EPjjn3ZHyfGwrNuPo6I/ZHheNJl9rt9MfrOwXA+Iz96QaWwAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAf4j/AFhehcXKczHIAAAAAElFTkSuQmCC);background-size:cover;background-position:top}.BlogPostsList__selected{background:#f2f2f2;padding:10rem 0}.BlogPostsList__featured .BlogPostLink__desc,.BlogPostsList__liked .BlogPostLink__desc,.BlogPostsList__recent .BlogPostLink__desc{border:.2rem solid #f2f2f2}.BlogPostsList__recent{padding-top:4rem}.BlogPostsList__recent .wrapper{display:block;width:100%;padding:0}.BlogPostsList__recent a{display:grid;grid-template-columns:auto 1fr;padding-bottom:3rem;-webkit-animation:fadeIn .75s forwards;animation:fadeIn .75s forwards;opacity:0}.BlogPostsList__recent .BlogPostLink__img{background-size:cover;background-repeat:no-repeat;width:30rem;height:20rem}.BlogPostsList__recent .BlogPostLink__desc{padding:2rem 2rem 2rem 4rem;display:grid;align-content:center;border-left:none}.BlogPostsList__recent .BlogPostLink__title{font-size:2.2rem}.BlogPostsList__recent .BlogPostLink__subtitle{font-size:1.8rem}.Blog__btn{padding:2rem;font-weight:700;margin-bottom:0}.Blog__pagination{text-align:right;padding-right:2rem;margin-bottom:2rem}.Blog__pagination button{display:inline-block;width:3rem;height:3rem;line-height:3rem;border:.1rem solid #f2f2f2;color:#c5c5c5;margin:.2em;text-align:center}.Blog__pagination button:first-child{background:#f2f2f2}.Blog__range{text-align:right;padding-right:2rem;font-size:1.6rem;top:-6rem}@media only screen and (max-width:1024px){.BlogPostsList__featured .wrapper,.BlogPostsList__liked .wrapper,.BlogPostsList__selected .wrapper{grid-template-columns:1fr 1fr;grid-auto-rows:1fr}.BlogPostsList__recent .BlogPostLink__img{width:20rem;height:16rem}.BlogPostsList__recent .BlogPostLink__title{font-size:1.8rem}.BlogPostsList__recent .BlogPostLink__subtitle{font-size:1.4rem}}@media only screen and (max-width:768px){.Blog__divider{font-size:1.8rem}.BlogPostsList__featured .wrapper,.BlogPostsList__liked .wrapper,.BlogPostsList__selected .wrapper{grid-template-columns:1fr;grid-auto-rows:1fr}.BlogPostsList__recent a{display:grid;grid-template-columns:1fr;grid-template-rows:auto 1fr}.BlogPostsList__recent .BlogPostLink__img{height:20rem;width:100%}.BlogPostsList__recent .BlogPostLink__desc{padding:4rem 2rem 5rem;border-left:.2rem solid #f2f2f2}}@media only screen and (max-width:480px){.Blog__divider{padding-left:1rem}.BlogPage__postsLists{padding:10rem 0 7rem}.BlogPage__postsLists .wrapper{padding:0 1rem}.BlogPostsList__selected{padding:7rem 0}.BlogPostsList__selected .wrapper{padding:0 2rem}}.BlogPage{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.Post .BlogPage__accordion{background-position:70%}.BlogPage__accordion{height:50rem;background:#f2f2f2;display:grid;align-content:center;background-image:url(/portfolio/static/media/laptop.c838cbd0.jpeg);background-size:cover;background-position:80% top}.BlogPage__accordion .fill{background:hsla(0,0%,94.9%,.75)}.BlogPage__accordion h1{line-height:1.2;font-size:4rem;margin-top:2rem}.BlogPage__accordion h2{font-weight:400;line-height:1.4;font-size:2.4rem}.BlogPage__accordion_post{height:50rem;display:grid;align-content:center}.BlogPage__accordion_blog{padding-right:40%}p.accordion__blogTag{font-size:3rem}p.accordion__post_date{width:20rem;border-bottom:.1rem solid #111;padding-bottom:.5rem;margin-bottom:1rem}.PostsFeatured,.PostsLiked{top:2rem;font-family:Arial;font-size:2.2rem;line-height:1;text-align:right}.PostsFeatured a,.PostsLiked a{color:#51cefa;font-size:3.3rem;padding-right:.5rem;top:.2rem}.PostsLiked a{color:#f23168}.PostsFeatured{padding-left:2rem}.accordion__post_stickers{position:absolute;top:0;left:0;display:grid;grid-template-columns:5rem 5rem;grid-auto-rows:5rem;font-size:4rem;line-height:5rem;color:#fff;text-align:center}.accordion__post_stickers .heart{background:#f23168}.accordion__post_stickers .star{background:#51cefa}@media only screen and (max-width:1024px){.BlogPage__accordion h1{font-size:3rem}.BlogPage__accordion h2{font-size:2rem}.BlogPage__accordion_blog{padding-right:20%}p.accordion__blogTag{font-size:2.5rem}}@media only screen and (max-width:768px){.BlogPage__accordion_blog{padding-right:0}p.accordion__blogTag{font-size:2.2rem}.Post.methodology .BlogPage__accordion{background-position:50%}}.editor__tab{padding-left:2rem;display:inline-block}.accordion__head{display:block;padding:2rem 3rem 2rem 6rem;margin:1rem 0;background:#f2f2f2;font-size:1.4rem;line-height:1.4}.accordion__head--red{background:#f23168;color:#fff}.accordion__head--blue{background:#51cefa;color:#fff}.accordion__title{font-size:2rem}.accordion__arrow{padding:1rem;color:#fff;position:absolute;left:1.5rem;top:1.2rem;font-size:2rem;-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s;transition:.5s}.accordion__arrow:focus{border:.05rem dashed #111}.accordion__arrow--is-rotated{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.accordion__body{display:none}.accordion__body--is-shown{display:block}@media only screen and (max-width:768px){.accordion__body .post__list{padding-left:4rem}}@media only screen and (max-width:480px){.accordion__head{padding:2rem}.accordion__body .post__list{padding-left:3rem}.accordion__title{padding-left:2.5rem}.accordion__arrow{top:1.1rem;left:.5rem}}.accordion-widget{margin:1rem 0}.accordion-widget__head{padding:1.4rem 2rem}.accordion-widget--bg-secondary .accordion-widget__head{background-color:#51cefa;color:#fff}.accordion-widget--bg-primary .accordion-widget__head{background-color:#f23168;color:#fff}.accordion-widget--bg-dark .accordion-widget__head{background-color:#111;color:#fff}.accordion-widget__title{font-size:2rem;display:inline-block;padding:.5rem 2rem;line-height:1.2;text-transform:capitalize}summary:focus{outline:.1rem dashed #111}summary::-webkit-details-marker{margin:0;position:absolute;top:50%;left:1.5rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.accordion-widget__img-container{background:#fff;border:.2rem solid #f2f2f2;margin:2rem 0;text-align:center;padding:2rem 0 1rem}.accordion-widget__img-caption{top:-2rem;background:#f2f2f2;padding:1rem;line-height:1.4}.accordion-widget__img{width:50rem;max-width:100%;margin:auto}.accordion-widget__img--50{max-height:15rem;width:auto}@media only screen and (max-width:480px){.accordion-widget__title{padding-right:1rem}}.code{margin-top:1rem;border-top:.1rem solid #ccc;padding-top:1rem}.code code{display:block}.code pre{padding:0 1rem;white-space:normal}.code__indent{padding-left:1rem}.code__indent-2{padding-left:2rem}.code__caption{font-size:1.2rem;margin-bottom:1rem}.BlogPage__tags{background:#f2f2f2;padding:10rem 0}.BlogPage__tags.selected{background:#fff}.BlogPage__tags .Button{padding:2.1rem 0;margin:.5rem}.BlogPage__tags .Button,.BlogPage__tags .Button_content{width:11em;font-size:1.2rem}.BlogPage__tags .Button_toggle{font-size:1.8rem;right:.6rem;top:-.1rem}@media only screen and (max-width:768px){.BlogPage__tags .Button{padding:1.8rem 0;margin:.4rem}.BlogPage__tags .Button,.BlogPage__tags .Button_content{font-size:1rem}}@media only screen and (max-width:480px){.BlogPage__tags{background:#f2f2f2;padding:7rem 0}.BlogPage__tags .wrapper{padding:0 2rem}.BlogPage__tags .Button,.BlogPage__tags .Button_content{width:9.5rem;font-size:.9rem}.BlogPage__tags .Button{margin:.3rem}.BlogPage__tags .Button_toggle{right:.5rem;top:.1rem;font-size:1.4rem}}.Post{font-size:1.8rem;line-height:1.8}.Post .BlogPage_body{padding:10rem 0}.Post .BlogPage_body p{margin-bottom:2rem}.Post .BlogPage_body .Post_subtitle{font-size:2.4rem;font-weight:700;margin-bottom:2rem;line-height:1.4}.Post .BlogPage_body .wrapper{width:100rem;padding-left:0;display:grid;grid-template-columns:20rem 1fr;grid-auto-rows:1fr}.Post .BlogPage_accordion .wrapper{padding-right:0}.Post .ButtonsBox .Button{width:24rem}.Post .ButtonsBox .Button_content{width:24rem;display:grid;grid-template-columns:auto auto;align-items:center;justify-content:center}.Post .ButtonsBox span.heart{font-size:3rem;padding-right:.6rem}.Post .Post_card{padding:2rem 5rem;margin-bottom:4rem;background:#f2f2f2;font-size:1.2rem}.Post .Post_card p{margin:2rem 0;font-size:1.2rem}.Post .Post_card .Post_card_important{border:.1rem solid #f23168;padding:2rem;margin-top:4rem}.Post .Post_card .Post_card_important span.important{display:inline-block;position:absolute;left:2rem;top:-1rem;color:#f23168;background:#f2f2f2;padding:0 1rem;font-weight:700}.Post .Post_card .Post_card_important span.tab{padding-left:2rem}.Post .Post_card .Post_card_important span.tab2{padding-left:4rem}.Post__card--sml{background:#f2f2f2;padding:1.5rem 3rem;margin:2rem auto 3rem;display:block;width:100%;max-width:60rem}.Post__imgContainer img{width:100%}.Post__imgContainer .Stickers{position:absolute;right:1vw;top:1vw}.Post_card_imgSmall{height:2rem;padding-right:.5rem;top:.5rem}.Post_body a{text-decoration:underline}.Post_card_divider{border-bottom:.1rem solid #c5c5c5}.Post_card_divider span{padding:0 2rem;background:#f2f2f2;top:1.1rem}.PostSidebar{text-align:right;padding-right:4rem;padding-left:2rem;display:grid;align-content:space-between}.PostSidebar__stickersBox{display:grid;justify-content:end;grid-template-columns:5rem;grid-template-rows:5rem 5rem;font-size:1rem;margin-top:2rem}.PostSidebar__stickersBox span{display:inline-block;width:5rem;height:5rem;font-size:4rem;color:#fff;text-align:center;line-height:5rem}.PostSidebar__stickersBox .star{background:#51cefa}.PostSidebar__stickersBox .heart{line-height:5.2rem}.PostSidebar__stickersBox .saved .heart{background:#f23168;margin-bottom:1rem;-webkit-animation:animHeart .5s forwards;animation:animHeart .5s forwards;-webkit-transform:scale(2);transform:scale(2);border:.1rem solid #f23168}.PostSidebar__stickersBox .unsaved .heart{background:#f2f2f2;color:#fff;border:.1rem solid #f2f2f2}.PostSidebar__stickersBox .tooltip{position:absolute;width:15rem;background:#f2f2f2;font-size:1rem;color:#111;height:4rem;line-height:1;top:.5rem;right:0;opacity:0;z-index:-1;display:grid;align-content:center}.PostSidebar__stickersBox .tooltip:after{content:"";display:block;width:0;height:0;border-color:transparent transparent #f2f2f2;border-style:solid;border-width:0 1rem 1rem;position:absolute;top:-.9rem;right:1.5rem}.PostSidebar__stickersBox .saved:hover .tooltip,.PostSidebar__stickersBox .unsaved:hover .tooltip{top:6rem;z-index:9;opacity:1;-webkit-transition:.5s;transition:.5s}@-webkit-keyframes animHeart{to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes animHeart{to{-webkit-transform:scale(1);transform:scale(1)}}.PostSidebar__relatedPost{font-size:1.4rem;padding-bottom:10rem;line-height:1.2;color:#c5c5c5}.PostSidebar__relatedPost a:focus,.PostSidebar__relatedPost a:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#51cefa}.Post__references{font-size:1rem;padding-top:3rem}.Post__references a{text-decoration:none}.Post__references a:focus,.Post__references a:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#51cefa}.Post__references ol{padding-left:1rem}.Post__references li{color:#c5c5c5;list-style:decimal;padding-left:1rem}.Post__references_title{color:#c5c5c5;padding-bottom:1rem;margin-bottom:2rem;border-bottom:.1rem solid #c5c5c5;font-size:1.4rem}.Post__list{padding-left:5rem;padding-bottom:4rem}.Post__list li{list-style:disc}.Post__tab{display:inline-block;padding-left:4rem}.Post__check,.Post__cross{padding-right:1rem}.Post__table_2clms{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;background:#f2f2f2;padding:5rem;font-size:1.2rem;margin:2rem auto}.Post__table_title{font-size:1.6rem;padding-bottom:1rem}.Post__codeImg{margin-bottom:4rem;margin-top:-2rem}.Post__codeImg img{width:100%}.Post__codeImg_desc{font-size:1rem;text-align:right;padding-right:3rem}.module{grid-template-columns:auto 1fr;grid-column-gap:2rem;grid-row-gap:.5rem;margin:0 0 3rem}.module,.module__content{display:grid;padding-left:5rem}.module__content{grid-column:span 2;grid-template-columns:auto 1fr auto;grid-column-gap:1.5rem}.module__tickBox{width:3rem;height:3rem;border:2px solid #111;text-align:center;font-size:2rem;line-height:2.5rem;top:.4rem}.module__tickBox span{display:none}.module__tickBox_sml{width:2rem;height:2rem;border:1px solid #111;text-align:center;font-size:1.8rem;line-height:2rem;top:.3rem}.module__tickBox_sml span{display:none}.module__tickBox.completed span,.module__tickBox_sml.completed span{display:block}.module__content_btn button,.module__title{font-size:2.2rem;padding-bottom:1em}.module__content_title{font-size:1.6rem}.module__content_title.bold,.module__title.bold{font-weight:700}@media only screen and (max-width:1024px){.Post{font-size:1.6rem}.Post .wrapper{width:80%;padding:0}.Post .BlogPage_body .Post_subtitle{font-size:2rem;line-height:1.4}.Post .BlogPage_body .wrapper{width:80%;padding-left:0;grid-template-columns:1fr;grid-auto-rows:auto}.PostSidebar{display:grid;align-items:end;grid-template-columns:1fr auto;padding:0;margin:0 0 2rem}.PostSidebar__stickersBox{grid-template-columns:5rem 5rem;grid-template-rows:5rem;justify-content:start;margin:0}.PostSidebar__stickersBox .tooltip{right:-5rem}.PostSidebar__stickersBox .tooltip:after{right:6.5rem}.PostSidebar__relatedPost{padding:0 0 0 2rem;font-size:1.2rem}.Post__table_2clms{display:grid;grid-template-columns:1fr}}@media only screen and (max-width:768px){.Post__list{padding-left:1rem}.module,.module__content{padding-left:2rem}.module__title{font-size:1.8rem}.module__content_title{font-size:1.2rem}.module__tickBox,.module__tickBox_sml{top:.2rem}}@media only screen and (max-width:480px){.Post{font-size:1.4rem}.Post .BlogPage_body{padding-bottom:5rem}.Post .Post_card{padding:1rem 3rem}.Post__tab{padding-left:1rem}.Post__imgContainer .Stickers,.PostSidebar__relatedPost{display:none}.Post__table_2clms{padding:4rem 2rem}.module{padding-left:0}.module__content{padding-left:1.2rem}.Post .BlogPage_body .wrapper{width:85%}}.post__section{margin-bottom:5rem}.post__heading{font-size:2.4rem;font-weight:700;margin-bottom:2rem;line-height:1.4}.post__list{padding-left:5rem}.post__list li{list-style:disc}.post__list--tags{padding-left:0;font-size:1.2rem}.post__list--tags li{min-width:9.5rem;text-align:center;display:inline-block;padding:.5rem;margin:.5rem;background-color:#f2f2f2}.card{display:block;padding:2rem 5rem;margin:1rem 0;background:#f2f2f2;font-size:1.4rem;line-height:1.4}.card--red{background:#f23168;color:#fff}.card--blue{background:#51cefa;color:#fff}.card__title{font-size:2rem}.post__table{background:#f2f2f2;width:100%;border-collapse:separate;font-size:1.4rem;border-spacing:1rem;padding:3rem 2rem}.post__table td,.post__table th{padding:1rem}.post__table th{border-bottom:1px solid #111}.post__table td{border-bottom:1px solid #ccc}.post__ref{font-size:1rem;color:#c5c5c5}.post__ref-title{padding-bottom:1rem;margin-bottom:0;border-bottom:.1rem solid #c5c5c5;font-size:1.4rem}.post__ref-list li{list-style:decimal}.post__ref-list li a:focus,.post__ref-list li a:hover{color:#51cefa;-webkit-text-decoration-line:underline;text-decoration-line:underline}.post__link{-webkit-text-decoration-line:underline!important;text-decoration-line:underline!important}.post__link:focus,.post__link:hover{color:#51cefa;-webkit-text-decoration-line:underline;text-decoration-line:underline}@media only screen and (max-width:768px){.post__list{padding-left:1rem}.post__table{font-size:1.2rem;padding:3rem 2rem;border-spacing:.5rem}}@media only screen and (max-width:480px){.card{padding:2rem 3rem}.post__table{font-size:1rem;border-spacing:0}.post__table td,.post__table th{padding:1rem .5rem}}.checklist{padding:5rem;font-size:1.6rem;width:90%;margin:auto}.checklist__title{margin:4rem 0 2rem;font-weight:700;font-size:2.4rem}.checklist__title--lg{font-size:3rem}.checklist__list{padding:1rem 4rem;line-height:1.4}.checklist__caption{font-size:1.6rem;text-transform:uppercase;margin:2rem 0 1rem;padding:2rem 2rem 2rem 4rem;background-color:#f5f5f5}.checklist__subcaption{font-size:1.4rem;text-transform:uppercase;padding:.5rem 0 1rem 4rem;margin:2rem 0 .7rem;border-bottom:.1rem solid #e5e5e5}.checklist__item{padding:.5rem 0}.checklist__button{position:absolute;top:.8rem;border:.1rem solid #111;width:1.4rem;height:1.4rem;display:inline-block;margin-right:1rem}.checklist__item--selected{color:#c5c5c5}.checklist__item--selected .checklist__button{border:none}.checklist__item--selected .checklist__button:after{content:"\2714";font-weight:700;font-size:1.6rem;line-height:.9;color:#4cbb17}.checklist__text{left:2.5rem}@media only screen and (max-width:768px){.checklist{width:100%;padding:4rem}}@media only screen and (max-width:480px){.checklist{padding:4rem 2.5rem}.checklist__list{padding:1rem 2rem 1rem 0}}.sr-only{border:0;clip:rect(1px,1px,1px,1px);clip:rect(1px 1px 1px 1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only--in-focus{position:static;clip:auto!important;-webkit-clip-path:none;clip-path:none;height:auto;margin:0;overflow:auto;line-height:normal;width:auto;padding:3rem 5rem;left:0;right:0;background:orange;color:#000;font-size:1.4rem;font-weight:700;z-index:1000;display:block}.sr-only--in-focus:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}p{margin-top:1rem}.p_larger{font-size:3.5rem;line-height:1.4;margin-top:4rem}.p_large{font-size:2.5rem;line-height:1.4;margin-top:3rem}.fill{position:absolute;width:100%;height:100%;top:0;left:0}.fill_centered{display:grid;align-content:center;text-align:center}.wrapper{width:100rem;text-align:left;margin:auto}.color_themed_primary{color:#f23168}.color_themed_secondary{color:#51cefa}.color_green{color:#4cbb17}.color--red,.color-themed--primary,.color_red{color:#fe0002}.txt_right{text-align:right}a:focus,button:focus{outline:none}a:focus{-webkit-text-decoration-line:underline;text-decoration-line:underline}.alert{padding:4rem 10rem;text-align:left;font-size:1.4rem}.alert--red{background:#f23168;color:#fff}.in-focus{border:.1rem dashed #282c34}@media only screen and (max-width:1200px){.wrapper{width:100%;padding:0 8rem}}@media only screen and (max-width:1024px){.p_larger{font-size:2.5rem}.alert{padding:4rem}}@media only screen and (max-width:480px){.p_larger{font-size:1.8rem}.wrapper{padding:0 4rem}}.cookies{position:fixed;width:100vw;height:100vh;top:0;left:0;background:rgba(0,0,0,.8);z-index:99}.cookies__box{position:absolute;bottom:0;left:0;width:100%;padding:10rem;min-height:50vh;background:#fff;display:grid;align-content:center}.cookies__box .btn{margin:3rem 0 0}
/*# sourceMappingURL=main.fda9e08c.chunk.css.map */