body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{color:#666;font-family:Arial,sans-serif;margin:0;padding:0}.nav{align-items:center;background-color:#333;display:flex;height:80px;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.nav ul{display:flex;list-style-type:none;margin:0;padding:0}.nav ul li{margin:0 15px}.nav ul li a{color:#fff;font-size:18px;text-decoration:none}.nav ul li a:hover{cursor:pointer;text-decoration:underline}.bars,.checkbox,.times{display:none}@media (max-width:768px){.nav{align-items:flex-start;padding:20px;width:95vw}.nav,.nav ul{flex-direction:column;height:auto}.nav ul{background-color:#333;display:none;flex-wrap:wrap;left:0;position:fixed;top:60px;width:100%;z-index:1000}.nav ul.active{display:flex;width:98vw}.nav ul li{margin:10px 0;width:100%}.nav ul li a{font-size:16px;padding:10px 20px}.bars,.checkbox,.times{color:#fff;cursor:pointer;display:block;font-size:35px;position:absolute;right:20px;top:6px;z-index:2}.times{display:none}.checkbox{opacity:0}.nav input:checked~.menu{display:flex}.nav input:checked~.bars{display:none}.nav input:checked~.times{display:block}}.home-mf{align-items:center;background-image:url(https://images.pexels.com/photos/5926398/pexels-photo-5926398.jpeg?auto=compress&cs=tinysrgb&w=600);background-position:50%;background-size:cover;display:flex;height:100vh;justify-content:center;position:relative;text-align:center}.overlay{background-color:#00000080;height:100%;left:0;position:absolute;top:0;width:100%}.home-mf .content{color:#fff;position:relative;text-shadow:0 2px 4px #0000004d;z-index:1}.home-mf h1{font-size:3rem;margin:0}.home-mf p{font-size:1.5rem;margin:10px 0 0}.about-mf{background-color:#f9f9f9;padding:100px 20px}.about-content{align-items:flex-start;display:flex}.about-img{flex:0 0 auto;margin-right:20px}.about-info{flex:1 1;justify-content:space-between;padding-top:40px}.about-info,.title-and-links{align-items:center;display:flex;flex-direction:column}.title-and-links{padding-top:60px}.cv-links{display:flex;flex-direction:row}.about-info p{color:#666}.about-info-item{margin:10px}.title-s{color:#333;font-weight:700}.about-me .title-left{color:#1e1e1e;font-size:1.5rem;font-weight:700}.lead{color:#666;font-size:1rem;text-align:justify}.info-container{display:flex;flex-direction:column;margin-left:0}.cv-download-link{align-items:center;border:1px solid #0000;display:flex;margin-left:20px}.cv-download-icon{cursor:pointer;height:auto;transition:transform .3s ease,box-shadow .3s ease}.cv-download-icon:hover{box-shadow:0 4px 15px #0003;filter:brightness(1.2);transform:scale(1.1)}@media (max-width:768px){.about-mf{padding:60px 20px}}.work-mf{background-color:#f9f9f9;margin:0 auto;padding:100px 20px}.work-mf header{text-align:center}.row{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 -10px}.col-4{margin:0 10px;width:calc(33.33% - 20px)}.box{background:#f0f0f0;height:90%;margin-bottom:20px;padding:20px;text-align:justify}@media (max-width:1024px){.col-4{width:calc(50% - 20px)}}@media (max-width:768px){.col-4{margin:0;width:100%}.work-mf{padding:40px 20px}}.portfolio-mf{background-color:#f9f9f9;padding:100px 20px;text-align:center}.portfolio-wrapper header{margin-bottom:2em;text-align:center}.portfolio-grid{display:flex;flex-wrap:wrap;justify-content:center}.portfolio-item{background-color:#fff;border:1px solid #ddd;box-shadow:0 2px 4px #0000001a;margin:1em;transition:transform .3s ease-in-out;width:calc(33.33% - 2em)}.portfolio-item:hover{transform:translateY(-5px)}.portfolio-item a{color:inherit;text-decoration:none}.portfolio-item .portfolio-image{overflow:hidden}.portfolio-image{height:200px;width:100%}.portfolio-item .portfolio-image img{height:auto;transition:transform .3s ease-in-out;width:100%}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-content{padding:1.5em}.portfolio-content h3{font-size:1.5em;margin-bottom:.5em}.portfolio-content p{color:#666;font-size:1em;line-height:1.6}@media (max-width:768px){.portfolio-item{width:calc(50% - 2em)}.portfolio-mf{padding:40px 20px}}@media (max-width:480px){.portfolio-item{margin:.5em 0;width:100%}}.skills-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:0 auto}.skill-box{align-items:center;background-color:#fff;border:2px solid #e0e0e0;border-radius:8px;box-shadow:0 4px 10px #0000001a;display:flex;height:150px;justify-content:center;width:100%}.skill-box:hover{box-shadow:none;transform:none}.s-title:hover{color:#444}@media (max-width:768px){.skills-row{gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.skill-box{height:auto;padding:20px}}.title-box{margin-bottom:20px;text-align:center}.title-a{font-size:2rem}.line-mf{margin-bottom:30px}.contact-mf{background-color:#303030;color:#fff;padding:60px 20px}.container{margin:0 auto;max-width:1200px}.title-box{margin-bottom:40px;text-align:left}.contact-title-a{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:10px}.contact-subtitle-a{color:#b3b3b3;font-size:1.2rem;margin-top:10px}.line-mf{background-color:#b3b3b3;border-radius:3px;height:4px;margin-left:0;text-align:left;width:60px}.contact-content,.line-mf{margin-bottom:40px}.email-link{color:#f1eeee;font-size:1.1rem;font-weight:700;text-decoration:none}.email-link:hover{color:#fff}.social-icons{margin-bottom:40px;text-align:center}.social-icons h5{color:#fff;font-size:1.5rem;margin-bottom:20px}.social{display:flex;gap:20px;justify-content:center;list-style:none;padding:0}.social li{display:inline-block}.social a{color:#b3b3b3;font-size:2rem;transition:color .3s ease,transform .3s ease}.social a:hover{color:#fff;transform:translateY(-5px)}.social a[href*=twitter]:hover{color:#1da1f2}.social a[href*=facebook]:hover{color:#3b5998}.social a[href*=linkedin]:hover{color:#0077b5}.social a[href*=github]:hover{color:#f1eeee}footer{border-top:1px solid #444;padding-top:20px;text-align:center}footer p{color:#757575;font-size:1rem;line-height:1.6;margin:0 auto;max-width:600px}.learning-mf{background-color:#f3f4f6;padding:80px 20px;text-align:center}header h2{color:#333;font-size:2rem;margin-bottom:40px}.achievements-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.badge-1,.badge-2,.badge-3{align-items:center;background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000026;display:flex;flex-direction:column;height:auto;justify-content:center;padding:20px;text-align:center;transition:transform .3s ease,box-shadow .3s ease;width:150px}.badge-1:hover,.badge-2:hover,.badge-3:hover{box-shadow:0 8px 20px #0003;transform:translateY(-8px)}.ai,.language,.metropolia{height:auto;margin-bottom:10px;max-width:90px;width:auto}.study-info{color:#555;font-size:.9em;margin-top:auto}.own-badge{align-items:center;display:flex;flex-direction:column;text-decoration:none}.middle-badge{height:auto}@media (max-width:768px){.achievements-row{gap:15px}.badge-1,.badge-2,.badge-3{margin-bottom:20px;width:calc(100% - 40px)}header h2{font-size:1.5rem}}
/*# sourceMappingURL=main.0731a2b1.css.map*/