/* This is a CSS override! It overrides default values for ALL elements. */
/* I highly recommend keeping this override in your code. */
* {
	box-sizing: border-box;
	padding: 0;
	margin: 0 auto;
	outline: 0px solid #ff0000;
	position:relative;
	
}

nav{
	font-family: serif;
	font-size: 20px;
	border: 10px ridge rgba(105, 128, 220, 0.642) ;
}

body {
	background: url("assets/y2k.jpg");
	background-color: rgb(5, 7, 119);
	font-family: sans-serif;
	cursor: url(assets/star-5pt-outline.png) 35 35, auto;
	image-rendering: pixelated;
}

#disco{
	position: absolute;
	top: 98px;
	rotate: -25deg;
	height: 300px;
	left: 170px;
}
#stars{
	position: absolute;
	top: 20px;
	height: 500px;
	left: 280px;
	rotate:320deg ;
	opacity: 95%;
}

#computer {
	top: 30px;
	height: 600px;
	left: 80px;
	outline: 10px ridge rgba(105, 128, 220, 0.642);
}

#y2k {
	position: absolute;
	top: 200px;
	height: 90px;
	left: 200px;
}

#heart {
	position: absolute;
	height: 260px;
	top: 290px;
	left: 450px;
	rotate: 20deg;
	opacity: 90%;
}

:root {
	interpolate-size: allow-keywords;
  }

  section {
	height: 8rem;
	overflow: hidden;
	transition: height ease 1s;
	font-family:sans-serif;
	color: rgb(2, 12, 93);
  }
  li {
	margin: 20px;
	list-style-type: "\1F929" ;
  }
  
  section:hover,
  section:focus {
	height: max-content;
  }

  button {
	background-color: rgb(255, 255, 255);
	border: ridge 10px;
	padding: 25px;
	font-family: serif;
	font-weight: bolder;
	font-style: italic;
	font-size-adjust: inherit;
	outline: 10px ridge rgba(105, 128, 220, 0.642);
	cursor: url(assets/star-blue.png) 30 30, pointer;
	
  }
  button:hover{
	transition-duration: 1s;
	border: ridge 10px rgb(6, 29, 114);
  }

h1 {
	margin: 20px;
	font-family:cursive;
	color: rgb(253, 12, 241);
	background-color: antiquewhite;
	padding: 0.5%;
	outline: 10px ridge rgba(105, 128, 220, 0.642);
	max-width: 750px;
	align-items: center;
	left: 20px;
}
h2 {
	font-size: 20px;
	margin: 20px;
}

div {
	column-count: 3;
	column-gap: 0px;
	column-width: 100%;
	left: 20px;

}

.album:hover {
	width: 320px;
	height: 320px;
	border:  ridge 10px rgb(27, 13, 174);
	cursor: url(assets/star-blue.png) 30 30, pointer;
}

figcaption {
	font-family: cursive;
	text-align: center;
	color: rgb(255, 0, 225);
	font-weight: bolder;
}

em {
	color: rgb(135, 144, 230);
	padding: 0.5%;
	text-align: center;

}

b{
	font-weight: bolder;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(25, 76, 243);
}