*,*:after,*:before{box-sizing:inherit}html{box-sizing:border-box}body{font-family:Roboto Slab,serif;font-size:1.2rem;line-height:1.5;padding:0;margin:0}h1,h2,h5,h3,h4,h6{margin:0}a{color:inherit;text-decoration:none}.container{width:80%;margin:0 auto}@media only screen and (max-width: 770px){.container{width:100%;padding:0 10px}}nav{background-color:#000;background:linear-gradient(150deg,#8b8b8b,#000);text-align:center;padding:70px 0;color:#fff}nav h1{font-weight:700;font-size:4rem}nav ul{list-style-type:none;display:inline-flex;margin:0;padding:0}nav li{padding:0 10px;font-size:1.2rem}nav li a{position:relative}nav li a:after{content:" ";display:inline-block;width:0;height:3px;position:absolute;left:0;bottom:-5px;background-color:#fff;transition:all .8s}li a:hover:after{width:100%;color:#f5f5f5}.post-listing{margin:1.5em 0;padding-bottom:40px;border-bottom:solid rgb(209,209,209) 1px}.post-listing__title:hover{color:#3f51b5}.post-listing small,.post small{font-style:oblique;color:#3d3d3d}.post-listing__content{margin:5px 0;color:#1a1a1a;font-size:.95em}.post-listing__footer{font-size:.8em;margin-top:10px}.post-listing .tags a,.post .tags a{padding:2px 10px;margin-right:5px;background-color:#e1e1e1;color:#3f51b5;border-radius:5px}.post{line-height:1.8;color:#2b2b2b}.post .tags a{font-size:14px}.post pre{border:solid 1px #CFD8DC;border-radius:5px;padding:10px;background-color:#eceff1}code.inline{background-color:#eceff1;border-radius:5px;padding:3px 4px}.about a,.post a{color:#3f51b5}.comments-section{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e7eb}.comments-section h2{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;color:#1f2937}.comments-list{margin-bottom:2rem}.comment{background:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1rem}.comment-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.comment-header strong{color:#1f2937;font-weight:600}.comment-header small{color:#6b7280;font-size:.875rem}.comment-content p{color:#374151;line-height:1.6;margin:0}.comment-form{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;padding:1.5rem}.comment-form h3{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.form-group{margin-bottom:1rem}.form-group label{display:block;font-weight:500;margin-bottom:.5rem;color:#374151}.form-group input,.form-group textarea{width:100%;padding:.5rem;border:1px solid #d1d5db;border-radius:.375rem;font-size:.875rem;transition:border-color .15s}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group textarea{resize:vertical;min-height:100px}.comment-form button{background-color:#3b82f6;color:#fff;padding:.5rem 1rem;border:none;border-radius:.375rem;font-weight:500;cursor:pointer;transition:background-color .15s}.comment-form button:hover{background-color:#2563eb}.comment-form button:active{background-color:#1d4ed8}.alert{padding:.75rem 1rem;border-radius:.375rem;margin-bottom:1rem}.alert-info{background-color:#dbeafe;border:1px solid #bfdbfe;color:#1e40af}.alert-error{background-color:#fee2e2;border:1px solid #fecaca;color:#b91c1c}.form-group.error input,.form-group.error textarea{border-color:#ef4444}.error-message{color:#ef4444;font-size:.875rem;margin-top:.25rem}