:root{--box-shadow: 5px 5px 10px 10px rgb(101, 175, 10, .5) --bg-color: rgb(40,47,97)}body{background-color:#375a97;color:#fff}a{text-decoration:none;color:#fff}.nav_bar{display:flex;justify-content:space-between;align-items:center}.nav_bar .nav_items{padding:16px;font-size:1.2rem;font-weight:700}.nav_bar .nav_items:hover{transform:translateY(-10px);box-shadow:0 10px 20px #00000080}.home{height:80vh;display:flex;justify-content:space-between;align-items:center}.home .left{background-color:var(--bg-color);width:620px;text-align:center;padding:30px;border-radius:10px;box-shadow:var(--box-shadow)}.home .right .img{display:flex;justify-content:center;align-items:center}.home .right .img img{height:250px;width:280px;border-radius:10%;animation-name:photo;animation-duration:3s;animation-iteration-count:infinite}@keyframes floating{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.home .right .img img{animation:floating 3s infinite ease-in-out}.projects-section{text-align:center;padding:50px 20px;background:#f4f4f4;color:#333}.projects-title{font-size:2.5rem;margin-bottom:30px;text-transform:capitalize;color:#333;font-family:Arial,sans-serif}.projects-section{text-align:center;padding:50px 20px;background:#375a97;color:#1edfa8}.projects-title{font-size:2.5rem;margin-bottom:30px;text-transform:capitalize;color:#fff;font-family:Arial,sans-serif}.projects-container{display:flex;flex-wrap:wrap;gap:30px;justify-content:center}.project-card{background:#fff;border-radius:20px;box-shadow:0 4px 10px #0000001a;width:calc(50% - 20px);max-width:400px;overflow:hidden;transition:transform .3s,box-shadow .3s}.project-card:hover{transform:translateY(10px);box-shadow:0 10px 20px #00000080}.project-image{position:relative;width:100%;height:200px;overflow:hidden;border-bottom:1px solid #ddd}.project-image img{width:100%;height:100%;object-fit:cover}.project-image .demo-btn{position:absolute;bottom:10px;right:10px;background:#000000b3;color:#fff;padding:8px 12px;border-radius:5px;text-decoration:none;font-size:.9rem;display:flex;align-items:center;gap:5px;transition:background .3s}.project-image .demo-btn:hover{background:#333}.project-title{font-size:1.5rem;margin:15px 0;color:#333}.project-description{font-size:1rem;padding:0 15px;margin-bottom:15px;color:#555}.project-links{padding:0 15px 15px}.project-links a{display:inline-block;color:#fff;background:#007bff;padding:8px 15px;border-radius:5px;text-decoration:none;transition:background .3s}.project-links a:hover{background:#0056b3}@media (max-width: 768px){.project-card{width:100%}}.skills-section{background:#375a97;color:#fff;text-align:center;padding:50px 20px;font-family:Arial,sans-serif}.skills-title{font-size:3rem;margin-bottom:40px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.skills-category{margin-bottom:40px}.skills-category h2{font-size:2rem;margin-bottom:20px;text-transform:uppercase;color:#ffe57f;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.skills-items{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.skill-item{background:#ffffff1a;padding:20px;border-radius:10px;text-align:center;width:120px;transition:transform .3s,box-shadow .3s}.skill-item:hover{transform:translateY(-10px);box-shadow:0 10px 20px #00000080}.skill-item img{width:50px;height:50px;margin-bottom:10px}.skill-item h3{font-size:1.2rem;color:#fff}.contact-title{text-align:center;font-family:Arial,sans-serif}.contact-icon{height:30vh;display:flex;justify-content:center;align-items:center}.contact-icon .items{margin:10px;height:100px;width:100px;display:flex;justify-content:center;align-items:center}.contact-icon .items .icons{font-size:3rem}.contact-icon .items .icons:hover{border-radius:50px;transform:translateY(-10px);box-shadow:0 10px 20px #00000080}