.cardMe{background-color:var(--background);border-radius:20px;flex-direction:column;align-items:center;width:100%;max-width:none;margin:0 auto;padding:.5rem;animation:6s ease-in-out infinite float;display:flex;box-shadow:0 14px 28px #00000040,0 10px 10px #00000038}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}}.cardMe .imageWrapper{aspect-ratio:16/9;border-radius:10px 10px 0 0;justify-content:center;align-items:center;width:100%;display:flex;overflow:hidden}.cardMe img{object-fit:cover;object-position:center top;background:radial-gradient(circle,#111,var(--background));filter:brightness(.8);border-radius:12px;flex-shrink:0;width:auto;height:100%;transition:transform .4s}.cardMe .cardMeContent{text-align:center;font-size:2.1rem}.cardMe .cardMeContent h3,.cardMe .cardMeContent h4{margin:.5rem 0}.cardMe .cardMeContent h4{font-weight:400}.cardMe .cardMeContent .iconsCardMe{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.cardMe .cardMeContent .iconsCardMe svg{transition:transform .3s}.cardMe .cardMeContent .iconsCardMe svg:hover{transform:scale(1.2)rotate(10deg)}.cardMe .cardMeContent .iconsCardMe .react:hover{color:#61dbfb}.cardMe .cardMeContent .iconsCardMe .javascript:hover{color:#f7df1e}.cardMe .cardMeContent .iconsCardMe .node:hover{color:#3c873a}.cardMe .cardMeContent .iconsCardMe .nest:hover{color:#e0234e}.cardMe .cardMeContent .iconsCardMe .github:hover{color:#ddd}.cardMe .cardMeContent>div:last-child{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.cardMe .cardMeContent>div:last-child div{text-align:center}.cardMe .cardMeContent>div:last-child div p:first-child{color:var(--importantBg);font-size:1.2rem;font-weight:700}.cardMe .cardMeContent>div:last-child div p:last-child{font-size:.9rem}
.articlePreferredTechno{text-align:center;flex-direction:column;gap:3rem;padding:.5rem;display:flex}.articlePreferredTechno .iconsPreferTech{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));justify-items:center;gap:1.5rem;display:grid}.articlePreferredTechno .iconsPreferTech .iconPreferTech{background:linear-gradient(145deg,var(--background),var(--importantBg));cursor:default;border-radius:12px;flex-direction:column;align-items:center;gap:.5rem;min-width:115px;padding:1rem;transition:transform .3s,box-shadow .3s;display:flex}.articlePreferredTechno .iconsPreferTech .iconPreferTech:hover{transform:translateY(-5px);box-shadow:0 8px 20px #00000040}.articlePreferredTechno .iconsPreferTech .iconPreferTech svg{transition:color .3s}.articlePreferredTechno .iconsPreferTech .iconPreferTech svg.react{color:#61dbfb}.articlePreferredTechno .iconsPreferTech .iconPreferTech svg.javascript{color:#f7df1e}.articlePreferredTechno .iconsPreferTech .iconPreferTech svg.node{color:#3c873a}.articlePreferredTechno .iconsPreferTech .iconPreferTech svg.mongodb{color:#47a248}.articlePreferredTechno .iconsPreferTech .iconPreferTech svg.git{color:#f05032}.articlePreferredTechno .iconsPreferTech .iconPreferTech svg.restapi{color:#1e90ff}.articlePreferredTechno .iconsPreferTech .iconPreferTech p{color:var(--title)}.articlePreferredTechno button{align-self:center}
.articleRecentProjects{text-align:center;flex-direction:column;align-items:center;gap:3rem;padding:.5rem;display:flex}.articleRecentProjects .listRecentProjects{grid-column-gap:2rem;grid-row-gap:3rem;grid-template-rows:1fr;grid-template-columns:repeat(3,1fr);display:grid}@media (max-width:767px){.articleRecentProjects .listRecentProjects{flex-direction:column;display:flex}}