/* CTRL + "/" lets you write comments in the coressponding language*/

* {
    margin: 0px;
    padding: 0px;
}

/* ".." means "go back one" in the folder pathing. */
body {
    background-image: url("../Site/img/flower-drawing-long.jpg");
    color: brown;
   
}

.nav-bar {
    display: flex;
    justify-content: space-between;
    padding: 20px;
    background-color: #e8eae2b3
}

.links {
    display: flex;
    gap: 10px;
    list-style: none;
    align-items: center
}
nav {
    display: flex;
    align-items: flex-end;
}
.link {
    text-decoration: none;
    color: brown;
}

/*combining the color+opacity makes for a darker sort of effect*/
.welcome-section {
    background-color: #e8eae2b3;
    margin-top: 30px;
    margin-left:10%;
    margin-right: 10%;
    padding: 30px
}
h3 {
    text-align: center;
}
.welcome-box {
    display: flex;
    gap: 50px;
    border:2px solid brown;
    align-items: center;
    padding: 60px;
}

/* flex-wrap : wrap * add to images/