html {
   height: 960px;
   background-color: #C6B48D;
   background-image: url(https://cowgrls.neocities.org/art/digital/BjqpaWK.png);
	background-repeat: no-repeat;
	background-position: center;
	overflow-y: hidden;
	overflow-x: hidden;
	scrollbar-color: transparent transparent;
	z-index: 0;
}

body {

}

.container::-webkit-scrollbar {
	background: transparent transparent;
	right: -100px;
}


.title {
	font-family: 'Della Respira', serif;
	font-size: 20px;
	top: 3px;
	margin-bottom: -50px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	color: #a3a077;
	position: relative;
}

.links {
 	font-family: 'Della Respira', serif;
	font-size: 15px;
	bottom: 7px;
	right: 25px;
	margin-right: auto;
	margin-left: auto;
	color: #997940;
	position: fixed;
	z-index: 99;
}

a {
	color: #825e1b;
	text-decoration: unset;
}

.container {
	height: 2000px;
	width: 1000px;
	margin: auto;
	margin-top: 50px;
	margin-left: 290px;
	background-color: transparent;
	border-color: grey;
	border: thick;
	overflow-x: hidden;
	overflow-y: auto;
	transform: rotate(-90deg) translateY(-1400px);
  	transform-origin: right top;
  	scrollbar-color: transparent transparent;
  	display: flex;
  	flex-direction: column;
  	justify-content:space-between;
  	align-items: stretch;
  	z-index: 50;
}

.installation {
	height: 800px;
	width: 1200px;
	margin-top: 100px;
	margin-left: -300px;
	transform: rotate(90deg) translatex(1200px);
  	transform-origin: right top;
  	display: flex;
  	padding: 10px;
  	padding-bottom: 100px;
  	flex-direction: row;
  	justify-content: center;
  	background-color: transparent;
	text-align: center;
	z-index: 1;
}

.artwork {
	max-height: 700px;
	max-width: 1050px;
  	padding: 10px;
  	background-color: transparent;
	text-align: center;
	z-index: 1;
}

.backpad {
	width: 10px;
	height: 50px;
	background-color: transparent;
	margin-top: 10px;
	margin-bottom: 10px;
	transform: rotate(90deg) translatex(1000px);
  	transform-origin: right top;
  	padding: 10px;
  	z-index: 1;
}

.plaque {
	background-image: url(https://cowgrls.neocities.org/art/digital/N5vuip5.png);
	background-size: cover;
	background-repeat: no-repeat;
	width: 160px;
	height: 75px;
	margin-left: 50px;
	margin-top: 600px;
	margin-bottom: 10px;
	padding: 10px;
  	font-size: 10px;
  	font-family: 'Lusitana', serif;
  	z-index: 1;
}

.plaque p {
	padding-top: 20px;
	margin-left: 40px;
	text-align: right;
	width: 120px;
	margin-top: 0px;
z-index: 1;
}
 .plaque b {
 	padding-top: 15px;
 	margin-left: -50px;
 	text-align: left left;
 	font-size: 14px;
 	z-index: 1;
 }

#frame1 {
    border: dashed;
    border-image-source: url("https://cowgrls.neocities.org/images/frames/frame1.png");
    border-image-slice: 29%;
    border-image-repeat: repeat;
    border-image-width: 30px;
    border-image-outset: 25px;
    
    box-shadow: 0px 6px 25px 23px black;
}

#frame2 {
    border: dashed;
    border-image-source: url("https://cowgrls.neocities.org/images/frames/frame2.png");
    border-image-slice: 46%;
    border-image-repeat: repeat;
    border-image-width: 70px;
    border-image-outset: 48px;
    
    box-shadow: 0px 13px 25px 30px black;
}

#frame3 {
    border: dashed;
    border-image-source: url("https://cowgrls.neocities.org/images/frames/frame3.png");
    border-image-slice: 42%;
    border-image-repeat: repeat;
    border-image-width: 52px;
    border-image-outset: 39px;
    
    box-shadow: 0px 10px 25px 32px black;
}

#frame4 {
    border: dashed;
    border-image-source: url("https://cowgrls.neocities.org/images/frames/frame4.png");
    border-image-slice: 42%;
    border-image-repeat: repeat;
    border-image-width: 25px;
    border-image-outset: 15px;
    
    box-shadow: 0px 13px 25px 7px black;
}

#frame5 {
    border: dashed;
    border-image-source: url("https://cowgrls.neocities.org/images/frames/frame5.png");
    border-image-slice: 31%;
    border-image-repeat: repeat;
    border-image-width: 35px;
    border-image-outset: 32px;
    
    box-shadow: 0px 10px 25px 25px black;
}