@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&display=swap";body,html{margin:0;padding:0;width:100%;background-color:#0c1114}.navstyle{background-color:#06090a;color:#fff;padding:10px;border-bottom:2px solid white}.nav-container{max-width:1360px;margin:0 auto}.logo{margin-right:10px}.menu{display:flex;flex-grow:2;justify-content:flex-end;gap:1%}.menu a{font-family:Open Sans,sans-serif;font-weight:400;font-size:18px;color:#fff;text-decoration:none;padding:10px}.mmlogo{width:100px}.text-center{text-align:center}.welcome-text{margin:10px 200px;padding:10px;line-height:1.5}.container{background-image:url(/assets/baggrund-4e6b69e5.jpeg);background-size:cover;background-position:center;width:100%;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center}.text-style{color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.section-separator-gradient{height:5px;background:linear-gradient(180deg,#121212 0%,#50330c 100%);margin-top:5%}.about-section{background-color:#0e1418;padding:60px 20px}.skills-section{background-color:#1a1a1a;padding:60px 20px}.about-page-container{display:flex;align-items:center;justify-content:center;padding:80px 20px;flex-wrap:wrap;gap:40px;max-width:1200px;margin:0 auto}.about-page-image{flex:1;max-width:400px;text-align:center}.about-page-image img{max-width:100%;height:auto;border-radius:50%;box-shadow:0 8px 20px #0003;transition:transform .3s ease,box-shadow .3s ease}.about-page-image img:hover{transform:scale(1.05);box-shadow:0 10px 25px #0000004d}.about-page-text{flex:2;display:flex;flex-direction:column;justify-content:center;max-width:600px}.about-me-head{font-size:2.5rem;margin-bottom:20px;color:#fff;line-height:1.2;text-align:left;position:relative}.about-me-head:after{content:"";display:block;width:50px;height:5px;background-color:#b87333;margin-top:10px}.about-me-text{font-size:1.1rem;line-height:1.6;color:#f0f0f0;margin-bottom:20px}.about-me-text:hover{color:#b87333;transition:color .3s ease}.scroll-down-indicator{text-align:center;cursor:pointer;position:relative;margin-top:40px}.arrow-down{width:0;height:0;border-left:15px solid transparent;border-right:15px solid transparent;border-top:20px solid #B87333;margin:0 auto;animation:bounce 1.5s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(5px)}60%{transform:translateY(-3px)}}.skills-container{max-width:60%;margin:0 auto;text-align:center}.skills-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:50px}.skill-item{background-color:#2c3841;color:#fff;padding:20px;border-radius:10px;display:flex;align-items:center;gap:20px;box-shadow:0 8px 20px #5840041a;transition:transform .3s ease,box-shadow .3s ease;width:100%}.skill-item:hover{transform:translateY(-15px);box-shadow:0 12px 25px #654d0533}.skill-icon{font-size:2rem;color:#b87333}.skill-content h3{font-size:1.5rem;margin-bottom:5px;color:#b87333}.skills-container h2{font-size:2.5rem;color:#fff;margin-bottom:20px;position:relative}.divider{width:350px;height:4px;background-color:#b87333;margin:0 auto 30px}.skill-content p{font-size:1rem;color:#f0f0f0}@media (min-width: 768px){.skills-list{grid-template-columns:repeat(2,1fr)}}.timeline-section h2{text-align:center;color:#fff;margin-bottom:10px;position:relative}.timeline-section h2:after{content:"";display:block;width:320px;height:4px;background-color:#b87333;margin:10px auto 0}.horizontal-timeline{display:flex;flex-wrap:wrap;justify-content:space-between;padding:40px 20px 20px;gap:20px;position:relative;margin-top:40px}.horizontal-timeline:before{content:"";position:absolute;top:30%;left:0;right:0;height:4px;background-color:#b87333;z-index:0}.timeline-event-card{background-color:#2c3841;color:#fff;border:2px solid #b87333;border-radius:8px;padding:20px;width:calc(25% - 40px);cursor:pointer;box-shadow:0 8px 20px #5840041a;transition:transform .3s ease,box-shadow .3s ease;box-sizing:border-box;overflow:hidden;position:relative;z-index:1}.timeline-event-card:hover{transform:translateY(-15px);box-shadow:0 12px 25px #654d0533}.event-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.event-title{font-size:1.2rem;font-weight:700;color:#fff}.event-date{font-size:1rem;color:#b87333}.event-intro{font-size:.9rem;font-family:Open Sans,sans-serif;color:#fff;line-height:1.9}.travel-text{text-align:center;padding:0 19%}.cta-items{text-align:center}.cta-container{display:flex;padding-bottom:3%;justify-content:center}.cta-knap{border-radius:25px;padding:1em 2em;font-size:1.1rem;font-weight:600;background-color:#b87333;color:#fff;cursor:pointer;border:2px solid #fff;transition:background-color .3s ease,transform .1s ease}.cta-knap:hover{transform:scale(1.01)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;z-index:9999}.modal{background-color:#2c3841;border-radius:10px;width:90%;max-width:600px;padding:30px;position:relative;box-shadow:0 8px 16px #0000004d;z-index:10000;color:#fff}.modal h3:after{content:"";display:block;width:600px;height:4px;background-color:#b87333;margin:10px auto}.modal h3{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:15px;text-align:center}.modal p{font-size:1rem;color:#ddd;line-height:1.6;margin-bottom:20px;text-align:center}.modal img{display:block;margin:0 auto 20px;width:100%;max-width:400px;height:100%;max-height:300px;border-radius:8px}.modal button{background-color:#b87333;color:#fff;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;position:absolute;top:10px;right:10px}.modal button:hover{background-color:#a56628}.read-more-button{margin-top:10px;padding:10px 20px;background-color:#a56628;color:#fff;box-shadow:0 4px 6px #0000001a;border:1px solid #fff;border-radius:5px;cursor:pointer}.read-more-button:hover{background:linear-gradient(135deg,#B87333 0%,#2c3841 90%)}.elrecycling-container{display:flex;justify-content:space-between;align-items:center;padding-bottom:5%;max-width:1600px;margin:0 auto}.elrecycling-text{flex:1;margin-right:20px}.elrecycling-image{flex:1;max-width:100%}.elrecycling-image img{max-width:450px;height:auto;display:block}.figma-btn{display:inline-block;border-radius:25px;padding:.9em .7em;font-size:1em;font-weight:400;font-family:Open Sans,sans-serif;background-color:#2c3841;color:#fff;cursor:pointer;margin-left:10px;border:2px solid #fff;transition:transform .5s ease}.figma-btn:hover{background:linear-gradient(135deg,#2c3841 40%,#B87333 90%);color:#fff;transform:scale(1.1)}.port-text{padding:0 10%;text-align:center}.line{border-top:2px solid #B87333;width:78%;margin:20px auto}.elrecycling-container{display:flex;flex-direction:row;padding-bottom:5%}.elrecycling-text{margin:3%;padding:0 5%}.redesign{margin:0;padding:0;color:#b87333;font-size:14px}.El-header{margin-top:0;padding-top:0;text-align:start}.website-btn{display:inline-block;border-radius:25px;padding:.9em .7em;font-size:1em;font-weight:400;font-family:Open Sans,sans-serif;background-color:#b87333;color:#fff;cursor:pointer;border:2px solid #fff;text-align:center;transition:transform .3s ease-in-out}.website-btn:hover{transform:scale(1.1);color:#fff}.website-btn-container{margin-top:6%;text-align:left}.info-text{text-align:center}.text-me{text-align:center;font-size:25px}.mail-text{text-align:center;color:#b87333}.social-container{display:flex;justify-content:center}.Marcus-malik{position:absolute;top:16%;right:3%;opacity:0;transform:translate(100%);transition:all 3s ease}.Marcus-malik.slide-in{opacity:1;transform:translate(0)}.email-link{color:#b87333;text-decoration:none;font-weight:700;font-family:Open Sans,sans-serif}.email-link:hover{text-decoration:underline}.medier-social{gap:5%}.medier-social img{width:30px;height:30px;margin-right:20px}.linked-in{width:45px;height:45px}.footer-container{display:flex;justify-content:space-between;align-items:center;background-color:#06090a;color:#fff;padding:20px}.footer-social img{width:38px;height:38px;margin-right:10px}.footer-logo img{width:100px;height:100px}.footer-email p{margin:0}.modal-img{width:25%;height:25%;margin:0 40%}.movie-magnet{height:60%}.footer-social a{margin-right:15px}.footer-social a img:hover{transform:scale(1.3);transition:transform .6s ease}@media (max-width: 1024px){.horizontal-timeline{flex-direction:column;padding-top:0;margin-top:0}.horizontal-timeline:before{content:"";position:absolute;top:0;bottom:0;left:50%;width:4px;height:100%;background-color:#b87333;z-index:0}.timeline-event-card{width:100%;margin-bottom:40px;position:relative;transition:none;z-index:1;text-align:center}.event-header{flex-direction:column;text-align:center}.event-title{margin-bottom:10px}.event-date{margin-top:10px}}@media (max-width: 768px){.timeline-event-card{width:100%}.event-title{font-size:1rem}.event-date{font-size:.9rem}.elrecycling-container{flex-direction:column;align-items:center;text-align:center}.elrecycling-text{text-align:center;padding:0 5%;margin-bottom:20px}.website-btn-container{text-align:center;margin-top:20px}.website-btn{display:inline-block;margin:0 auto}.elrecycling-image{width:100%;margin-top:20px}.El-header{text-align:center}}@media screen and (min-width: 1250px){.read-more-button{top:160px;right:40px}.arrow-down{border-left:20px solid transparent;border-right:20px solid transparent;border-top:25px solid #b87333;right:750px}}.beat-icon{animation:beat 1.5s infinite}@keyframes beat{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes slide-in{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.slide-in{animation:slide-in 3s ease forwards;opacity:0}:root{font-family:Playfair Display,serif;color-scheme:light dark;color:#ffffffde;background-color:#fff}a{font-weight:500;text-decoration:none;transition:transform .3s ease}a:hover{color:#b87333;transform:scale(1.1)}p{font-family:Open Sans,sans-serif;color:#fff;line-height:1.9}h1{font-size:3.2em;line-height:1.1;text-align:center;color:#fff}h2{font-size:2.7em;line-height:1.1;text-align:center;color:#fff}.custom-button{display:inline-block;text-decoration:none;border-radius:25px;padding:1.2em 1.5em;font-size:1.3em;font-weight:600;font-family:Open Sans,sans-serif;background-color:#2c3841;color:#fff;cursor:pointer;box-shadow:0 4px 6px #0000001a;margin:15px;border:2px solid #fff;transition:all .3s ease-in-out}.custom-button:hover{background:linear-gradient(135deg,#B87333 0%,#06090A 70%);color:#fff;transform:translateY(-5px);box-shadow:0 10px 15px #0000004d}.custom-button:active{transform:translateY(0);box-shadow:0 4px 6px #0000001a}.custom-button:focus,.custom-button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#fff;background-color:#0c1114}a:hover{color:#b87333}.custom-button{background-color:#06090a}}