| /* Custom styles for Oskar L.K Portfolio */ | |
| .glass-effect { | |
| background: rgba(255, 255, 255, 0.25); | |
| backdrop-filter: blur(10px); | |
| border: 1px solid rgba(255, 255, 255, 0.18); | |
| } | |
| .hero-gradient { | |
| background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); | |
| } | |
| @keyframes floating { | |
| 0% { transform: translate(0, 0px); } | |
| 50% { transform: translate(0, -15px); } | |
| 100% { transform: translate(0, 0px); } | |
| } | |
| .floating { | |
| animation: floating 3s ease-in-out infinite; | |
| } | |
| .project-card { | |
| transition: all 0.3s ease; | |
| border: 1px solid #e5e7eb; | |
| } | |
| .project-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(239, 68, 68, 0.1), 0 10px 10px -5px rgba(239, 68, 68, 0.04); | |
| border-color: #ef4444; | |
| } | |
| .skill-icon { | |
| transition: all 0.3s ease; | |
| } | |
| .skill-icon:hover { | |
| transform: scale(1.1); | |
| } |