header{margin:0;padding:0 1em;background:#fff;box-shadow:0 2px 8px rgba(var(--black),5%)}header a{display:inline-block;text-decoration:none}header a .active{font-weight:bolder}header h2{margin:0;padding:0;font-size:1px}header h2 a,header h2 a.active{text-decoration:none;padding:0!important;display:inline-flex;border-bottom:none!important}header nav{display:flex;align-items:center;justify-content:space-between;width:100%}header nav a{padding:1em .5em;color:var(--black);border-bottom:4px solid transparent;text-decoration:none}header nav a img{width:32px;height:32px}@media (min-width: 720px){header nav a img{width:62px;height:62px}}header nav a.active{text-decoration:none;border-bottom-color:var(--accent)}header .social-links,header .social-links a{display:flex}@media (max-width: 720px){header .social-links{display:none}}footer{padding:2em 1em;background:linear-gradient(var(--gray-gradient)) no-repeat;color:rgb(var(--gray));text-align:center}footer .social-links{display:flex;justify-content:center;gap:1em;margin-top:1em}footer .social-links a{text-decoration:none;color:rgb(var(--gray))}footer .social-links a:hover{color:rgb(var(--gray-dark))}.btn{display:inline-block;padding:.5em 1em;background:var(--accent);color:#fff;border-radius:8px;text-decoration:none;transition:background .2s ease}.btn:hover{background:var(--accent-dark);color:#fff}.topContainer{width:auto;max-width:100%;margin:0;padding:0}.topMv{position:relative;width:100%;height:300px}.container{width:calc(100% - 32px);max-width:1000px;margin:0 auto;padding:0}.topBlogTitle{margin-top:20px}@media (min-width: 720px){.topBlogTitle{margin-top:40px}}.topBlogTitle h2{font-size:20px}@media (min-width: 720px){.topBlogTitle h2{font-size:36px}}.topBlogList{margin-top:20px;margin-bottom:20px}.topBlogList ul{display:flex;flex-wrap:wrap;gap:1em;padding:0;margin:0;list-style:none;gap:20px;justify-content:center}.topBlogList li{max-width:400px;width:100%}@media (min-width: 720px){.topBlogList li{width:calc(50% - 10px);max-width:none}}.topBlogList li a{display:block;text-decoration:none;color:inherit;transition:.2s ease}.topBlogList li a:hover h3,.topBlogList li a:hover p{color:var(--accent)}.topBlogList li a:hover .hero-color{box-shadow:var(--box-shadow)}.topBlogList li a .hero-color{width:100%;max-width:100%;border-radius:12px;transition:.2s ease;height:10rem;border:.1px solid #abbaa9;margin-bottom:.5rem}@media (min-width: 720px){.topBlogList li a .hero-color{height:17rem}}.topBlogList li a h3{font-size:16px;margin:0 0 .25rem;transition:.2s ease}@media (min-width: 720px){.topBlogList li a h3{font-size:20px}}.topBlogList li a p{font-size:14px;color:var(--gray);margin:.25rem 0 0;transition:.2s ease}@media (min-width: 720px){.topBlogList li a p{font-size:16px}}.topBlogMore{margin:20px 0 40px;text-align:center}.p-blog{width:960px;margin:0 auto}.p-blog ul{display:flex;flex-wrap:wrap;gap:2rem;list-style-type:none;margin:0;padding:0}.p-blog ul li{width:calc(50% - 1rem)}.p-blog ul li *{text-decoration:none;transition:.2s ease}.p-blog ul li:first-child{width:100%;margin-bottom:1rem;text-align:center}.p-blog ul li:first-child .hero-color{width:100%;height:20rem}.p-blog ul li:first-child .title{font-size:2.369rem}.p-blog ul li .hero-color{margin-bottom:.5rem;border-radius:12px;border:.1px solid #abbaa9;height:10rem}.p-blog ul li a{display:block}.p-blog .title{margin:0 0 .5rem;color:rgb(var(--black));line-height:1}.p-blog .date{margin:0;color:rgb(var(--gray))}.p-blog ul li a:hover h4,.p-blog ul li a:hover .date{color:rgb(var(--accent))}.p-blog ul a:hover .hero-color{box-shadow:var(--box-shadow)}.p-blog .pagination{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.p-blog .pagination .current{background:var(--accent-dark);pointer-events:none}@media (max-width: 720px){.p-blog ul{gap:.5em}.p-blog ul li{width:100%;text-align:center}.p-blog ul li:first-child{margin-bottom:0}.p-blog ul li:first-child .title{font-size:1.563em}}:root{--accent: #abbaa9;--accent-dark: #8d9c8b;--black: 15, 18, 25;--gray: 96, 115, 159;--gray-light: 229, 233, 240;--gray-dark: 34, 41, 57;--gray-gradient: rgba(var(--gray-light), 50%), #fff;--box-shadow: 0 2px 6px rgba(var(--gray), 25%), 0 8px 24px rgba(var(--gray), 33%), 0 16px 32px rgba(var(--gray), 33%)}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Atkinson;src:url(/fonts/atkinson-bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}body{font-family:Atkinson,sans-serif;margin:0;padding:0;text-align:left;background:linear-gradient(var(--gray-gradient)) no-repeat;background-size:100% 600px;word-wrap:break-word;overflow-wrap:break-word;color:rgb(var(--gray-dark));font-size:20px;line-height:1.7}main{width:1020px;max-width:calc(100% - 1em);margin:auto;padding:3em .5em}h1,h2,h3,h4,h5,h6{margin:0 0 .5rem;color:rgb(var(--black));line-height:1.2}h1{font-size:1.669em}@media (min-width: 720px){h1{font-size:3.052em}}h2{font-size:1.441em}@media (min-width: 720px){h2{font-size:2.553em}}h3{font-size:1.353em}@media (min-width: 720px){h3{font-size:2.241em}}h4{font-size:1.253em}@media (min-width: 720px){h4{font-size:1.963em}}h5{font-size:1.153em}@media (min-width: 720px){h5{font-size:1.65em}}h6{font-size:1.053em}@media (min-width: 720px){h6{font-size:1.45em}}strong,b{font-weight:700}a,a:hover{color:var(--accent)}p{margin-bottom:1em}.prose p{margin-bottom:2em}.prose h2,.prose h3,.prose h4,.prose h5,.prose h6{margin-top:2em}textarea{width:100%;font-size:16px}input{font-size:16px}table{width:100%}img{max-width:100%;height:auto;border-radius:8px}code{padding:2px 5px;background-color:rgb(var(--gray-light));border-radius:2px}pre{padding:1.5em;border-radius:8px}pre>code{all:unset}blockquote{border-left:4px solid var(--accent);padding:0 0 0 20px;margin:0;font-size:1.333em}hr{border:none;border-top:1px solid rgb(var(--gray-light))}@media (max-width: 720px){body{font-size:18px}main{padding:.5em}}.sr-only{border:0;padding:0;margin:0;position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}