@import url(https://fonts.googleapis.com/css2?family=Homemade+Apple&display=swap);:root{--font-family:Ubuntu,roboto,noto,segoe ui,-apple-system,BlinkMacSystemFont,avenir next,avenir,helvetica neue,helvetica,arial,sans-serif;--font-family-mono:Menlo,Consolas,Monaco,Liberation Mono,Lucida Console,monospace;--font-size-small:0.825rem;--pink:#ffc2de;--pink-dark:#c44a81;--yellow:#fcf6bd;--blue:#a9def9;--blue-dark:#5393b3;--green:#d0f4de;--green-dark:#228287;--white:#fbfbfb;--body:#474747;--teal-blue-green:linear-gradient(180deg,#5393b3 35%,#a9def9 60%,#d0f4de 80%,hsla(0,0%,100%,0));--white-center:linear-gradient(180deg,hsla(0,0%,100%,0),hsla(0,0%,100%,0.2) 40.1%,hsla(0,0%,100%,0.2) 62.5%,hsla(0,0%,100%,0));--primary-color:var(--blue-dark);--header-bg:var(--teal-blue-green);--header-link:var(--white);--home-link-color:var(--primary-color);--home-link-hover-color:var(--primary-color);--button-color:#fff;--button-alternate-color:var(--primary-color);--post-link-color:#0f070b;--footer-bg:var(--pink);--catdog:var(--yellow);--nav-link-hover-bg:#111;--text-color-meta:rgba(0,0,0,0.5);--label-text:rgba(0,0,0,0.5);--input-focus-border:#83aaac;--grid-gap:30px}*,:after,:before{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:var(--font-family);font-size:1.125rem;color:var(--body)}code{font-family:var(--font-family-mono)}main p{line-height:1.5}a{color:var(--home-link-color);text-decoration:none;transition:all .25s}a:hover{color:var(--home-link-hover-color);opacity:.8}.gatsby-resp-image-image{-o-object-fit:contain;object-fit:contain;border-radius:12px}.grids{display:grid;grid-gap:var(--grid-gap)}.grids.col-1{grid-template-columns:repeat(1,1fr)}.grids.col-2{grid-template-columns:repeat(2,1fr)}.grids.col-3{grid-template-columns:repeat(3,1fr)}@media (min-width:576px){.grids.sm-1{grid-template-columns:repeat(1,1fr)}.grids.sm-2{grid-template-columns:repeat(2,1fr)}.grids.sm-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:768px){.grids.md-1{grid-template-columns:repeat(1,1fr)}.grids.md-2{grid-template-columns:repeat(2,1fr)}.grids.md-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:992px){.grids.lg-1{grid-template-columns:repeat(1,1fr)}.grids.lg-2{grid-template-columns:repeat(2,1fr)}.grids.lg-3{grid-template-columns:repeat(3,1fr)}}@media (min-width:1200px){.grids.xl-1{grid-template-columns:repeat(1,1fr)}.grids.xl-2{grid-template-columns:repeat(2,1fr)}.grids.xl-3{grid-template-columns:repeat(3,1fr)}}.font-secondary,.home-banner .title{font-family:Homemade Apple,cursive}.primary-container main{min-height:calc(100vh - 141px)}.main-wrapper{background-repeat:no-repeat;background-position:bottom;background-size:100vw;padding-bottom:5%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:svgjs='http://svgjs.com/svgjs' width='1440' height='560' preserveAspectRatio='none' viewBox='0 0 1440 560'%3E%3Cg mask='url(%26quot;%23SvgjsMask1405%26quot;)' fill='none'%3E%3Crect width='1440' height='560' x='0' y='0' fill='url(%23SvgjsLinearGradient1406)'/%3E%3Cpath d='M94.915,416.881C120.255,417.487,138.95,396.105,151.5,374.083C163.896,352.33,170.639,326.58,159.012,304.407C146.629,280.793,121.551,264.953,94.915,266.174C69.942,267.319,51.332,287.444,40.25,309.852C30.48,329.606,32.808,351.857,42.832,371.483C54.06,393.466,70.238,416.291,94.915,416.881' fill='rgba(252, 246, 189, 0.7)' class='triangle-float2'/%3E%3Cpath d='M398.76542606305827 335.96023112623544L320.73931597397336 299.5760584556501 284.35514330338805 377.6021685447351 362.381253392473 413.98634121532035z' fill='rgba(252, 246, 189, 0.7)' class='triangle-float2'/%3E%3Cpath d='M1172.0546707119208 209.4866925661375L1236.5002885715644 123.96446910936965 1150.9780651147967 59.51885124972608 1086.5324472551529 145.04107470649393z' fill='rgba(252, 246, 189, 0.7)' class='triangle-float1'/%3E%3Cpath d='M384.699,357.901C438.032,357.579,476.261,313.738,504.03,268.204C533.411,220.027,560.619,162.865,533.978,113.121C506.328,61.493,443.154,41.787,384.699,45.383C332.243,48.61,289.26,83.541,264.17,129.72C240.301,173.652,239.492,225.451,262.844,269.66C287.949,317.187,330.95,358.226,384.699,357.901' fill='rgba(252, 246, 189, 0.7)' class='triangle-float3'/%3E%3Cpath d='M723.1521555567908 251.8607509448461L878.4388167726123 179.62948282071412 757.3196425012287 91.63125175566125z' fill='rgba(252, 246, 189, 0.7)' class='triangle-float2'/%3E%3Cpath d='M905.6216627060796 166.82697000021062L874.3633053577294 218.84961278705072 968.0264482121646 239.72582741615625z' fill='rgba(252, 246, 189, 0.7)' class='triangle-float1'/%3E%3Cpath d='M1050.5017910394924 109.57813406413106L1019.4064043062135 39.73675196241311 930.192024520276 121.30052311319065z' fill='rgba(252, 246, 189, 0.7)' class='triangle-float3'/%3E%3C/g%3E%3Cdefs%3E%3Cmask id='SvgjsMask1405'%3E%3Crect width='1440' height='560' fill='white'/%3E%3C/mask%3E%3ClinearGradient x1='50%25' y1='0%25' x2='50%25' y2='100%25' gradientUnits='userSpaceOnUse' id='SvgjsLinearGradient1406'%3E%3Cstop stop-color='rgba(255, 255, 255, 1)' offset='0'/%3E%3Cstop stop-color='rgba(255, 194, 222, 1)' offset='1'/%3E%3C/linearGradient%3E%3Cstyle%3E@keyframes float1 { 0%25{transform: translate(0, 0)} 50%25{transform: translate(-10px, 0)} 100%25{transform: translate(0, 0)} } .triangle-float1 { animation: float1 5s infinite; } @keyframes float2 { 0%25{transform: translate(0, 0)} 50%25{transform: translate(-5px, -5px)} 100%25{transform: translate(0, 0)} } .triangle-float2 { animation: float2 4s infinite; } @keyframes float3 { 0%25{transform: translate(0, 0)} 50%25{transform: translate(0, -10px)} 100%25{transform: translate(0, 0)} } .triangle-float3 { animation: float3 6s infinite; }%3C/style%3E%3C/defs%3E%3C/svg%3E")}.site-header{display:flex;justify-content:space-between;align-items:center;position:relative;background:var(--header-bg);padding:1rem calc(2% + .25rem) calc(7rem + 5%);margin-bottom:-2rem}.site-navigation .menu-items{list-style:none;margin:0;padding:0}.site-navigation .menu-items li{display:inline-block;margin-left:20px}.site-navigation a{color:hsla(0,0%,100%,.6);text-decoration:none}.site-navigation a:hover{color:hsla(0,0%,100%,.8)}.site-navigation a[aria-current=page]{color:#fff}.site-navigation .menu-trigger{display:none;font-size:2.5rem;background:none;border:none;color:#fff;padding:0;cursor:pointer;transition:all .3s}.site-navigation .menu-trigger:hover{transform:scale3d(1.05,1.05,1)}@media (max-width:992px){.site-navigation .icon-menu-line,.site-navigation .menu-trigger{display:flex}.site-navigation .icon-menu-close,.site-navigation .menu-trigger.is-active .icon-menu-line{display:none}.site-navigation .menu-trigger.is-active .icon-menu-close{display:flex}.site-navigation .menu-trigger.is-active+.menu-items{display:block}.site-navigation .menu-items{display:none;position:absolute;right:0;top:100%;z-index:1;background:var(--blue-dark);width:100%;max-width:320px;border-radius:0 0 0 12px;overflow:hidden;margin-top:calc(-6rem - 5%);border-radius:1rem;box-shadow:1rem 1rem 1rem rgba(0,0,0,.3);right:.5rem}.site-navigation ul li{display:block;margin-left:0}.site-navigation a{display:block;padding:20px}.site-navigation a:hover{color:#fff}}.alert-wrapper{position:absolute;bottom:-1rem;right:1rem}.alert-link{width:160px;min-height:160px;border-radius:50%;padding:8%;text-align:center;justify-content:center;display:flex;align-items:center;color:var(--body);transition:all .25s;background-color:var(--pink)}@media (max-width:576px){.alert-link{bottom:-3rem}}.alert-link:hover{background-color:var(--yellow);color:var(--body);transform:scale3d(1.05,1.05,1)}.container{margin:0 auto;max-width:1240px;padding:0 20px}.site-logo{font-weight:700;font-size:2rem;position:relative}.site-logo .site-logo-overlay{position:absolute;top:-.25rem;left:-.25rem;color:hsla(0,0%,100%,.4)}.site-logo .site-logo-link{position:relative;color:var(--white);text-decoration:none;display:block;transition:all .3s;transition-timing-function:cubic-bezier(.34,.72,.64,.25);transform:scaleX(1);width:120%}.site-logo .site-logo-link:hover{transform:scale3d(1.05,1.05,1);color:hsla(0,0%,100%,.4)}.site-logo .site-logo-link:hover .site-logo-overlay{color:#fff;left:.5rem;top:.5rem}@media (max-width:992px){.site-logo{font-size:1.5rem}}.home-banner{padding:60px 0;align-items:center}.home-banner .title{font-size:48px;line-height:48px;margin:0 0 5px;font-weight:900;color:var(--pink)}.home-banner .tagline{font-size:24px;margin-top:2px;color:rgba(0,0,0,.7)}.home-banner .description{font-size:20px;line-height:1.4;margin-bottom:30px}.home-banner .featured-image{border-radius:12px;box-shadow:1rem 1rem 1rem rgba(0,0,0,.2)}@media (max-width:768px){.home-banner{padding-top:30px}.home-banner>div:first-child{padding-bottom:30px}}.home-posts{padding-bottom:100px}.home-posts .grids{padding-bottom:30px}.post-card{padding:16px;border:1px solid rgba(0,0,0,.08);background-color:#fff;box-shadow:0 5px 10px rgba(0,0,0,.05);border-radius:12px;transition:box-shadow .3s linear}.post-card .featured-image{border-radius:12px}.post-card .featured-image img{display:block;margin:0}.post-card .title{margin:0 0 3px;font-size:20px;font-weight:600}.post-card .title a{color:var(--post-link-color)}.post-card:hover{border:1px solid rgba(0,0,0,.12);box-shadow:0 30px 60px rgba(0,0,0,.1)}.post-card:hover .title{color:var(--button-alternate-color)}.post-card .meta{margin:0;font-size:12px;color:rgba(0,0,0,.5)}.post-card .post-content{margin-top:16px}@media (max-width:768px){.post-card{padding:0}.post-card .post-content{padding:16px;margin-top:0}.post-card .featured-image{border-radius:12px 12px 0 0}}.article-header{padding:35px 0;text-align:center;margin:0 auto}.article-header h1{font-size:36px;font-size:clamp(18px,calc(1rem + 2vw),36px);margin:0 auto 6px;max-width:768px;line-height:1.3;font-weight:600}.article-header time{font-size:14px;color:rgba(0,0,0,.6)}@media (max-width:576px){.post-card .featured-image{min-height:300px}}article figure{margin:40px 0;text-align:center}article figure figcaption{font-size:var(--font-size-small);color:var(--text-color-meta);margin-top:5px}article blockquote{margin-left:0;padding:5px 5px 5px 20px;background-color:#f2f2f2;border-left:3px solid rgba(0,0,0,.1)}article iframe{border:2px solid #000;box-sizing:border-box}article img{max-width:100%}.blog-post-content{max-width:70ch;margin:0 auto;padding:20px;line-height:1.5;font-size:20px}.blog-post .featured-image{min-height:50vh;max-height:100vh;border-radius:12px;margin-left:auto;margin-right:auto}.blog-post .featured-image img{-o-object-fit:contain!important;object-fit:contain!important;border-radius:12px;width:auto!important;margin-left:auto;margin-right:auto}.button{--padding:20px;--margin:20px;display:inline-flex;align-items:center;padding:var(--padding) calc(var(--padding)*2);background-color:var(--button-alternate-color);color:var(--button-color);border-radius:12px;text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid transparent;font-size:inherit;line-height:1;transition:background .3s linear}.button:hover{background-color:var(--button-color);color:var(--button-alternate-color);border:1px solid var(--button-alternate-color)}.button.-outline{color:var(--primary-color);box-shadow:0 0 1px rgba(0,0,0,.6);background:#fff}.button.-outline:hover{box-shadow:0 0 1px rgba(0,0,0,.8);background:#f2f2f2}.button .icon{display:inline-flex}.button .icon.-right{margin-left:var(--margin)}.button .icon.-left{margin-right:var(--margin)}.blog-page,.contact-page,.not-found-page,.page,.thanks-page{padding:50px 20px}.blog-page .wrapper,.contact-page .wrapper,.not-found-page .wrapper,.page .wrapper,.thanks-page .wrapper{max-width:768px;margin:0 auto}.contact-page .description{line-height:1.5}.contact-form{margin-top:36px}.contact-form label{color:var(--label-text)}.contact-form input,.contact-form textarea{width:100%;max-width:100%;margin:8px 0 16px;padding:16px;border:6px solid rgba(164,168,151,.38);border-radius:12px;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:18px;font-weight:600}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--input-focus-border)}.site-footer{display:flex;flex-direction:column;align-items:center;background:var(--footer-bg);text-align:center;position:relative;font-size:1.15rem;padding:5% 5% calc(2rem + 5%);margin-top:-2px}.site-footer .footer-content{background-color:hsla(0,0%,100%,.8);padding:5%;border-radius:12px;width:-webkit-max-content;width:-moz-max-content;width:max-content}@media (max-width:768px){.site-footer .footer-content{width:unset}}.site-footer a{font-weight:400;display:inline-flex;align-items:flex-end;color:var(--pink-dark);text-transform:lowercase}.site-footer a:hover{color:var(--pink)}.site-footer .site-footer-fb{background-color:hsla(0,0%,100%,.8);border-radius:12px}.site-footer .catdog{position:absolute;bottom:0;left:5%;font-size:10vw}.site-footer .catdog .catdog-link{color:var(--catdog)}.pagination{text-align:center;padding:50px 0}.pagination ul{list-style:none;margin:0;padding:0}.pagination ul li{display:inline-block;margin:0 5px}.pagination a{display:inline-block;padding:10px 20px;font-weight:700;line-height:1}.pagination a.is-active{color:var(--header-bg);pointer-events:none}.pagination.-post{text-align:inherit;padding:20px 0;border-top:1px solid rgba(0,0,0,.1);margin:50px 0 0}.pagination.-post ul{display:flex;justify-content:space-between}.pagination.-post li:first-child{text-align:left}.pagination.-post li:nth-child(2){text-align:right}.pagination.-post p{font-size:14px;margin:0 0 5px;color:rgba(0,0,0,.5)}.pagination.-post a{font-weight:400;font-size:16px;padding:0}.pagination.-post .page-title{line-height:1.3}@media (max-width:768px){.pagination{padding:50px 0 ul;padding-display:flex;padding-justify-content:space-between}.pagination.-post ul{display:grid;justify-content:normal}.pagination.-post ul a{padding:20px;border:1px solid rgba(0,0,0,.1);display:block;margin-bottom:10px;background:#fafafa}.pagination .num{display:none}}.text-align-right{text-align:right}.text-align-center{text-align:center}.font-size-sm{font-size:var(--font-size-small)}.icon{display:inline-block;line-height:inherit;vertical-align:middle;align-items:center}.icon.-love{color:var(--pink-dark)}.position-relative{position:relative}.position-absolute{position:absolute}.mr-3{margin-right:1rem}.mb-3{margin-bottom:1rem}.mb-5p{margin-bottom:5%}.pt-5p{padding-top:5%}code[class*=language-],pre[class*=language-]{color:#000;background:none;text-shadow:0 1px #fff;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none}code[class*=language-]::selection,code[class*=language-] ::selection,pre[class*=language-]::selection,pre[class*=language-] ::selection{text-shadow:none;background:#b3d4fc}@media print{code[class*=language-],pre[class*=language-]{text-shadow:none}}pre[class*=language-]{padding:1em;margin:.5em 0;overflow:auto}:not(pre)>code[class*=language-],pre[class*=language-]{background:#f5f2f0}:not(pre)>code[class*=language-]{padding:.1em;border-radius:.3em;white-space:normal}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#708090}.token.punctuation{color:#999}.namespace{opacity:.7}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#905}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#690}.language-css .token.string,.style .token.string,.token.entity,.token.operator,.token.url{color:#a67f59;background:hsla(0,0%,100%,.5)}.token.atrule,.token.attr-value,.token.keyword{color:#07a}.token.function{color:#dd4a68}.token.important,.token.regex,.token.variable{color:#e90}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}