Ricky Ayoub - Software Engineer

/* Force desktop layout for noscript home */ .noscript-mode .splash-container { flex-direction: row !important; align-items: center !important; gap: 2rem !important; } .noscript-mode .business-card { flex: 1; max-width: 500px; min-width: 400px; } .noscript-mode .nav-cards.static-nav { gap: 1.5rem; max-width: 600px; } .noscript-mode .nav-card { flex-direction: row; align-items: center; text-align: center; padding: 2rem; max-height: 100px; justify-content: center; } .noscript-mode .nav-card svg { width: 45%; } .noscript-mode .card-content { text-align: left; margin: 1rem 0; } .noscript-mode .card-arrow { display: none; } .noscript-mode .detail-page { background: none; } /* media query for phones */ @media (max-width: 1000px) { .noscript-mode .splash-container { flex-direction: column !important; align-items: center !important; gap: 2rem !important; } .noscript-mode .business-card { flex: 1; max-width: 100%; min-width: 100%; } .noscript-mode .nav-cards.static-nav { gap: 1rem; max-width: 100%; } .noscript-mode .nav-card svg { width: 50%; } .noscript-mode .card-content { text-align: center; margin: 1rem 0; } .noscript-mode .card-arrow { display: none; } } /* Header for subpages */ .static-header { position: fixed; top: 0; left: 0; right: 0; height: 70px; background: rgba(255,255,255,0.9); backdrop-filter: blur(10px); display: flex; align-items: center; padding: 0 2rem; z-index: 1000; box-shadow: 0 2px 10px rgba(0,0,0,0.05); } .return-btn { display: flex; align-items: center; gap: 10px; text-decoration: none; color: #333; font-weight: 600; font-size: 1.1rem; padding: 8px 16px; border-radius: 20px; background: #f0f0f0; transition: background 0.2s; } .return-btn:hover { background: #e0e0e0; } /* Logo styles */ .company-logo-img { width: 60px; height: 60px; object-fit: contain; padding: 8px; }

← Return to Home

Contact Information

Email

rickyayoub@me.com