@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500&display=swap");

:root {
    --bg: #363fff;
    --bg2: #3138c6;
    --title: #293245;
    --secondary-light: rgb(34, 124, 112, 0.2);
    --secondary-light-2: rgb(127, 183, 126, 0.1);
    --white: #fff;
    --black: #393e46;
    --green: #00FF96;
    --blue: #00A2FF;

    --shadow: 0px 2px 8px 0px var(--secondary-light);
}

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

/* dessal Section */
section.content {
    display: flex;
    padding: 300px 10% 50px 10%;
    background: linear-gradient(180deg, #124559, #16184f);
    color: var(--white);
    text-align: center;
    gap: 60px;
    flex-direction: column;
}

section.content .article1 img{
    width: 90%;
}