body{
	/*font-size: large;
	font-weight: 300;*/
}
main{
}
.wrap{
	width: 600px;
	margin: auto;
}
#title{
	font-size: xxx-large;
	font-weight: 300;
}
.info-1{
	font-size: large;
}
li{
	font-size: 120%;
	font-weight: 400;
	padding: 5px 0;
}
.li-1{
	color: #37539A;
}

/*
body, .cutive-mono, #title {
  font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
}*/

#title, .roboto-m {
  font-family: "Roboto Mono", monospace;
  font-optical-sizing: auto;
  font-style: normal;
}
.cutive-mono {
  font-family: "Cutive Mono", monospace;
  font-weight: 400;
  font-style: normal;
}
/* = = = =  */
.courier-prime-regular {
  font-family: "Courier Prime", monospace;
  font-weight: 300;
  font-style: normal;
}

.courier-prime-bold {
  font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: normal;
}

.courier-prime-regular-italic {
  font-family: "Courier Prime", monospace;
  font-weight: 400;
  font-style: italic;
}

.courier-prime-bold-italic {
  font-family: "Courier Prime", monospace;
  font-weight: 700;
  font-style: italic;
}
/* = = = =  */
.pink-bg{
	background-color: hotpink;
}
.pink{
	color: deeppink;
}
#info-main{
	margin: 50px 0 50px 0;
}
/* media queries - - - - - - - - - - - - - - - - - - - - - - - - - -  */
@media only screen and (max-width: 600px){
.wrap{
	width: 100%;
	margin: auto;
	padding: 0 5px;
}