.portfolio-container{max-width:900px;margin:20px auto;padding:20px;background-color:#f9f9f9;border-radius:8px;box-shadow:0 4px 6px rgba(0,0,0,.1);font-family:Arial,sans-serif;color:#333}.portfolio-container h1{font-size:2.5rem;font-weight:700;color:#2c3e50;margin-bottom:20px;text-align:center}.portfolio-container p{font-size:1.2rem;line-height:1.6;color:#555;margin-bottom:20px;text-align:justify}.portfolio-container img{max-width:100%;height:auto;margin:20px 0;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);display:block}.portfolio-container h1+p{margin-top:20px}.portfolio-container h1.error{font-size:2rem;color:#e74c3c;text-align:center}.portfolio-container p.error{font-size:1rem;text-align:center;color:#888}.project-links{margin-top:20px;text-align:center}.project-links a{color:#3498db;text-decoration:none;font-weight:700;margin:0 10px}.project-links a:hover{text-decoration:underline}.comments-section{margin-top:40px}.comments-section h2{font-size:1.8rem;color:#2c3e50;margin-bottom:20px}.comments-section p{font-size:1rem;color:#555;line-height:1.5;text-align:justify}.comments-section .comment-form{margin-top:20px;display:flex;flex-direction:column}.comments-section .comment-form input,.comments-section .comment-form textarea{width:100%;margin-bottom:15px;padding:10px;font-size:1rem;border:1px solid #ccc;border-radius:4px}.comments-section .comment-form textarea{resize:vertical;height:100px}.comments-section .comment-form button{background-color:#3498db;color:#fff;padding:10px 15px;border:none;border-radius:4px;font-size:1rem;cursor:pointer;align-self:flex-start}.comments-section .comment-form button:hover{background-color:#2980b9}@media (max-width:768px){.portfolio-container{padding:15px}.portfolio-container h1{font-size:2rem}.portfolio-container p{font-size:1rem}.comments-section h2{font-size:1.5rem}.comments-section .comment-form button{width:100%}}