@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap";body{margin:0;padding:0}.homepage-container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;background-color:#f5f5f5;position:relative}.homepage-name{font-size:4rem;color:#333;text-align:center;margin-bottom:1rem}.social-icons{display:flex;gap:1rem;font-size:1.5rem}.social-icons a{color:#333}.head-tag{font-size:24px;color:#333;margin-top:10px}.blinking{animation:fade-in-out 4s infinite}@keyframes fade-in-out{0%{opacity:0}25%{opacity:1}75%{opacity:1}to{opacity:0}}.resume-button{display:flex;align-items:center;padding:10px 20px;font-size:16px;background-color:#333;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease}.resume-button:hover{background-color:#444}.resume-button svg{margin-right:8px}.resume-container{position:absolute;top:20px;right:20px}.about{display:flex;justify-content:space-between;align-items:center;padding:40px;width:80%}.aboutme{flex:2;padding-right:20px;color:#333}.aboutme h2{font-size:2rem;margin-bottom:20px;color:#333}.aboutme p{font-size:1rem;line-height:1.6;color:#555;font-weight:300;text-align:justify}.profile-photo{flex:1;text-align:center}.profile-photo img{width:250px;height:250px;object-fit:cover;border-radius:50%;box-shadow:0 4px 8px #0000001a}@media (max-width: 768px){.about{flex-direction:column;align-items:center;padding:20px}.aboutme{text-align:center;padding-right:0}.profile-photo{margin-top:20px}.profile-photo img{width:200px;height:200px}}@media (max-width: 480px){.aboutme h2{font-size:1.5rem}.aboutme p{font-size:.9rem}.profile-photo img{width:180px;height:180px}}.projects-section{display:flex;flex-direction:column;background-color:#f3f4f6}.projects-section h2{font-size:2rem;font-weight:700;margin-bottom:30px;color:#333;text-align:center}.projects-grid{display:grid;gap:24px;width:800px;grid-template-columns:repeat(2,1fr)}.project-card{padding:16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;box-shadow:0 2px 4px #0000001a;transition:box-shadow .3s ease;text-align:start}.project-card:hover{box-shadow:0 4px 8px #00000026}.project-image{width:100%;height:auto;border-radius:8px;margin-bottom:12px}.project-card h3{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:8px}.project-card p{font-size:16px;color:#4b5563;margin-bottom:12px}.project-tools{margin-bottom:12px}.project-tool{display:inline-block;background-color:#fff;color:#333;border:2px solid #333;font-size:14px;padding:4px 8px;border-radius:12px;margin:0 4px 4px 0}.project-card a{font-size:16px;background-color:#333;padding:5PX;color:#fff;border-radius:5px;text-decoration:none;font-weight:700}.project-card a:hover{cursor:pointer;background-color:#444}@media (max-width: 768px){.projects-grid{width:100%;box-sizing:border-box;padding:10px;grid-template-columns:1fr}}body{margin:0;font-family:Fira Code,serif;background-color:#f5f5f5;color:#333;box-sizing:border-box}.App{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.education{display:flex;gap:20px;flex-direction:column;margin:20px;padding:20px}.education h2{font-size:2rem}.education-details{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.education-details>div:hover{transform:translateY(-5px);box-shadow:0 4px 12px #0003}h2{color:#333;font-size:24px;margin-bottom:15px}p{font-family:Arial,sans-serif;color:#666;line-height:1.5;font-size:16px}.first-detail{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#e5eafc;height:100%;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.second-detail{display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#dff5e9;height:100%;padding:20px;border-radius:8px;box-shadow:0 2px 6px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.techmaghi,.sbce{display:flex;justify-content:center;align-items:center}.education-logo{width:30px;height:30px;margin-right:15px}@media (max-width: 768px){.education-details{display:flex;flex-direction:column}.first-detail,.second-detail{height:200px}}.Skill{display:flex;flex-direction:column;padding:20px;margin:20px;gap:20px}.Skill h2{font-size:2rem}.skill-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.logo{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#333;border:2px solid #e0e0e0;border-radius:10px;padding:20px;box-shadow:0 4px 8px #0000001a;transition:transform .3s,box-shadow .3s}.logo:hover{transform:translateY(-5px);box-shadow:0 6px 12px #00000026}.logo svg{font-size:3rem;color:#f9f9f9;margin-bottom:10px;transition:color .3s}.logo:hover svg{color:#fff}.logo h4{font-size:1rem;font-weight:600;color:#f9f9f9;margin:0;text-align:center}@media (max-width: 768px){.skill-list{grid-template-columns:repeat(2,1fr)}}.experience-container{display:flex;gap:60px;align-items:start;padding:20px}.exp-head{display:flex;height:100%}.experience-list{list-style-type:none;padding:0}.experience-item{background-color:#fff9e6;padding:20px;margin-bottom:20px;border-radius:8px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease}.experience-item:hover{box-shadow:0 8px 16px #0003;transform:translateY(-5px)}h2{color:#333;font-size:1.2rem;margin-bottom:10px}p{color:#666;font-size:1rem}.experience-item p:first-child{font-weight:700;color:#444}@media (max-width: 768px){.experience-container{flex-direction:column;gap:20px}.exp-head{justify-content:center;margin-bottom:20px}h2{text-align:center;font-size:1.5rem}}.contact-page{display:flex;flex-direction:column;align-items:center;min-height:300px;background-color:#f4f4f4;padding:20px}.quote{font-size:1.2rem;font-style:italic;color:#555;margin-bottom:20px;text-align:center;max-width:600px}.heading{font-size:2rem;font-weight:700;color:#333;margin-bottom:20px}.social-links{display:flex;gap:20px}.social-link{display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background-color:#fff;box-shadow:0 4px 6px #0000001a;transition:box-shadow .3s ease}.social-links a{color:#333}.social-link:hover{box-shadow:0 6px 12px #0003}.social-link svg{font-size:1.5rem;color:inherit}