@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700&display=swap");

*{
    font-family: 'Poppins', sans-serif;
}

body > div {
	border: 1px solid;
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	display:block;
	width:60%;
}

/* Distinguishes title of list from its elements */
.header {
	font-size: 30px;
	font-variant: small-caps;
	font-weight: 900;
}
/* Added in order to accomodate for making the app more usable in smaller viewports */
input{
	width: 10vw;
}
/* Made buttons larger in order to account for larger pointer sizes */
button{
	padding: 1vw 1vh;
}
/* Splits up elements in list and makes them more distinguishable */
[property="item"] {
	border: 1px solid;
}

[property="frequentlyBought"] {
	border: 1px solid;
}

[property="alreadyBought"] {
	border: 1px solid;
}