:root{--backgroud-principal: #F2F2F2;--backgroud-principal-hover: #FFFFFF;--border-radius-global: 12px;--font-family-principal: "Montserrat", sans-serif;--font-family-var: normal 600 24px/29px var(--font-family-principal);--color-heading: #4F4F4F;--color-text: #828282;--color-text-second: #E0E0E0;--color-text-third: #333333;--color-backgroud: #2F80ED;--font-family-secondary: normal 500 18px/22px var(--font-family-principal);--font-family-secondarys: normal 500 12px/24px var(--font-family-principal);--font-family-terciary: normal 500 16px/20px var(--font-family-principal);--font-family-terciarys: normal 500 14px/17px var(--font-family-principal);--cal-height-Projects:351px}html,body{margin:0 auto;font-family:-apple-system,BlinkMacSystemFont;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--backgroud-principal);width:80vw;height:auto}#root{width:100%;height:auto;margin:2rem 0}img{max-width:100%;height:auto}.Main{display:grid;grid-template-columns:1fr 3fr;background-color:var(--backgroud-principal-hover);height:280px;border-radius:var(--border-radius-global);padding:1rem;grid-gap:1rem;justify-items:center}.mainChildImage{display:flex;align-items:center;height:280px}.mainChildImage img{border-radius:var(--border-radius-global)}.mainChild{display:flex;flex-direction:column;justify-content:space-around;align-items:flex-start}.child{display:grid;grid-template-columns:2fr 1fr}.text h1{font:var(--font-family-var);color:var(--color-heading);margin:18px 0 0}.text h2{font:var(--font-family-secondary);color:var(--color-text);margin:0}.childChidl{display:flex;flex-direction:column;margin-top:18px;max-width:100%;overflow:hidden}.childChidl div a{font:var(--font-family-secondarys);color:var(--color-text);text-decoration:none;margin-left:.7rem}.childChidl div img{width:15px;height:15px}.description{font:var(--font-family-secondary);color:var(--color-text)}@media screen and (max-width: 900px){.Main{grid-template-columns:1fr;height:auto}.mainChildImage{max-width:100%;height:auto}.child{grid-template-columns:1fr}}.skills{display:flex;flex-direction:column;background-color:var(--backgroud-principal-hover);border-radius:var(--border-radius-global);height:303px;padding:1rem;margin:0;justify-content:space-evenly}.skills h3{margin:0;font:var(--font-family-secondary)}.skillContent{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1rem;justify-items:start;align-items:center}.skill{text-align:center;border-radius:var(--border-radius-global);width:100px;background-color:var(--backgroud-principal);font:var(--font-family-terciary)}.skill:hover{background-color:var(--color-backgroud)}@media screen and (max-width: 900px){.skills{height:auto}.skills h3{margin-bottom:1rem}.skillContent{grid-template-columns:repeat(2,1fr)}}.Article{background-color:var(--backgroud-principal-hover);border-radius:var(--border-radius-global);padding:1rem;margin:0;max-height:656px;min-height:600px}.articleHover{display:grid;grid-template-columns:1fr 2fr;grid-gap:1rem;height:auto;margin-bottom:3rem}.hoverInfo h4{font:var(--font-family-terciary);color:var(--color-text-second)}.hoverInfo h3{font:var(--font-family-var);color:var(--color-text-third)}.hoverImage{min-height:150px;max-height:321px;width:100%;overflow:hidden;border-radius:var(--border-radius-global)}.articleInformation{width:80%;height:auto;margin:2rem 0}.informationDescription{overflow:hidden;margin-bottom:2rem;font:var(--font-family-terciary);color:var(--color-text)}.childNetwork{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;height:3rem;align-items:center}.childNetwork a{font:var(--font-family-terciary);text-decoration:none}.childNetwork a:hover{text-decoration:underline}@media screen and (max-width: 900px){.articleInformation{width:90%}}.hobbies{background-color:var(--backgroud-principal-hover);height:836px;border-radius:var(--border-radius-global);margin:2rem 0;padding:1rem}.hobbies h2{margin:0}.childSection{display:flex;flex-direction:column;align-items:center;margin:1rem 0;width:100%;overflow:hidden}#title{font:var(--font-family-secondary);color:var(--color-text-third);text-align:start;margin:1rem 0}.childSection p{font:var(--font-family-terciary);color:var(--color-text);margin:1rem 0}.imageChild{height:139px;overflow:hidden;width:90%;border-radius:var(--border-radius-global)}@media screen and (max-width: 900px){.imageChild{width:100%}.childSection p{margin:.7rem 0}}.Experience{height:482px;background-color:var(--backgroud-principal-hover);border-radius:var(--border-radius-global);padding:1rem;margin:2rem 0;overflow:hidden}.experienceChild{display:grid;grid-template-columns:.3fr 1fr;height:50%;align-items:center;grid-gap:1rem}.experienceInfo{display:flex;flex-direction:column}.title{order:2;font:var(--font-family-terciary);color:var(--color-text-third)}.titleSecond{font:var(--font-family-terciarys);color:var(--color-text);order:-1}.description{font:var(--font-family-terciary);color:var(--color-text)}@media screen and (max-width: 900px){.Experience{height:auto}}.styleProjects{display:grid;grid-template-columns:1fr;grid-gap:2rem;width:100%;height:auto}.cardStyle{background-color:var(--backgroud-principal-hover);border-radius:var(--border-radius-global);padding:1rem}.cardStyle h2{margin:1rem 0;font:var(--font-family-secondary)}.cardStyle ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);width:50%;grid-gap:.5rem;text-align:center}.cardStyle ul li{border:1px solid var(--color-text-second);border-radius:var(--border-radius-global)}.cardStyle ul li:hover{background-color:var(--color-backgroud);cursor:pointer;color:var(--color-text-second)}.cardStyle ul li a{text-decoration:none;font:var(--font-family-secondarys)}.cardProjects{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem}.projectCard{background-color:var(--backgroud-principal-hover);border-radius:var(--border-radius-global);padding:1rem;height:545px}.cardChild{border-radius:var(--border-radius-global);min-height:217px;max-height:230px;overflow:hidden}.cardText{display:flex;flex-direction:column;height:var(--cal-height-Projects)}#titleCard{font:var(--font-family-var);color:var(--color-text-third);order:0;margin:0;height:40px}.tagsCard{order:-1;font:var(--font-family-terciary);color:var(--color-heading);height:20px}.otherElementCard{display:flex;flex-direction:column;height:calc(var(--cal-height-Projects) - 90px);overflow:hidden}.otherElementDes{font:var(--font-family-terciary);color:var(--color-text);height:50%}.contenBtn{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;height:30%;justify-items:center;align-items:center}.contenBtn button{width:135px;height:46px;border-radius:var(--border-radius-global);border:none;background-color:var(--color-backgroud);font:var(--font-family-secondary)}.contenBtn button a{text-decoration:none;color:var(--color-text-second)}.Pagination{display:flex;justify-content:flex-end}.Pagination button{width:36px;height:36px;border-radius:var(--border-radius-global);border:1px solid var(--color-text-second);font:var(--font-family-secondary);margin-left:1rem}.Pagination button:hover{background-color:var(--color-backgroud);cursor:pointer;color:var(--color-text-second)}.footerTitle{text-align:center;font:var(--font-family-terciarys);color:var(--color-text)}@media screen and (max-width: 1122px){.cardProjects{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width: 900px){.contenBtn button{width:100px}.cardProjects{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cardStyle ul{width:100%}}