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

}

body {
    background-color: #8FA3E4;
    background-image: url("../img/image_1.png");
    
}
img{
    width: 100%;
}

header {
    background-color: #8F90E4;
    background-image: url("../img/image_1.png");
    padding: 2px;
    margin-bottom: 10px;
    text-align: center;
    font-family: "Whisper", cursive;
    font-weight: 400;
    font-style: normal;
    font-size: 30px; 
}    

footer {
    text-align: center;
    font-size: 20px;
}

h2{
    text-align: center;
}

header h1 {
    margin-bottom: 25px;

}

header nav {         
    display: inline-block;
    margin-right: 20px;
    padding: 5px;
    background-color: rgb(117, 184, 242);
    border-radius: 10px;
}

nav a {
    letter-spacing: 1px;
    color: black;
    text-decoration: none;
}

nav a:hover {
    color: white;
    bottom: 2px;
    position: relative;
}


#work {
    display: grid;
    margin-top: 15px;
    grid-gap: 10px;
    padding: 20px;
}


figcaption {
    width: 100%;    
    text-align: center;
    font-size: 15px;
    color: black;
}

#work img{
    align-items: center;
}

@media screen and (min-width: 400px) {
    #work{
        grid-template-columns: 1fr 1fr;
    }
    
}

@media screen and (min-width: 800px) {
    #work{
        grid-template-columns: repeat(3, 1fr);
        max-width: 1200px;
        margin: 0 auto;
    }
    
}

/* I also have issues with giving in work by the deadline. This is due to my lack of estimating how long something might take and not giving myself enough time to work on said thing. On the other hand, when we started talking about how to divide the work among the team, I made sure I had an idea to work on and the night of and was able to enter a flow state to get it done. */