* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}


body {
    color: white;
}


/* HERO SECTION */

.hero {

    min-height: 100vh;

    background:
    linear-gradient(
        rgba(0,80,150,0.75),
        rgba(0,140,200,0.65)
    ),
    url("images/education-bg.jpg");

    background-size: cover;
    background-position: center;

}


/* NAVIGATION */

nav {

    display: flex;
    justify-content: space-between;
    align-items: center;

    padding: 25px 8%;

}


.logo img {

    width: 170px;

}


nav ul {

    display: flex;
    list-style: none;
    gap: 35px;

}


nav ul li a {

    color:white;
    text-decoration:none;
    font-size:17px;

}


nav ul li a:hover {

    color:#bde8ff;

}



/* HERO TEXT */

.hero-content {

    max-width:650px;

    margin-left:8%;
    margin-top:100px;

}


.hero-content h1 {

    font-size:55px;
    line-height:1.1;
    margin-bottom:20px;

}


.hero-content h2 {

    font-size:28px;
    font-weight:400;
    margin-bottom:25px;

}


.hero-content p {

    font-size:18px;
    line-height:1.7;
    margin-bottom:40px;

}



/* BUTTONS */


.buttons {

    display:flex;
    gap:20px;

}


.btn {

    padding:15px 35px;
    border-radius:30px;

    text-decoration:none;
    font-size:17px;
    font-weight:bold;

}


.primary {

    background:#0077c8;
    color:white;

}


.secondary {

    background:white;
    color:#0077c8;

}


.btn:hover {

    transform:translateY(-3px);

}