@font-face {
    font-family: "sf";
    src: url("sfl.otf") format("opentype");
    font-weight: normal;
    font-style: normal;
}

body {
  font-family: "sf";
  margin: 0;
  padding: none;
  background: #e9e9e96e;
  width: 100dvw;
  user-select: none;          /* no text selection */
  -webkit-user-select: none;  /* Safari */
  -ms-user-select: none;      /* old IE */

}

p {
	margin : 0;
}

button {
	display: none;
}

.info {
	position: absolute;
	left: 1094px;
 	top: 623px;
	width: 668px;
	height: 200px;
	border: 1px black solid;
	border-radius: 5px;
}

p.album,
p.artist {
  width: 200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  font-family: "sf";
}

.album {
	margin-bottom: 8px;
	margin-top: 5px;
	font-size: 18px;
	width: 200px;
}

.artist {
	color: #000000b3;
	font-size: 14px;
	font-family: "sf";
}

#result {
	padding: 71px;
	display: grid;
  	grid-template-columns: repeat(auto-fit, 200px);
  	gap: 10px 35px;
  	justify-content: center;
}

.cover {
	width: 198px;
	height: auto;
	border-radius: 5px;
	border: 1px #d6d6d6 solid;
}