@font-face { font-family: MochiyPop; src: url(https://files.catbox.moe/u54pww.ttf);	}
	
	::selection {
	color: black;
	background: rgba(190, 225, 160, 0.5);
	}
	
	.mySlides {display: none}
	
	body {
	background-image: url(/img/background-sketchbook.png);
	background-size: cover;
	background-repeat: no-repeat;
	font-family: ms gothic, monospace;
	font-size: 105%;
	color:  #3e3f41 ;
	padding: 15px;
	cursor: url(/img/cursor.webp), auto;
	}
	
	#intro {
	  text-align: center;
	  width: 1323px;
	  background-color: rgba(255, 255, 255, 0.6);
	  padding: 10px;
	  margin-bottom: 20px;
	  border-radius: 5px;
	}
	
	#gallery {
	  text-align: center;
	  width: 1323px;
	  background-color: rgba(255, 255, 255, 0.6);
	  padding: 10px;
	  border-radius: 5px;
	}
	
	.artwork {
	  height: 300px;
	  border-radius: 2px;
	  border: 2px dashed pink;
	  margin-bottom: 10px;
	  cursor: pointer;
	}
	
	.artwork:hover {
	  filter: brightness(102%);
	}

  a {
    color: #E8A0BB;
    text-decoration: none;
  }
  
  a:hover {
    color: #B86C89;
    text-decoration: none;
  }
  
  #container {
    text-align: center;
	  width: 1323px;
	  background-color: rgba(255, 255, 255, 0.6);
	  padding: 10px;
	  margin-bottom: 20px;
	  margin-top: 20px;
	  border-radius: 5px;
    height: 570px;
    overflow-y: auto;
  }
  
  .mySlides img {
    height: 500px;
    vertical-align: middle;
  }

.prev, .next {
  cursor: pointer;
}