/*  
    #a4c2d1; egg blue
    #dbdcde; light grey
    #1f7798; mid-blue
    #184f63; dark-blue
*/

/* global styles */

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Poppins&display=swap');

body {
  font-family: 'Poppins', sans-serif;
  background-color: #a4c2d1;
}

h1,
h2 {
    color: #184f63;
}

/* About section */

#about {
  background-color: white;
}

/* portfolio */
#portfolio {
  background-color: #dbdcde;
}

#portfolio .card-title {
    color: #1f7798;
    font-size: 1.2rem;
}

#portfolio .btn-outline-secondary:hover {
    background-color: #1f7798;
}

#portfolio .card-text {
    min-height: 120px;
}

/* contact */
#contact {
  background-color: white;
}

/* hero */

#hero {
    background-color: lightgray;
    background-image: url(../images/background.webp);
    background-size: cover;
    background-position: 50% 70%;
    min-height: 500px;
    padding: 5% 7% ;
}
/* media query */
/* bootstrap breakpoint for xl screens */
@media screen and (min-width: 1200px) {
    #portfolio .card-text {
        min-height: auto;
    }
}