h2{
    text-align: center;
}
h1{
    text-align: center;
}
article p{
    text-align: center;
    padding-left: 3%;
    padding-right: 3%;
}
.container{
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	}
	.card{
    width: 100vw;
	margin-left: 1%;
	margin-right: 2%;
	width: 60em;
	margin: 25px;
	padding: 10px;
	display: flex;
	align-items: center;
	flex-direction: column;
	}
	.card-title{
	text-align: center;
	font-size: 20px;
	font-weight: bold;
	}

	.card img{
		width: 25%;
	}
	#mobile{
		background-color:  #58b595;
	}
	#API{
		background-color: #7a58b5;
	}
    #Appli{
        background-color: #5887b5;
    }
    #dev{
        background-color: #bebebe;
    }
    .card a{
        text-decoration: none;
        text-align: center;
        background: #d3811a;
        color: white;
        padding: 10px;
    }
    .card a:hover{
        background-color: #cb8e41;
    }
    div.scroll-container {
        overflow: auto;
        white-space: nowrap;
        margin: 10px;
        margin-bottom: 2em;
        -webkit-overflow-scrolling: touch;
        width: 100vw;
      }
      
      div.scroll-container img {
        padding: 10px;
        height: 150px;
      }
      .contact {
        background: #d3811a;;
        color: white;
        padding: 10px;
        text-decoration: none;
    }
    .contact:hover{
        background-color: #cb8e41;
    }
    .pres{
        width: max-content;
        margin-left: 1%;
        margin-right: 2%;
        width: 60em;
        margin: 25px;
        padding: 10px;
        display: flex;
        align-items: center;
        flex-direction: column;
        }