@import"https://fonts.googleapis.com/css2?family=Hind:wght@400&display=swap";@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Hind:wght@400;600&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#fff;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#989494}}:root{--darkblue: #200e3a;--midblue: #38419d;--lightblue: #3887be;--green: #52d3d8}body{font-family:Montserrat,sans-serif}.profile{display:flex;padding:64px 16px 32px;flex-direction:column;justify-content:center;align-items:center;margin:0}.profile img{margin-bottom:32px;height:164px;width:164px;border-radius:50%}.jonas{margin:0;color:#000;font-family:Montserrat;font-size:1.125rem;font-style:normal;font-weight:600;line-height:normal}.job{margin:0;color:#0b24f5;font-family:Montserrat;font-size:2rem;font-style:normal;font-weight:700;line-height:normal}.description{color:#000;font-family:Hind;font-size:1.125rem;font-style:normal;font-weight:400;line-height:normal;margin:32px 0 0}.arrow-box{text-align:center;padding-bottom:64px}.arrow{font-size:3em;animation:bounce 1.5s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}@media (min-width: 768px) and (max-width: 1024px){.profile{flex-direction:row;text-align:left;align-items:center;justify-content:center;max-width:900px;padding:128px 32px 138px}.profile img{margin-right:24px;margin-bottom:0;height:150px;width:150px}.person{margin-bottom:0}.job{font-size:32px}.description{max-width:500px;font-size:18px}.arrow-box{text-align:center;margin-bottom:0;padding-bottom:0}}@media (min-width: 1024px){.profile{flex-direction:row;text-align:left;align-items:center;justify-content:center;max-width:1800px;padding:332px 128px 200px;margin:0 auto}.profile img{margin-right:32px;margin-bottom:0;height:200px;width:200px}.jonas{font-size:32px}.person{margin-bottom:0}.job{font-size:80px}.description{font-size:18px}.arrow-box{text-align:center}}:root{--blue: #0B24F5;--midblue: #38419d;--lightblue: #3887be;--green: #52d3d8}.tech-section{display:flex;padding:128px 16px;flex-direction:row;justify-content:center;align-items:center;background-color:var(--blue)}.tech-title{margin:0;color:#fff;padding-bottom:64px;text-align:center;font-family:Montserrat;font-size:56px;font-style:normal;font-weight:700;line-height:66px}.tech-description{color:#fff;font-family:Hind;font-size:24px;font-style:normal;font-weight:600;line-height:normal;margin:0}@media (min-width: 768px) and (max-width: 1024px){.tech-section{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:256px 64px;background-color:var(--blue)}.tech-title{font-family:Montserrat,sans-serif;font-size:56px;font-weight:700;text-align:center;padding-bottom:64px;color:#fff}.tech-description{font-family:Hind,sans-serif;font-size:20px;line-height:1.6;text-align:center;max-width:680px;margin:0 auto;color:#fff}}@media (min-width: 1024px){.tech-section{grid-column:2 / -2;display:grid;align-items:center;text-align:left;padding:332px 161px 200px}.tech-title{font-family:Montserrat;font-size:80px;font-style:normal;font-weight:700;line-height:normal;color:#fff}.tech-description{font-family:Hind,sans-serif;color:#fff;font-family:Hind;font-size:32px;font-style:normal;font-weight:600;line-height:normal;margin:0;padding:0 0 0 124px}}@media (min-width: 1024px){.tech-box{grid-column:2 / -2;display:flex;align-items:top;text-align:left;margin:100px 16px}}*,*:before,*:after{box-sizing:border-box}:root{--blue: #0B24F5;--lightblue: #3887be;--green: #52d3d8;--font-color: #333;--button-bg: #d1cbcb;--button-font-color: #333}html,body{overflow-x:hidden;margin:0;padding:0}.project-tags{display:flex;flex-wrap:wrap;gap:5px}.project-tag{background-color:#000;padding:2px 6px;margin-bottom:24px;color:#fff;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.featured-title{color:#0b24f5;text-align:center;font-family:Montserrat;font-size:56px;font-style:normal;font-weight:700;line-height:66px;padding:128px 0 64px;margin:0}.project-body{color:#000;font-family:Hind;font-size:18px;font-style:normal;font-weight:400;padding-bottom:16px;margin:0}.projects-container{width:100%;max-width:1200px;margin:0 auto;display:flex;flex-direction:column;padding:0 16px}.project-card{overflow:hidden;display:flex;flex-direction:column;background-color:#fff;max-width:100%;margin-bottom:64px}.project-image{width:100%;margin-bottom:24px;border-bottom:var(--blue) solid 10px;border-left:var(--blue) solid 10px}.project-content{display:flex;flex-direction:column}.project-title{font-size:24px;color:var(--font-color);margin:0;padding-bottom:16px}.project-buttons{display:flex;flex-direction:column;gap:16px}.project-button{display:inline-flex;align-items:center;gap:8px;padding:2px;border-radius:40px;border:none;background:#ececec;color:#000;font-size:16px;font-weight:400;cursor:pointer;transition:background-color .3s ease;text-decoration:none}.project-button:hover{background-color:#e0e0e0}.project-button a{text-decoration:none;align-items:center;color:#333;font-family:Montserrat;font-size:20px;font-style:normal;font-weight:600;line-height:normal;padding:10px}@media (min-width: 768px) and (max-width: 1024px){.projects-container{display:flex;flex-direction:column;padding:64px 32px}.project-card{display:flex;flex-direction:row;align-items:flex-start;padding:0 0 64px;gap:24px;margin:0}.featured-title{text-align:left;padding:0 0 64px}.project-tag{background-color:#000;padding:2px 6px;margin:0;color:#fff;font-family:Montserrat;font-size:16px;font-style:normal;font-weight:500;line-height:normal}.project-image{width:200px;height:280px;flex-shrink:0;border-bottom:var(--blue) solid 8px;border-left:var(--blue) solid 8px}.project-content{display:flex;flex-direction:column;width:100%}.project-title{color:#000;font-family:Montserrat;font-size:24px;font-style:normal;font-weight:600;line-height:normal}.project-body{color:#000;font-family:Hind;font-size:18px;font-style:normal;font-weight:400;line-height:normal}.project-buttons{display:flex;flex-direction:row;margin-top:24px;gap:16px}.project-button{font-size:16px;font-weight:500;transition:background-color .3s ease}.project-button:hover{background-color:#d0d0d0}}@media (min-width: 1024px){.projects-container{display:flex;flex-direction:column;padding:128px 0 0;margin:0 a}.project-card{display:flex;flex-direction:row;align-items:flex-start;gap:24px;margin-bottom:128px}.project-image{width:35%;margin:0}.project-content{width:65%}.project-title{font-size:32px}.featured-title{text-align:left;padding:0 0 128px;font-size:80px}.project-body{font-size:18px}.project-buttons{margin-top:24px;display:flex;flex-direction:row}.project-tag{padding:2px 6px;margin:0}}@media (max-width: 767px){.project-button{max-width:200px}.project-buttons{align-items:flex-start}}:root{--blue: #0B24F5;--pink: #EB5577;--lightblue: #2483E0;--yellow: #FFDE30}.skills-section{background-color:var(--blue);color:#fff;display:flex;flex-direction:column;align-items:center;margin-top:64px;padding:128px 16px}.skills-box{display:flex;flex-direction:column;align-items:center;width:100%}.skills-title{font-family:Montserrat,sans-serif;font-size:56px;font-weight:700;text-align:center;color:#fff;margin:0}.skills-part-box{display:grid;grid-template-columns:1fr;width:100%;max-width:1200px}.skills-part{display:flex;flex-direction:column;align-items:center;text-align:center}.skills-part p{font-family:Hind,sans-serif;font-size:18px;font-weight:400;margin:0}.tech{background-color:var(--pink);color:#fff;padding:1px 16px;margin:64px 0 16px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:600}.toolbox{background-color:var(--lightblue);color:#fff;padding:1px 16px;margin:64px 0 16px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:600}.more{background-color:var(--yellow);color:#0b24f5;padding:1px 16px;margin:64px 0 16px;font-family:Montserrat,sans-serif;font-size:24px;font-weight:600}@media (min-width: 768px){.skills-part-box{grid-template-columns:repeat(3,1fr);gap:24px}.skills-title{font-size:56px}.skills-section{margin-top:0;padding:128px 64px}}@media (min-width: 1024px){.skills-part-box{grid-template-columns:repeat(3,1fr);gap:4rem}.skills-section{margin-top:0;padding:128px 161px}.skills-title{font-size:80px;padding-bottom:128px}.tech{background-color:var(--pink);color:#fff;padding:1px 16px;margin:0 0 16px;font-family:Montserrat,sans-serif;font-size:32px;font-weight:600}.toolbox{background-color:var(--lightblue);color:#fff;padding:1px 16px;margin:0 0 16px;font-family:Montserrat,sans-serif;font-size:32px;font-weight:600}.more{background-color:var(--yellow);color:#0b24f5;padding:1px 16px;margin:0 0 16px;font-family:Montserrat,sans-serif;font-size:32px;font-weight:600}.skills-box{max-width:900px}}:root{--darkblue: #200e3a;--blue: #0B24F5;--lightblue: #3887be;--green: #52d3d8}.contact-section{display:flex;flex-direction:column;gap:64px;align-items:center}.contact-title{color:var(--blue);font-family:Montserrat,sans-serif;font-size:56px;font-weight:700;padding-top:128px;margin:0}.contact-section img{height:164px;border-radius:50%}.contact{display:flex;flex-direction:column;align-items:center}.contact p{color:#000;font-family:Montserrat;font-size:18px;font-style:normal;font-weight:600;line-height:normal;margin:0;padding:5px}.icons{display:flex;gap:32px;font-size:32px;padding-bottom:128px}.icons a{color:#d0d0d0}.icons a:hover{color:#000}@media (min-width: 1024px){.contact-title{color:var(--blue);font-family:Montserrat,sans-serif;font-size:56px;font-weight:700;padding:128px 0 64px;margin:0}.scrolling-text-container{--marquee-speed: 40s;--direction: scroll-left;background-color:#ff4575;overflow:hidden;height:114px;display:flex;align-items:center}.scrolling-text-inner{display:flex;white-space:nowrap}.scrolling-text{display:flex;font-family:Montserrat,sans-serif;font-size:26px;font-weight:600;color:#fff}.scrolling-text-inner>div{animation:scroll-left var(--marquee-speed) linear infinite}@keyframes scroll-left{0%{transform:translate(100%)}to{transform:translate(-100%)}}}