@import url('https://fonts.googleapis.com/css2?family=Fuzzy+Bubbles&display=swap');

* {
    font-family: 'Fuzzy Bubbles', cursive;
}

.container {
    max-width: 1080px;
    margin: auto;
}



h2.project-section {
    padding: 10px 0px;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
}

.project {
    width: 400px;
    height: 200px;
    border: 1px solid;
    position: relative;
}

.nameproject {
    font-size: 24px;
    background-color: #000;
    color: #fff;

}

.project-url {
    position: absolute;
    right: -1px;
    bottom: -21px;
    background-color: #000;
    color: #fff;
}

.goto-project {
    position: absolute;
    left: -1px;
    bottom: -21px;
    background-color: #000;
    color: #fff;
}

a {
    color: #fff;
    text-decoration: none;
}

/* background */

.slider {
    background-image: url(https://nuwe.quexulo.cat/slider/img/slider-phone.png);
    background-size: cover;
    background-position: center;
}

.pokeapi {
    background-image: url(https://raw.githubusercontent.com/PokeAPI/sprites/master/sprites/pokemon/other/official-artwork/16.png);
    background-size: cover;
    background-position: top;
}

.upload{
    background-image: url(https://challenges-asset-files.s3.us-east-2.amazonaws.com/Events/Hackathon+Inclusive+Coding/Drop+Zone.png);

}

.profile-card-generator{
    background-image: url(https://nuwe.quexulo.cat/profile-card/images/image.png);
    background-size: cover;
    background-position: center;
}