@font-face{
	font-family: "Calculator";
	src: url('Calculator.ttf');
}

.boutonS{

	font-family: "Calculator";

	width:55%;
	background-color:white;
	height:50%;

	

}

.boutonSuppr{
	font-family: "Calculator";

	width:102%;

	height:10%;

	background-color:#3c3c3c;

	color: #cfcfcf;

	font-size:200%;

}

html{

	background-image: url("https://www.itl.cat/pngfile/big/290-2901641_minimalist-desktop-backgrounds.jpg");
	background-repeat: no-repeat;
	background-size: 100%;

}

 

body {

	width:98%;

	height:50px;

	background-color: #cfcfcf;

	border:5px solid #3c3c3c;

	color: #3c3c3c;


}

ul{
	border:5px solid #3c3c3c;
	background-color: #cfcfcf;
	margin-right:  10px;
}

footer{

	width:99%;

	height: auto;

	background-color: #cfcfcf;

	border:5px solid #3c3c3c;

	margin-top: 85px;

	color: #3c3c3c;

	vertical-align: center;

	position:  fixed;


	

}


table {

    width:400px;

	height:auto;

	background-color: #cfcfcf;

	border:5px solid #3c3c3c;

	padding: 10px 13px 10px 10px ;

	

}



.resultatP{

	font-family: "Calculator";

	font-size: 27px;

	width: 100%;

	height: 30px;

	text-align:right;

	border: 3px solid #3c3c3c;

}

.bouton{

	font-family: "Calculator";

	width:20%;

	height:20%;

	

}


.boutonP{

		font-family: "Calculator";

        width:92%;

        height:90%;

        font-size:25px;

}



.resultat{

	font-family: "Calculator";

	text-align: center;

}





h1{

	text-align: center;

	margin-top: 5px;

}

.Bug{
	margin-top: -0.5%;
	text-align: center;
}

.copyright{
	text-align: center;
	margin-top: 0.7%;
}



article{

	width:400px;

	height:550px;

	background-color: #cfcfcf;

	border:5px solid #3c3c3c;

	padding: 10px 17px 10px 10px ;

}

div{

	display: grid;

	width: 100%;

	margin-left:5px;

	grid-template-columns: 25% 40% 35%;

	align-items: start;

	justify-content: space-between;

	margin-top: 50px;


}

div : first-child {

    align-self: left;

}

.histo{
	font-family: "Calculator";

	font-size: 200%;

	width:100%;

    height:14%;

}