body{font-family:Source Sans Pro,sans-serif;background-color:#1c1c1c;color:#fff;padding-top:45px}body a{color:#a6da95;text-decoration:none;padding:8px 5px;border-radius:8px}body a:hover{text-decoration:underline;background-color:#a6da951a}body a,body p{font-size:16px}nav{display:flex;justify-content:space-between;align-items:center}nav a{color:#eed49f}nav a:hover{background-color:#eed49f1a;text-decoration:none}nav div:nth-child(1){margin-left:20px}nav div:nth-child(2){margin-right:20px}nav .name{font-weight:600}.title{padding-left:30px;margin-bottom:70px}.title h2{margin-top:-15px;opacity:.8}.box-container{padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:18px;justify-content:center}.box-container .box{background-color:#333;padding:5px 10px;border-radius:8px}.box-container .box p{opacity:.7;margin-top:-20px}.box-container .box .pill-container{display:flex}.box-container .box .pill-container .pill{margin-top:-5px;font-size:14px;opacity:1;padding:4px 9px;border-radius:10px}.box-container .box .pill-container .svelte{color:#f5a97f;background-color:#f5a97f1a}.box-container .box .pill-container .typescript{color:#7dc4e4;background-color:#7dc4e41a}.box-container .box .pill-container .javascript{color:#eed49f;background-color:#eed49f1a}.box-container .social{text-align:center}.box-container a:hover,.box-container a{padding:0;background-color:none;color:unset;text-decoration:none}.blog_image{padding-top:10px;width:80%;margin:auto;display:block}.blog_image_small{width:70%}@media (max-width: 950px){nav div:nth-child(1){margin-left:5px}nav div:nth-child(2){margin-right:5px}}