main{max-width:1300px;margin:auto;padding:25px;font-family:"Open Sans",sans-serif}img{max-width:100%}h1,h2,h3,h4,h5{margin:0 0 5px 0}h2{font-weight:500}p{line-height:20px;margin-top:0}a{color:#155087;text-decoration:none}a:hover{text-decoration:underline}.primary-btn{display:flex;gap:8px;align-items:center;justify-content:center;padding:8px 15px;background-color:#155087;color:#fff;text-decoration:none;transition:background-color ease-in-out .2s}.primary-btn:hover{background-color:#104372;text-decoration:none}.primary-btn svg{fill:#fff;width:15px}.divider{border-top:1px solid #155087;margin:10px 0}.main-content{display:flex;flex-direction:column;gap:20px}.hidden{display:none}ul{padding:0px;list-style:none;display:flex;flex-direction:column;gap:6px;margin-top:0}ul li{display:flex;gap:10px}ul li::before{content:"-";display:block}.home-grid{display:grid;grid-template-columns:2fr 4fr;gap:20px;min-height:calc(100vh - 40px)}@media only screen and (max-width: 550px){.home-grid{display:flex;flex-direction:column}}@media only screen and (max-width: 550px){.image-user{display:none}}.image-user.mobile{display:none}@media only screen and (max-width: 550px){.image-user.mobile{display:block}}.image-user .me-img{-o-object-fit:cover;object-fit:cover}.age-section{display:flex;align-items:center;font-weight:bold}.age-section .age{display:flex;gap:20px;align-items:center}.age-section .age-number{display:inline-flex;align-items:center;justify-content:center;-webkit-clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);clip-path:polygon(50% 0, 95% 25%, 95% 75%, 50% 100%, 5% 75%, 5% 25%);background-color:#d9d9d9;height:50px;width:50px}.age-section .age-bar{background-color:#ededed;height:24px;width:100%;margin-left:-3px}.age-section .age-bar .age-percentage{background-color:#155087;height:100%;width:0px;transition:width ease-in-out 1.2s}.age-section .age-total-days{display:flex;justify-content:flex-end;gap:3px;margin-left:10px;width:80px}.info-section{display:grid;grid-template-columns:1fr 1fr;gap:30px}@media only screen and (max-width: 992px){.info-section{grid-template-columns:1fr}}.info-section article{display:flex;flex-direction:column;height:100%;justify-content:space-between}.skills-section{grid-column:1/3}.skills-section .skill-container{display:flex;flex-direction:column;gap:15px;padding:10px 0}.skills-section .skill-container .skill{display:grid;grid-template-columns:125px 1fr;gap:10px}.skills-section .skill-container .skill h3{font-weight:normal}.skills-section .skill-container .skill .skill-bar{width:100%;height:25px;background-color:#ededed}.skills-section .skill-container .skill .skill-bar .skill-percentage{height:100%;width:0px;background-color:#155087;transition:width ease-in-out 1.2s}.skills-section .skill-container .skill .skill-content{display:flex;align-items:center;gap:5px}.skills-section .skill-container .skill .skill-content h3{margin:0}.skills-section .skill-container .skill .skill-content .skill-tooltip{display:flex;position:relative}.skills-section .skill-container .skill .skill-content .skill-tooltip:hover::after{content:"";position:absolute;width:100px;height:20px}.skills-section .skill-container .skill .skill-content .skill-tooltip svg{width:20px;fill:#155087;cursor:pointer}.skills-section .skill-container .skill .skill-content .skill-tooltip .tooltip{position:absolute;bottom:40px;left:8px;background-color:#ededed;width:500px;padding:10px}.skills-section .skill-container .skill .skill-content .skill-tooltip .tooltip::after{content:"";width:20px;height:20px;position:absolute;left:0;bottom:-19px;background-color:#ededed;-webkit-clip-path:polygon(0 0, 0% 100%, 100% 0);clip-path:polygon(0 0, 0% 100%, 100% 0)}.skills-section .skill-container .skill .skill-content .skill-tooltip .tooltip::before{content:"";width:100%;height:20px;position:absolute;left:0;bottom:-20px}.project-title{display:flex;align-items:center;justify-content:space-between}.project-title.end{justify-content:flex-end}.project-title>*{width:auto}.project-grid{display:grid;grid-template-columns:repeat(3, 1fr);gap:15px;padding:25px 0}@media only screen and (max-width: 991px){.project-grid{grid-template-columns:repeat(2, 1fr)}}@media only screen and (max-width: 768px){.project-grid{grid-template-columns:1fr}}.project-grid .single-project{transition:transform ease-in-out .2s}.project-grid .single-project:hover{transform:translateY(-10px)}.project-grid .single-project .project-link{height:100%;display:flex;flex-direction:column;text-decoration:none}.project-grid .single-project img{height:650px;-o-object-fit:cover;object-fit:cover}.project-grid .single-project .title-block{background-color:#155087;padding:5px 0}.project-grid .single-project .title-block h2{color:#fff;margin:0;text-align:center}.single-project-page .project-title{margin-bottom:15px}.single-project-page .hero-banner img{width:100%;height:250px;-o-object-fit:cover;object-fit:cover}.single-project-page .project-content{padding:50px 0}.single-project-page .project-content .content-with-img{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;padding:25px 0}@media only screen and (max-width: 768px){.single-project-page .project-content .content-with-img{gap:0;grid-template-columns:1fr}}