@import url('https://fonts.googleapis.com/css2?family=PT+Sans:ital@1&display=swap');
@import url('https://fonts.googleapis.com/css2?family=PT+Sans+Narrow:wght@700&display=swap');
#quote-box {
 min-height: 300px;
 width: 500px;
 padding: 1rem;
 background: white;	
 border-radius: 20px;
 box-shadow: 5px 10px 8px #9e9e9e;
 color:black;
}
#text {
 font-family: 'PT Sans Narrow', sans-serif;
 min-height: 150px;
 margin-bottom: 1rem;
 padding: 1rem;
 text-align: left;
 font-size: 1.5rem;
 line-height: 1.4;
}
#author {
 text-align: right;
 margin-bottom: 2rem;
 height: 20px;
 padding-right: 2rem;
 font-size: 1.15rem;
}
.button-row {
 display: flex;
 justify-content: space-around;
 line-height: 2;
}
#new-quote {
 font-size: 1rem;
 border: none;
 padding: 10px 20px;
 cursor: pointer;
 border-radius: 12px;
 outline: none;
 background: #CCE8E5;
 color: #516163;
 text-transform: uppercase;
 letter-spacing: 1px;
 box-shadow: 5px 10px 8px #9e9e9e;
}
#new-quote:active {
 box-shadow: 1px 1px 2px gray;
}
@media (max-width: 576px) {
	#quote-box {
		width: 336px;
	}
}