html {
    height: 100%;
}


body {
    background-color: #2F3035;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


.container {
    margin-left: auto;
    margin-right: auto;
    width: 1024px;
}

header {
    height: 118px;
    text-align: center;
}

nav {
    background-color: rgba(0, 0, 0, 0.338); 
    text-align: center;
    padding-top: 14px;
    padding-bottom: 14px;
}

main {
    height: 400px;
    text-align: center;
    padding-top: 80px;
    padding-left: 240px;
    padding-right: 240px;
}

.cards {
    display: flex;
    justify-content: space-between;
    text-align: center;
    }
 
    .card1 {
     background-image: url(images/portfimg_one.jpg);
     background-size: cover;
     background-position: bottom;
     min-height: 250px;
     width: 30%;
    }
 
    .card2 {
     background-image: url(images/portfimg_two.jpg);
     background-size: cover;
     background-position: bottom;
     min-height: 250px;
     width: 30%;
    }
 
    .card3 {
     background-image: url(images/portfimg_three.jpg);
     background-size: cover;
     background-position: bottom;
     min-height: 250px;
     width: 30%;
    }
 
    .card1, .card2, .card3 {
     padding: 30px 30px 20px 30px;
     box-sizing: border-box;
    }

    .card4 {
        background-image: url(images/dilogo.jpg);
        background-size: cover;
        background-position: bottom;
        min-height: 250px;
        width: 30%;
       }
    
       .card5 {
        background-image: url(images/codeimg.jpg);
        background-size: cover;
        background-position: bottom;
        min-height: 250px;
        width: 30%;
       }
    
       .card6 {
        background-image: url(images/camera.jpg);
        background-size: cover;
        background-position: bottom;
        min-height: 250px;
        width: 30%;
       }
    
       .card4, .card5, .card6 {
        padding: 30px 30px 20px 30px;
        box-sizing: border-box;
       }

       .card7 {
        background-image: url(images/cclogo.jpg);
        background-size: cover;
        background-position: bottom;
        min-height: 250px;
        width: 30%;
       }
    
       .card8 {
        background-image: url(images/justinhawkinscr.jpg);
        background-size: cover;
        background-position: top;
        min-height: 250px;
        width: 30%;
       }
    
       .card9 {
        background-image: url(images/dips.jpg);
        background-size: cover;
        background-position: bottom;
        min-height: 250px;
        width: 30%;
       }
    
       .card7, .card8, .card9 {
        padding: 30px 30px 20px 30px;
        box-sizing: border-box;
       }

footer {
    background-color: rgba(0, 0, 0, 0.728);
    padding-top: 50px;
    padding-bottom: 50px;
}

h1 {
    font-size: 84px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}

h2 {
    font-size: 24px;
    color: orchid;
    font-family: Arial, Helvetica, sans-serif;
}

h3 {
    font-size: 64px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}

p {
    font-size: 18px;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}

a {
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    /* text-decoration: none; */
}

nav a {
    text-decoration: none;
    font-size: 12px;
    padding-left: 10px;
    padding-right: 10px;
}

footer p {
    font-size: 10px;
    text-align: center;
    color: rgb(198, 198, 198);
}