@font-face{
	font-family: roboto-regular;
	src: url(../fonts/Roboto-Regular.ttf);
}

@font-face{
	font-family: roboto-italic;
	src: url(../fonts/Roboto-Italic.ttf);
}

.roboto-font {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 100;
  font-style: normal;
  font-variation-settings:
    "wdth" 100;
}

p{
	color: purple;
	font-size: 150px;
	font-weight: bold;
}

.change{
	color: green;
	font-family: roboto-regular;
}

p{
	color: orange;
}

body{
	background-image: url('../img/coffee.jpg');
	font-family: 'Times New Roman', arial, helvetica, sans-serif;
}