/**************************/
/***** INDEX ME HTML ******/
/**************************/
:root {
    --brown: #412411;
    /* This is an example */
    /* Create your own color variables */
    /* At most I recommend using 3 colors 
      that will be used accross your website */
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    /* Choose your font family here
        or you can add it later */
}

body {
    background-color: whitesmoke;
    /* the bg color would be the same as your 
        quote section bg color */
}



/***  LANDING PAGE ***/
header img {
    width: 50px;

}

.landingpage {
    background-image: url("https://wallpapers.com/images/featured/mexico-6g2c0dcx89ayis8l.jpg");
    min-height: 500px;
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;

    position: absolute;
    z-index: -1;
}

/***  NAVIGATION BAR ***/
nav {
    display: flex;
    justify-content: flex-end;
    height: 80px;
    padding: 35px 5%;

}

.navlinks {
    list-style-type: none;
    display: flex;

}

.navlinks li {
    padding: 0 15px;


}

.navlinks a {
    color: var(green);
    font-size: 25px;
    text-decoration: none;
    color: gold;

}

/***  TITLE ***/
header h1 {
    color: gold;
    text-align: center;
    font-size: 60px;

}


/***  QUOTE SECTION ***/
.quotesection {
    background: #0a8a16c5;
    margin-top: 190px;
    padding: 35px 20px;
    text-align: center;
}

q {
    color: gold;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
}



/***  CARDS ***/
.column img {
    height: 220px;
    width: 240px;

}

.row {
    background-color: var whitesmoke;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.column {
    background-color: white;
    width: 290px;
    margin: 50px 0px;
}

.content_wrap {
    color: gold;
    margin: 20px;
}

h2,
p {
    padding-top: 15px;
}

.lastsection {
    background-color: red;
}

/***  LAST SECTION ***/
.last_content {

    margin: 40px 10% 60px
}


/***  FOOTER ***/
footer {
    background-color: white;
    padding: 20px 0px 30px 0px;
    margin-top: 0px;
}






/**************************/
/***** ABOUT ME HTML ******/
/**************************/
/* Use CSS from previous CSS to 
      add and edit here */
.column #profile img {
    width: 290px;
    height: 380px;
}