*{
margin:0;
padding:0;
box-sizing:border-box;
font-family:Arial;
}

body{
background:#f4f4f4;
}

/* Navbar */

.navbar{
display:flex;
justify-content:space-between;
align-items:center;
/* padding:20px 10%; */
background:#111;
color:white;
}

.logo-navbar {
background-image:url("../images/logo_academie.jpeg"); 
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  width: 120px;
  height: 80px;
}

.nav-links{
display:flex;
list-style:none;
max-width:100%;
margin:auto;
  text-decoration: none;
  color: #444;
  font-weight: 500;
  margin: 0;
  transition: color 0.3s ease;
  vertical-align: middle;
}

.nav-links li{
margin-left:0px;
vertical-align: middle;
}

/* .nav-links a{
color:white;
text-decoration:none;
justify-content:center;
background-position: center;
} */
 .nav-links a {
  position: relative;
  text-decoration: none;
  color: #ddd;
  padding: 8px 14px;
  font-size: 1rem;
  transition: color 0.3s ease;
}

/* underline animation */
.nav-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 2px;
  background: #4da3ff;
  transition: width 0.3s ease;
}

.nav-links a:hover {
  color: white;
}

.nav-links a:hover::after {
  width: 100%;
}
.nav-link {
  text-decoration: none;
  color: #444;
  font-weight: 500;
  margin: 0 15px;
  transition: color 0.3s ease;
}

.nav-link:hover {
  color: #0077ff;
}

.nav-link:hover::after {
  width: 100%;
}

/* Hero */

/* .hero-image{
height:80vh;
background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url("academiarc_1.jpeg");
background-size: contain;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
background:linear-gradient(135deg,#00adb5,#393e46);
color:white;
} */
.hero-image{
margin: 0;
/* min-height:750px; */
min-height: 25%;
/* min-width:100%; */
/* max-width: 100%; */
min-width:100%;
/* height: auto; */
/* object-fit: contain; */
background-image:url("../images/academiarc_1.jpeg");
background-repeat: no-repeat;
background-position: center;
background-size:contain;
/* background-position:center; */
background-repeat:no-repeat;
object-fit: contain;
display:flex;
justify-content:center;
align-items:center;
color:white;
}

.div1{
    width:100%;
    /* height: auto; */
}
/* Projects */

.projects-container{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(250px,1fr));
gap:20px;
padding:20px;
}

.project-card1{
height:40vh;
background-image:url("../images/cursa_2.gif");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding:20px;
    border-radius:10px;
}
.project-card2{
    height:40vh;
    background-image:url("../images/1_28_2.gif");
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat;
    padding:20px;
    border-radius:10px;
}

.footer{
background:#111;
color:white;
text-align:center;
padding:40px 20px;
bottom:0;
}

.social-icons{
margin:20px 0;
}

.social-icons a{
color:white;
font-size:28px;
margin:0 15px;
transition:0.3s;
}

.social-icons a:hover{
color:#00adb5;
transform:scale(1.2);
}
html, body {
height: 100%;
margin: 0 auto
}

body {
display: flex;
flex-direction: column;
min-height: 100vh;
width: 100%;
color:white;
background-image: linear-gradient(to bottom, rgb(6, 15, 32), rgb(6, 15, 32));
}



main {
flex: 1;
max-width:100%
}