@media screen and (min-width: 0px){#blog,.blog-page-section{width:100vw;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:7rem 0 13rem;background-image:url(/img/icons/base-background.svg);background-position:bottom center;background-size:contain;background-repeat:no-repeat}#blog>.box,.blog-page-section>.box{width:100%;max-width:83.125rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}#blog .posts,.blog-page-section .posts{width:90%;max-width:43.125rem;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4rem}#blog .posts article,.blog-page-section .posts article{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:2rem;border-radius:var(--button-rounded-1);background:linear-gradient(#1d1d1d,#1d1d1d) padding-box,linear-gradient(to bottom,#7a7a7a,transparent) border-box;border:1px solid transparent}#blog .posts picture,.blog-page-section .posts picture{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}#blog .posts img,.blog-page-section .posts img{width:100%;height:20.53506rem;object-fit:cover;object-position:center;border-radius:var(--button-rounded-1)}#blog .posts article p:first-of-type,.blog-page-section .posts article p:first-of-type{color:var(--tag-color-1);margin-top:1rem;font-size:var(--text-size-1-m)}#blog .posts article h2,.blog-page-section .posts article h2{font-size:var(--title-size-1-m);line-height:1.7rem;overflow-y:hidden;margin-top:.5rem}#blog .posts article p,.blog-page-section .posts article p{margin-top:1rem;font-size:var(--text-size-1-m);color:var(--text-color-2)}#blog .posts button,.blog-page-section .posts button{width:fit-content;display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:1rem}#blog .posts button a,.blog-page-section .posts button a{border-left:var(--tag-color-1) solid 2px;padding-left:.5rem;font-size:var(--text-size-1);transition:ease .2s}#blog .posts button a:hover,.blog-page-section .posts button a:hover{color:var(--tag-color-1)}#blog aside,.blog-page-section .aside-box{width:90%;max-width:29.1875rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}#blog aside h3,.blog-page-section .aside-box h3{font-size:var(--text-size-1);border-left:var(--tag-color-1) solid 2px;padding-left:.5rem;margin-bottom:2rem;font-weight:300}#blog aside h3 span,.blog-page-section .aside-box h3 span{font-weight:600}#blog aside article,.blog-page-section .aside-box article{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:1rem;padding:1rem;margin-bottom:1rem;border-radius:var(--button-rounded-1);border:var(--gray-color-1) solid 1px}#blog aside article img,.blog-page-section .aside-box article img{width:100%;height:7rem;object-fit:cover;object-position:center;border-radius:var(--button-rounded-1)}#blog aside article .title,.blog-page-section .aside-box article .title{width:100%}#blog aside .title h4,.blog-page-section .aside-box .title h4{font-size:var(--text-size-1-m);font-weight:500;line-height:1.4rem;overflow-y:hidden;color:var(--text-color-2)}#blog aside .title button,.blog-page-section .aside-box .title button{margin-top:.5rem}#blog aside .title a,.blog-page-section .aside-box .title a{color:var(--text-color-1);border-left:var(--tag-color-1) solid 1px;padding-left:.5rem;font-size:var(--text-size-1-m);transition:ease .2s}#blog aside .title a:hover,.blog-page-section .aside-box .title a:hover{color:var(--tag-color-1)}#blog aside .banner,.blog-page-section .aside-box .banner{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;margin-top:2rem;background-color:var(--gray-color-2);border-radius:var(--button-rounded-1)}#blog aside .banner .box,.blog-page-section .aside-box .banner .box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;border:var(--gray-color-1) solid 1px;border-radius:var(--button-rounded-1)}#blog aside .banner .box img,.blog-page-section .aside-box .banner .box img{width:100%;max-width:16rem}#blog aside .banner p:first-of-type,.blog-page-section .aside-box .banner p:first-of-type{font-size:var(--text-size-1);color:var(--white-color);font-weight:600;margin-top:1rem}#blog aside .banner p:last-of-type,.blog-page-section .aside-box .banner p:last-of-type{margin-top:1rem;font-size:var(--text-size-1-m);font-weight:400;color:var(--white-color-2)}#blog aside .banner a,.blog-page-section .aside-box .banner a{font-size:var(--text-size-1);color:var(--tag-color-1);margin-top:.5rem}#blog aside .banner a:hover,.blog-page-section .aside-box .banner a:hover{text-decoration:underline}.blog-page-section .blog-items{width:100%;display:flex;flex-direction:column}.blog-page-section .blog-items ul{display:flex;flex-direction:column;gap:1rem}.blog-page-section .blog-items li{display:flex;flex-direction:column;padding:1rem;border-radius:var(--button-rounded-1);border:var(--gray-color-1) solid 1px;transition:ease .2s}.blog-page-section .blog-items li:hover{border-color:var(--tag-color-1)}.blog-page-section .blog-items li a{display:flex;flex-direction:column;gap:.5rem}.blog-page-section .blog-items li .card-tags{font-size:var(--text-size-1-m);color:var(--tag-color-1)}.blog-page-section .blog-items li p:last-child{font-size:var(--text-size-1-m);color:var(--text-color-2);line-height:1.4rem}.blog-page-section .contact-aside{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;margin-top:2rem;background-color:var(--gray-color-2);border-radius:var(--button-rounded-1)}.blog-page-section .contact-aside .box{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:2rem;text-align:center;border:var(--gray-color-1) solid 1px;border-radius:var(--button-rounded-1)}.blog-page-section .contact-aside .box img{width:100%;max-width:16rem}.blog-page-section .contact-aside p:first-of-type{font-size:var(--text-size-1);color:var(--white-color);font-weight:600;margin-top:1rem}.blog-page-section .contact-aside p:last-of-type{margin-top:1rem;font-size:var(--text-size-1-m);font-weight:400;color:var(--white-color-2)}.blog-page-section .contact-aside a{font-size:var(--text-size-1);color:var(--tag-color-1);margin-top:.5rem}.blog-page-section .contact-aside a:hover{text-decoration:underline}#blog .nav,.blog-page-section .nav{width:90%;max-width:83rem;display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem;margin-top:4rem}#blog .nav a,.blog-page-section .nav a{width:3rem;height:3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:var(--text-size-1);background-color:var(--gray-color-2);color:var(--text-color-1);font-weight:400;transition:ease .2s}#blog .nav .selected,.blog-page-section .nav .selected,#blog .nav a:hover,.blog-page-section .nav a:hover{background-color:var(--tag-color-1);color:var(--text-color-1)}#blog .nav .arrow,.blog-page-section .nav .arrow{font-size:1.2rem;font-weight:600}#blog .nav .arrow.prev,.blog-page-section .nav .arrow.prev{margin-right:.5rem}#blog .nav .arrow.next,.blog-page-section .nav .arrow.next{margin-left:.5rem}}@media screen and (min-width: 443px){#blog aside article img,.blog-page-section .aside-box article img{max-width:7.5rem}#blog aside .title,.blog-page-section .aside-box .title{max-width:14rem}}@media screen and (min-width: 768px){#blog>.box,.blog-page-section>.box{flex-direction:row;align-items:flex-start;justify-content:center;padding:0 2rem}#blog .posts,.blog-page-section .posts{max-width:50rem}#blog aside,.blog-page-section .aside-box{position:sticky;top:2rem}}