/*  
    #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 {
    font-family: "DM Serif Display", serif;
    color: #184f63;
}

.sharp-corners, .sharp-corners * {
    border-radius: 0;
}

.custom-button {
    background-color: #1f7798;
    border: #1f7798;
}

.custom-button:hover {
    background-color: #1d6d8a;
    border: #1d6d8a;
}

/* Header */
#hero {
    background: url(../images/background.webp);
    background-size: cover;
    background-color: lightgrey;
    min-height: 500px;
    background-position: 50% 70%;
    padding: 5% 7%;
}

/* About section styles */
#about {
    background-color: white;
}

/* Portfolio section styles */
#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 section styles */
#contact {
    background-color: white;
}

/* Media Queries */
@media screen and (min-width: 1200px) {
    #portfolio .card-text {
        min-height: auto;
    }
}