*{margin:0;padding:0;box-sizing:border-box}body{max-width:1440px;width:100%;margin:0 auto;font-family:Montserrat,sans-serif}h1{font-family:Pacifico,cursive;color:#fff}.header-content{display:flex;justify-content:space-between;padding:20px}@media (min-width: 320px) and (max-width: 768px){.header-content{flex-direction:column;row-gap:20px;align-items:center}}.front{display:flex;row-gap:70px;align-items:center;margin:20px 0}@media (min-width: 320px) and (max-width: 768px){.front{display:flex;flex-direction:column}}#Presentation{width:40%;color:#fff}.navBar{display:flex;column-gap:10px;align-items:center}.navBar a{text-decoration:none;color:#fff}.animation-picture{width:50%;padding:20px;border-radius:20px}.card{border-radius:20px;display:flex;flex-direction:column;background-color:#fff;padding:20px;max-width:400px;height:auto;margin:0 auto}.card-image-wrapper{width:100%;height:150px;overflow:hidden;border-radius:12px}.card-name{width:100%;object-fit:cover;object-position:center}.card-text{display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;gap:20px;font-family:Montserrat,sans-serif}.card-text ul{padding-left:15px;font-family:Montserrat,sans-serif}.card a{background-color:#0e0d5b;border-radius:10px;padding:5px;display:inline-block;text-align:center;width:100%;text-decoration:none;font-weight:700;color:#fff}.card a:hover{background-color:gray}.card h3{width:100%;font-family:Montserrat,sans-serif;text-align:left;padding:10px}.highlight{font-weight:700;color:gray;font-family:Montserrat,sans-serif}.gallery-projects{display:grid;grid-template-columns:repeat(2,minmax(250px,1fr));justify-content:center;gap:100px;max-width:1495px;margin:0 auto;width:100%;padding:20px}@media (min-width: 320px) and (max-width: 768px){.gallery-projects{display:flex;flex-direction:column;background-color:transparent;gap:50px}}.animation-picture2{width:30%;position:relative}.footer{display:flex;align-items:center;justify-content:center;background-color:#eee;margin-top:50px}@media (min-width: 320px) and (max-width: 768px){.footer{display:flex;flex-direction:column;padding:50px 0;margin:10px 0 0}}.footer-text{display:flex;flex-direction:column;gap:20px}.footer h2{text-align:start;margin:0;color:#0e0d5b}.footer .gitHub a{color:#000;text-decoration:none}h2{font-family:Montserrat,sans-serif;text-align:center;margin:50px 0;color:#fff}#root{background-color:#0e0d5b}