/* Large Desktop */@media screen and (max-width:1020px){}
/* tablet */@media screen and (max-width:780px){}
/* mobile */@media screen and (max-width:480px){}

html, 
{max-height:100vh;
max-width:100vh;
}

form
{display: inline-block;}

p
{font-family: 'helvetica';
font-size: 15px;
line-height: 20px;
font-weight: 300;
text-align: left;}

body
{font-family:'courier new';
max-width:99vw;
max-height:auto;
padding-top:30px;}

.page-padding
{padding-top:100px;}
.extra
{margin-right: 20vw;
	margin-left: 20vw;}

/*Links*/
a
{color:black;
text-decoration:none;}

a:hover
{color:#fe9b60;}


button
{
text-transform: uppercase;
font-family: courier new; 
box-shadow: none; 
outline:none;
border:black 1px solid;
color:black;
margin-bottom: 5px;	
background-color: white;
font-size: 13px;
font-weight: 100;	
letter-spacing: 2.5px;
padding:3px;
}

button:hover
{background:#fe9b60;}


hr
{border-bottom: 1px dashed black;
border-top:none;}

.static-menu
{
text-transform: uppercase;
letter-spacing: 1px;
font-family:'courier new';   
display:inline-block;    
font-size:19px;
word-break:keep-all;
text-align: center;
position: fixed;
width:100%;  
top:0;    
left: 49.5%;
transform: translate(-50%, 0);
z-index: 1;
background-color:white;
border-bottom: 1px black dashed;	
	
}


.u
{text-decoration: underline;}

/*Scrollbar*/
mark
{background-color:white;}
::-webkit-scrollbar
{width: 1px;}
::-webkit-scrollbar-track
{background: white;}
::-webkit-scrollbar-thumb 
{background:white;}
::-webkit-scrollbar-thumb:hover
{background:white;}



.bio-image
{width:50%;
border:1px black dashed;}
.bio-text
{width:50%;}

/* tablet */@media screen and (max-width:780px)
{.bio-image
{width:70%;}
.bio-text
{width:70%;}}
/* mobile */@media screen and (max-width:480px)
{.bio-image
{width:90%;}
.bio-text
{width:90%;}}	


.shoptitle
{text-transform: uppercase;
font-size: 13px;
font-weight: 100;
letter-spacing: 1px;	
}	


.indexprice
{
text-transform: uppercase;
font-family: courier new; 
box-shadow: none; 
outline:none;
border:black 1px solid;
color:black;
margin-bottom: 5px;	
background-color: white;
font-size: 13px;
font-weight: 100;	
letter-spacing: 2.5px;
padding:3px;
}

.shop-container
{display: inline-block;
line-height: 20px;
margin:5vw;
margin-top:0;	
margin-left: 0;	
margin-top: 0;
padding:25px;	
}

.shop-container a
{text-decoration: underline;}

.shop-container img
{max-height:30vh;
max-width:35vh;
margin-bottom: 8px;	
}
/* mobile */@media screen and (max-width:480px)
{.shop-container img
{max-height:40vh;
max-width:70vw;
margin-bottom: 8px;	
}}

.shop-container img:hover
{
  /* Start the shake animation and make the animation last for 0.5 seconds */
  animation: shake 1s;

  /* When the animation is finished, start again */
  animation-iteration-count: infinite;
}

@keyframes shake {
  0% { transform: translate(1px, 1px) rotate(0deg); }
  10% { transform: translate(-1px, -2px) rotate(-1deg); }
  20% { transform: translate(-3px, 0px) rotate(1deg); }
  30% { transform: translate(3px, 2px) rotate(0deg); }
  40% { transform: translate(1px, -1px) rotate(1deg); }
  50% { transform: translate(-1px, 2px) rotate(-1deg); }
  60% { transform: translate(-3px, 1px) rotate(0deg); }
  70% { transform: translate(3px, 1px) rotate(-1deg); }
  80% { transform: translate(-1px, -1px) rotate(1deg); }
  90% { transform: translate(1px, 2px) rotate(0deg); }
  100% { transform: translate(1px, -2px) rotate(-1deg); }
}

.shop-container button
{margin:10px;
}

.shop-button
{
margin-bottom: 10px;
width:100%;	 
}








video
{max-width: 90%;
max-height:60vh;
object-fit: contain;}




.product-full
{width:65%;
max-height:70vh;
object-fit: contain;}



.product-name
{
font-family: 'courier new';
text-transform: uppercase;
font-size: 14px;
font-weight: 100;	
letter-spacing: 2px;
	
padding:4px;
padding-right: 7px;
	padding-left: 7px;
display: block;
margin-bottom: 10px;	
}

.product-price
{

font-family: "courier new";
font-size: 14px;
font-weight: 300;
	border: .5px solid black;	
padding:4px;
display: inline-block;
}

.product-description
{
display: block;	
font-family: 'courier new';
font-size: 13.5px;
font-weight: 300;
letter-spacing: 1.5px;	
line-height: 1.5;	
padding:10px;	
	width:60vw;
vertical-align: middle;
	margin-bottom: 10px;
}

/* mobile */@media screen and (max-width:480px){
.product-description
{width:91%;

}	
}

.buy-now
{
background: black;
color:white;	
font-family: 'courier new';
font-size: 13px;
font-weight: 300;	
border: .5px solid black;	
padding:4px;
padding-left:10px;	
padding-right:10px;	
margin-bottom: 10px;
}

.buy-now:hover
{color:black;}

.view-cart
{
background: white; 
font-family: 'courier new';
font-size: 13px;
font-weight: 300;	
border: .5px solid black;	
padding:4px;
padding-left:10px;	
padding-right:10px;	
margin-bottom: 10px;
}

.alt-button
{background-color: white;
font-size: 12px;
padding-left: 5px;
padding-right:5px;}

.lg
{font-size: 13px;}





.logo
{height:50px;
width:100%;
object-fit: contain;	
	
}


/* mobile */@media screen and (max-width:480px)
{.logo
	{height:40px;}}
/* mobile */@media screen and (max-width:300px)
{.logo
	{height:30px;}}


/* (Start of) Click-Open Menu */
.content 
{
padding: 0 18px;
background-color: white;
border:none;	
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.collapsible 
{
cursor: pointer;
padding-top: 13px;
border: none;
text-align: left;
outline: none;
font-size: 15px;
}
.active, .collapsible:hover 
{
background-color: white;
}
.content 
{
display: none;
overflow: hidden;
}
/* (End of) Click-Open Menu */


.sold
{font-size: 12px;
	background-color: lightpink;
padding:3px;
border:1px solid black;}






.links-logo
{width:100px;}
.links-heading
{font-weight: bold;
padding:20px;}
.links-button
{width:680px;
padding:20px;
border:1px black dashed;
margin:15px;
text-transform: uppercase;
background-color: white;	
}
/* tablet */@media screen and (max-width:800px){.links-button
{width:80%;	
}}
.links-bg
{background-color: #ffd7c0;}


pink
{color:pink;}

pink a
{color:pink;
text-decoration: underline;}

sold
{background-color:pink;
color:black;}


.artscene-width
{width:400px;}

/* tablet */@media screen and (max-width:800px){.artscene-width
	{width:80%;}}

.artscene-space
{padding-left:15px;
padding-right:15px;}



.payment-options
{width:90%;
	border:1px black dotted;}


.dots
{border:1px black dashed;}



.buy-description
{
display: block;	
font-family: 'courier new';
font-size: 13.5px;
font-weight: 300;
letter-spacing: 1.5px;	
line-height: 1.5;		
	width:60vw;
vertical-align: middle;
}


.large-404
{font-size: 17px;}

.footer-links
{border:1px black solid;
	background-color: rgba(255, 218, 185, 0.47);
	width:200px;
	margin-bottom:50px;
	}