.button{font-size:1.4rem;font-weight:400;padding:.6em;background-color:#fff;color:#000;border:2px solid #000}.button:hover{text-decoration:none;padding:.6em;background-color:#000;color:#fff}.center{display:flex;align-items:center;justify-content:center}.article-card{padding:.5rem;width:288px;height:324px}.relative{position:relative;width:fit-content;height:fit-content}.article-thumbnail{width:288px;height:208px;object-fit:cover;border-radius:.5rem;box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.article-date{position:absolute;top:1rem;right:1rem;border-radius:.25rem;background-color:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1),0 1px 2px rgba(0,0,0,6%);color:#1d1d1d;padding:.125rem 1rem}.article-title{font-size:1.8rem;font-family:Lato,Helvetica,sans-serif;font-weight:700;color:#212121}.article-title:hover{color:#1565c0}.article-card:hover{text-decoration:none}.article-desc{font-family:Merriweather,Georgia,serif;font-size:1.6rem;color:#212121}.posts-container{margin:0 auto;max-width:100rem;width:100%;padding-left:2rem;padding-right:2rem}.blog-posts{margin:3.2rem 0;display:flex;flex-wrap:wrap;flex-direction:row;justify-content:space-evenly;padding:0}.portfolio-container{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}@media only screen and (max-width:900px){.portfolio-container{grid-template-columns:repeat(2,1fr)}}@media only screen and (max-width:600px){.portfolio-container{grid-template-columns:1fr}}.portfolio-card{display:flex;flex-direction:column;padding:0;border-radius:1.2rem;border:1px solid rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,6%);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.portfolio-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.portfolio-thumbnail{display:block;width:100%;height:200px;object-fit:cover;padding:0;margin:0}.portfolio-content{flex:1;display:flex;flex-direction:column;padding:1.6rem 1.4rem 1.4rem;border-top:1px solid rgba(0,0,0,8%)}.portfolio-title{margin:0 0 .6rem;text-align:center;font-size:2rem}.portfolio-desc{margin:0;padding:.4rem 0 .8rem;text-align:center;flex:1}.portfolio-made{text-align:center;padding-bottom:1.2rem}.center-sb{margin-top:auto;display:flex;align-items:center;justify-content:space-around;gap:1rem}body.colorscheme-dark .button,body.colorscheme-auto .button{background-color:#1d1f21;color:#d8d8d8;border-color:#d8d8d8}body.colorscheme-dark .button:hover,body.colorscheme-auto .button:hover{background-color:#d8d8d8;color:#1d1f21}body.colorscheme-dark .portfolio-card,body.colorscheme-auto .portfolio-card{border-color:rgba(255,255,255,.1);box-shadow:0 2px 8px rgba(0,0,0,.3)}body.colorscheme-dark .portfolio-card:hover,body.colorscheme-auto .portfolio-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.5)}body.colorscheme-dark .portfolio-content,body.colorscheme-auto .portfolio-content{border-top-color:rgba(255,255,255,8%)}body.colorscheme-dark .article-date,body.colorscheme-auto .article-date{background-color:#1d1f21;color:#d8d8d8}body.colorscheme-dark .article-title,body.colorscheme-auto .article-title{color:#d8d8d8}body.colorscheme-dark .article-desc,body.colorscheme-auto .article-desc{color:#d8d8d8}@media(prefers-color-scheme:dark){body.colorscheme-auto .button{background-color:#1d1f21;color:#d8d8d8;border-color:#d8d8d8}body.colorscheme-auto .button:hover{background-color:#d8d8d8;color:#1d1f21}}