:root{--primary-color: #0C1445;--secondary-color: #007EA7;--primary-text-color: #fff;--secondary-text-color: #95E06C;--third-text-color: #042A2B;--primary-component-color: #C42021;--secondary-component-color: #95E06C}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.flex{display:flex}.flex-1{flex:1}.text-elli{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.flex-column{display:flex;flex-direction:column}.gap-0{gap:6px}.gap-1{gap:16px}.gap-2{gap:24px}.gap-3{gap:32px}.gap-4{gap:64px}.gap-5{gap:128px}.jc-spacebetween{justify-content:space-between}.jc-spacearound{justify-content:space-around}.jc-center{justify-content:center}.jc-flexend{justify-content:flex-end}.ai-center{align-items:center}.padding-0{padding:16px}.padding-1{padding:32px}.padding-lr-0{padding-left:8px;padding-right:8px}.padding-lr-1{padding-left:32px;padding-right:32px}.padding-lr-2{padding-left:48px;padding-right:48px}.padding-lr-3{padding-left:64px;padding-right:64px}.padding-lr-4{padding-left:80px;padding-right:80px}.padding-top-0{padding-top:16px}.padding-top-1{padding-top:32px}.padding-top-2{padding-top:64px}.padding-top-3{padding-top:96px}.padding-right-0{padding-right:16px}.padding-right-1{padding-right:32px}.padding-bottom-0{padding-top:16px}.padding-bottom-1{padding-bottom:32px}.padding-bottom-2{padding-bottom:48px}.padding-bottom-3{padding-bottom:128px}.padding-bottom-4{padding-bottom:256px}.padding-tb-0{padding-top:16px;padding-bottom:16px}.padding-tb-1{padding-top:32px;padding-bottom:32px}.padding-tb-2{padding-top:48px;padding-bottom:48px}.padding-tb-3{padding-top:64px;padding-bottom:64px}.padding-tb-4{padding-top:80px;padding-bottom:80px}.padding-tb-5{padding-top:96px;padding-bottom:96px}.padding-tb-6{padding-top:164px;padding-bottom:164px}.margin-bottom-0{margin-bottom:8px}.margin-bottom-1{margin-bottom:16px}.margin-bottom-2{margin-bottom:24px}.margin-bottom-3{margin-bottom:128px}.margin-left-0{margin-left:8px}.margin-left-1{margin-left:16px}.margin-left-2{margin-left:32px}.margin-left-3{margin-left:128px}.ta-center{text-align:center}.side-button{position:absolute;left:-100px;padding:10px 10px 10px 125px;transition:transform .5s ease-in-out}.side-button:hover{transform:translate(100px)}.side-button-l{background-color:#fff;top:417px}.side-button-g{background-color:#000;top:480px}.side-button-e{background-color:#cbc4c4;top:550px}.red-button,.red-button-mini{background-color:var(--primary-component-color);display:flex;align-items:center;justify-content:center;transition:all .2s ease-in 0ms}.red-button:hover,.red-button-mini:hover{background-color:#a24141;transition:all .2s ease-in 0ms}.red-button-mini{width:50px;border-radius:5px}.greenline-button{border:1.5px solid var(--secondary-component-color);transition:all .2s ease-in 0ms}.greenline-button:hover{background-color:var(--secondary-component-color);color:var(--primary-color);transition:all .2s ease-in 0ms}.highlight{color:var(--secondary-text-color)}nav{align-items:center;justify-content:space-between;white-space:nowrap}nav a{transition:color .2s ease-in-out 0ms}nav a:hover{color:var(--primary-component-color);transition:color .2s ease-in-out 0ms}a.contact-container{color:#000}.paragraph-container{max-width:700px}.content-container{display:flex;align-items:center}.otherprojects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(35%,1fr));gap:24px;align-items:center;justify-content:center}.miniproject-container{background-color:var(--primary-color);border-radius:20px}.skill-container{min-width:200px;min-height:400px;padding:50px;text-align:center}.skill-container li{display:flex;align-items:center;justify-content:center;font-size:calc(12px + .5vw)}.skill-container svg{margin-left:4px}.skill-container p{font-size:calc(12px + .5vw)}.skill-container:nth-child(2n){border-right:1px solid var(--secondary-color);border-left:1px solid var(--secondary-color)}.skill-container:nth-child(1){border-top-left-radius:25px;border-bottom-left-radius:25px}.skill-container:nth-child(3){border-top-right-radius:25px;border-bottom-right-radius:25px}.socials-container{border-radius:24px}.socials-container a{color:var(--secondary-text-color)}.socials-container span,.socials-container a{font-size:calc(12px + .5vw)}.icon-circle{display:flex;justify-content:center;align-items:center;background-color:var(--secondary-component-color);width:40px;height:40px;border-radius:100px}.video-container{min-width:350px;max-width:68%}@media (max-width: 800px){.side-button{top:-9999px;display:none;visibility:hidden}.padding-lr-1,.padding-lr-2,.padding-lr-3,.padding-lr-4{padding-left:20px;padding-right:20px}.skill-container{padding:20px 10px;min-height:auto}}@media (max-width: 1200px){nav h2{position:absolute;right:0;top:-9999px;display:none;visibility:hidden}nav{justify-content:center}h2,h3,h4{text-align:center}.content-container{flex-direction:column-reverse;justify-content:center;align-items:space-between}.skill-container{height:auto;margin-bottom:32px;border-radius:20px}.content-reverse{flex-direction:column}.gap-5{gap:16px}.otherprojects-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.miniproject-container h3{margin-top:20px}.socials{padding:25px 0}}:root{font-family:Sen,Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;line-height:32px;font-weight:400;background-color:#0c1445;color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}html{scroll-behavior:smooth}body{padding:0;margin:0}a{text-decoration:none;color:#fff}button{cursor:pointer}h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}ul{list-style:none}ul,li{margin:0;padding:0}li{margin-bottom:20px}p{font-size:calc(14px + .5vw)}nav a{font-size:calc(14px + .5vw)}h1{font-size:calc(36px + 1vw);font-weight:600;letter-spacing:1px;margin-bottom:20px}h2{font-size:calc(24px + 1vw);font-weight:600;letter-spacing:1px;margin-bottom:56px}h3{font-size:calc(16px + 1vw);font-weight:600;letter-spacing:1px;margin-bottom:20px}h4{font-size:calc(8px + 1.5vw);font-weight:500;letter-spacing:1px}.f-weight-light{font-weight:300}button{background-color:#0c1445;font-family:Sen,Inter,Avenir,Helvetica,Arial,sans-serif;font-weight:600;border:none;border-radius:32px;color:#fff;padding:12px 48px;letter-spacing:1px;white-space:nowrap}video{width:100%}.border{border:1px solid grey}