.navbar_navbar__grhLy{padding:20px}.navbar_navLinkContainer__XUjfL{list-style-type:none;display:flex;justify-content:center;align-items:center}.navbar_navLinkContainer__XUjfL li{margin-right:20px}.navbar_navLinkContainer__XUjfL a{text-decoration:none;color:#635f5f;font-weight:700}.navbar_navLinkContainer__XUjfL .navbar_active__kA6RZ,.navbar_navLinkContainer__XUjfL a:hover{color:#fff}.linkContainer{display:flex;justify-content:space-between;flex-wrap:wrap}.linkContainer .link{background-color:#d3d3d3;padding:4px 14px;margin:5px;color:#000;flex:1 1;border-radius:5px;cursor:pointer;min-width:20%;display:flex;align-items:center}.linkContainer .link .icon{margin-right:5px}.linkContainer .link:hover{background-color:#f1f1f1;color:#000}.blog-item{margin-bottom:5px;cursor:pointer;display:flex;flex-direction:row;justify-content:space-between}.blog-item:hover .blogTitleContainer p{text-decoration:underline}.blogTitleContainer{display:flex;flex-direction:row;align-items:flex-start;flex:1 1}.blogTitleContainer p{font-size:1rem;padding:5px 0;margin:0 0 0 15px}.blogTitleContainer .date{color:#666;margin:0}.skillContainer{margin-top:20px;display:flex;flex-wrap:wrap;justify-content:"center"}.skillItem{display:flex;flex-direction:row;align-items:center;margin:8px 5px;background-color:#f0f8ff;color:#151c3a;padding:2px 8px;border-radius:5px}.skillItem .name{margin-right:10px;font-size:12px}.project-card{border:1px solid #ccc;padding:10px;background-color:#f2f2f2;border-radius:5px;color:#000;display:flex;flex-direction:row;line-height:1.2rem;margin-bottom:20px}.project-info{flex:1 1}.project-date{font-size:10px;color:gray}.cover-image{margin-right:10px;border-radius:10px;width:150px;height:150px}.project-title{padding:0;margin:0 0 10px}.project-description{font-size:13px;margin:0}.project-date{margin-right:3px}.project-stack{padding:0;display:flex;flex-direction:row;flex-wrap:wrap;margin-bottom:5px}.project-stack .stack-item{font-size:13px;padding:0 6px;border:1px solid #ccc;border-radius:5px;margin:3px 3px 5px 0}.project-links{display:flex}.project-link{background-color:#333;color:#fff;padding:0 5px;text-decoration:none;border-radius:5px;margin-right:5px}.project-links a{font-size:12px}.project-link:hover{background-color:#555}@media screen and (max-width:600px){.project-card{flex-direction:column;align-items:center}.cover-image{margin-bottom:10px;width:90%}}.tag-list{margin-bottom:30px;margin-top:20px}.tag-list .tag{padding:5px;font-size:16px}.tag{padding:2px 3px;margin-right:10px;background-color:#f2f2f2;color:#333;cursor:pointer;font-size:10px}.tag.active{background-color:#333;color:#fff}