*{box-sizing:border-box;font-family:Montserrat;margin:0}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--clr-darkgreen: #125B50;--clr-yellow: #F8B400;--clr-beige: #FAF5E4;--cl-pink: #FF6363;--clr-green: #519259;--clr-white: #fff;--clr-black: #000;--clr-text: #333}#root,body{margin:0}h1{font-size:80px;font-weight:700}h2{font-size:32px;font-weight:600}p{font-family:Hind;font-size:18px}@media (max-width: 1024px){h1{font-size:56px}h2{font-size:24px}}.featured-projects{display:flex;flex-direction:column;align-items:center;padding:128px 50px}.featured-projects-box{display:flex;flex-direction:column;align-items:center;gap:128px;max-width:1044px}@media (max-width: 1024px){.featured-projects{padding:128px 32px}}@media (max-width: 600px){.featured-projects-box{gap:64px}.featured-projects-box h1{text-align:center;line-height:66px}}.photo-wrapper img{object-fit:cover}.blue{border-bottom:10px solid blue;border-left:10px solid blue}@media (min-width: 1025px){.small{width:408px;height:280px}}@media (min-width: 601px) and (max-width: 1024px){.small{width:200px;height:280px}}@media (max-width: 600px){.small{width:100%}}.tag{display:block;padding:2px 6px;background-color:#000;color:#fff;font-size:16px;font-weight:600}button{display:flex;align-items:center;gap:7px;background-color:#f5f5f5;padding:0 16px 0 10px;border:none;border-radius:40px;color:#333;font-size:20px;font-weight:600;line-height:48px;transition:all .5s}.button-icon{height:30px;width:30px}.live-demo:hover{background-color:#0b24f5;color:#fff}.live-demo img:hover{filter:invert(1)}.view-the-code:hover{background-color:#eb5577;color:#fff}.card-box{display:flex;flex-direction:row;gap:16px;max-width:1044px;height:280px;margin:auto}.project-img-wrapper{width:408px;height:280px;border:2px solid orange}.project-info-wrapper{display:flex;flex-direction:column;justify-content:space-between}.description-and-tags{display:flex;flex-direction:column;gap:16px}.tech-tags{display:flex;gap:4px}.button-wrapper{display:flex;gap:32px}@media (max-width: 600px){.card-box{flex-direction:column;height:auto}.button-wrapper{flex-direction:column;align-items:flex-start;gap:16px}.project-info-wrapper{gap:24px}}.introduction{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh}.introduction-box{max-width:1044px;margin:32px;display:grid;grid-template-columns:164px auto;column-gap:22px}.introduction-box h1,.introduction-box h2{grid-column:1 / span 2}.introduction-text{align-self:center}.arrow{animation:arrowJump 1.5s infinite alternate-reverse;display:block;position:absolute;bottom:63px}@keyframes arrowJump{0%{transform:translateY(0)}to{transform:translateY(-30px)}}@media (max-width: 768px){.introduction-box{display:flex;flex-direction:column;margin:32px}.introduction-box h1{font-size:32px}.introduction-box h2{font-size:18px}.introduction-box .profile-picture{grid-column:1;margin-bottom:32px}.introduction-text{margin-top:32px}}@media (max-width: 480px){.arrow{bottom:-20px}}.profile-picture{align-self:center;grid-row:3;width:164px;height:164px;border-radius:82px;object-fit:cover;flex-shrink:0}.lets-talk{display:flex;justify-content:center;height:100vh;padding:16px 32px}.lets-talk-box{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:128px;width:1044px;margin:auto}.lets-talk-wrapper{display:flex;flex-direction:column;align-items:center;gap:64px}h1{color:#0b24f5}.contact-info{display:flex;flex-direction:column;align-items:center}.social-buttons-wrapper{display:flex;gap:32px}a{color:#d0d0d0;font-size:32px;transition:all .5s}a:hover{color:#000}@media (max-width: 1024px){.lets-talk-box{gap:64px}}@media (max-width: 600px){.contact-info h2{font-size:18px}}.skills{display:flex;justify-content:center;align-items:center;padding:128px 32px;background-color:#0b24f5;color:#fff}.skills-box{display:flex;flex-direction:column;gap:128px}.skills-box h1{text-align:center;color:#fff}.skills-wrapper{display:flex;justify-content:space-between;width:1044px}ul{list-style-type:none;margin:0;padding:0;font-size:18px}li{font-family:Hind}span{font-size:32px;font-weight:600;padding:3px}.skills-list{display:flex;flex-direction:column;gap:16px}.code-list{background-color:#eb5577}.toolbox-list{background-color:#2483e0}.upcoming-list{background-color:#2f9051}.more-list{background-color:#ffde30;color:#0b24f5}@media (max-width: 1024px){.skills-wrapper{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;column-gap:64px;row-gap:64px;width:auto}.skills-box{gap:64px}}@media (max-width: 600px){.skills-wrapper{grid-template-columns:1fr;text-align:center}}.tech{display:flex;height:100vh;padding:0 234px;background-color:#0b24f5;color:#fff}.tech-box{display:flex;align-items:center;gap:124px;max-width:1044px;margin:auto}.tech-box h1{color:#fff}.tech-box h2{font-family:Hind}@media (max-width: 1024px){.tech{padding:256px 32px}.tech-box{flex-direction:column;align-items:center;margin:32px}.tech-box h2{padding:0 100px;text-align:center}}@media (max-width: 768px){.tech-box h1{font-size:56px}.tech-box h2{font-size:24px;padding:0}}@media (max-width: 480px){.tech{padding:128px 16px}.tech-box h1{font-size:56px}.tech-box h2{font-size:24px;padding:0}}.ticker-tape{background-color:#ff4575;color:#fff;width:100vw;height:114px}.ticker-tape-scroll{display:flex;align-items:center;white-space:nowrap;height:114px;animation:scroll-left 30s linear infinite}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-100%)}}.ticker-tape h2{font-size:26.038px;font-weight:600;line-height:37.874px}