body{font-family:Arial,sans-serif;margin:0;padding:0;box-sizing:border-box;background:radial-gradient(#acddfe,#30c9fc);color:#000;display:flex;flex-direction:column;min-height:100vh}h1,h2,h3,p{text-align:center;margin:1rem 0}h1{font-size:2.5rem;color:#333;text-shadow:3px 3px 6px rgba(0,0,0,.3);animation:gradient-text 3s ease-in-out infinite;background:linear-gradient(45deg,#5000ab,#5c0044);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}h2{font-size:2rem;color:#444;text-shadow:2px 2px 5px rgba(0,0,0,.2)}h3{font-size:1.5rem;color:#555;text-shadow:1px 1px 3px rgba(0,0,0,.1)}p{margin:1rem 0;font-size:1.2rem;color:#000}header{background:radial-gradient(circle,#9dcf80,#e4aece);color:#000;text-align:center;padding:1rem}footer{background:radial-gradient(circle,#c7dd9e,#c28eea);color:#000;text-align:center;padding:1rem}nav ul{list-style:none;padding:0}nav li{display:inline;margin:0 1rem}main{flex:1;display:flex;flex-direction:column;align-items:center;padding:1rem;background-color:#37a5ed;width:100%}.projects{display:flex;flex-wrap:wrap;gap:1rem;padding:1rem;justify-content:center}.project-card{background-color:#fff;border:1px solid #ddd;padding:1rem;border-radius:5px;box-shadow:0 2px 4px #0000001a}.project-group{text-align:center;margin:2rem auto;padding:1rem;border:2px solid #ddd;border-radius:8px;background-color:#14ca9f6f;max-width:80%;z-index:1}.project-container{display:flex;flex-wrap:wrap;justify-content:center;padding:0 5%;box-sizing:border-box}.project-card{flex:1 1 calc(25% - 2rem);max-width:800px;box-sizing:border-box;margin:1rem;background-color:#fffc;padding:1rem;border-radius:8px;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width: 1400px){.project-card{flex:1 1 calc(33.333% - 2rem)}}@media (max-width: 1000px){.project-card{flex:1 1 calc(50% - 2rem)}}@media (max-width: 600px){.project-card{flex:1 1 calc(100% - 2rem)}}.project-card button{display:block;margin:1rem 0;padding:.5rem 1rem;background-color:#37a5ed;color:#fff;border:none;border-radius:5px;cursor:pointer}.project-card button:hover{background-color:#2b8cc4}.project-card a{display:inline-block;margin-top:.5rem;color:#37a5ed;text-decoration:none}.project-card a:hover{text-decoration:underline}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.8;z-index:-1}.project-card p{word-wrap:break-word;z-index:0;position:relative}.project-card h3{z-index:0;position:relative}.project-popup{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}.popup-content{background:white;padding:1rem;border-radius:10px;position:relative;max-width:800px;width:90%;display:flex;flex-direction:column;align-items:center;text-align:center}.close-btn{position:absolute;top:10px;right:10px;background:none;border:none;font-size:1.5rem;cursor:pointer}.popup-content h2{background:radial-gradient(circle,#eaecd6,#cdea9f);color:#00f;margin:.5rem 0;padding:.5rem;border-radius:10px;line-height:1.2;font-size:1.2rem}.popup-content a{background:radial-gradient(circle,#eaecd6,#cdea9f);text-decoration:underline;color:#00f;display:block;margin:.5rem 0;padding:0;border-radius:10px}.popup-content a p{margin:0;padding:.5rem;line-height:1.2;font-size:1.2rem}.popup-content a:hover{text-decoration:underline}.popup-content img{max-width:100%;height:auto;margin:.5rem 0;background:radial-gradient(circle,#d1f0e1,#b0e4cc);padding:.5rem;border-radius:10px}.popup-content p{word-wrap:break-word;background:radial-gradient(circle,#f2e3f0,#e3cde0);padding:.5rem;border-radius:10px}.centered-heading{text-align:center;margin:2rem 0}body{font-family:Arial,sans-serif;line-height:1.6;margin:0;padding:0;background-color:#f4f4f4}.blog-sidebar{width:300px;padding:20px;background-color:#f4f4f4;border-right:1px solid #ddd;position:fixed;top:0;left:-260px;height:100%;box-sizing:border-box;overflow-y:auto;transition:left .3s ease;z-index:1000}.blog-sidebar:hover{left:0}.blog-sidebar:before{content:"\2794";position:absolute;top:50%;left:95%;transform:translate(-50%,-50%);font-size:18px;color:#333;width:30px;height:100%;background-color:#f4f4f4;cursor:pointer;box-shadow:inset -1px 0 #ddd;display:flex;align-items:center;justify-content:center}.container{max-width:800px;margin:20px auto;padding:20px;background:#fff;box-shadow:0 0 10px #0000001a;border-radius:8px;position:relative}h1{text-align:center;color:#333;margin-bottom:10px}.blog-content{padding:20px;background:#fff}.blog-post{margin-bottom:40px;border-bottom:1px solid #ddd;padding-bottom:20px}.blog-post:last-child{border-bottom:none}.blog-post h2{margin-top:0;color:#0056b3}.blog-post .date{text-align:center;font-size:.9em;color:#888;margin-bottom:10px}.blog-post p{margin:10px 0;color:#000001;line-height:1.6;text-align:left;text-indent:2em}@media (max-width: 600px){.container{padding:10px;margin-left:0}.blog-sidebar{width:100%;height:auto;position:fixed;top:0;left:-100%;border-right:none;border-bottom:1px solid #ddd;margin-bottom:20px}.blog-sidebar:hover{left:0}.blog-sidebar:before{width:30px}}header{background-color:#ffe5d9;color:#000;display:flex;justify-content:space-between;align-items:center;padding:1rem 8em}header .logo{font-size:1.5rem;font-weight:700;margin-right:2rem}nav ul{list-style:none;padding:0;margin:0;display:flex;align-items:center}nav li{margin-left:2rem}nav a{color:#000;text-decoration:none}nav a:hover{text-decoration:underline}