* {
	font-family: 'Montserrat', sans-serif;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}

header {
	height:10vh;
}

#editor {
	height:90vh;
}

#editor #menubar {
	height:10vh;;
}

@media screen and (min-width: 1024px) {
	#middle {
		transform:translate(-50%, -50%);
	}
}

#editor #photoContainer {
	max-height:78vh;
	padding-bottom:2rem;
	box-sizing: border-box;
	overflow-y: scroll;
	scrollbar-color:#667eea white;
}

#details ,#info {
	scrollbar-color:#667eea white;
	max-height:40vh;
}

#details::-webkit-scrollbar-thumb, #info::-webkit-scrollbar-thumb, #photoContainer::-webkit-scrollbar-thumb {
  background-color: #667eea ;
}

#details::-webkit-scrollbar-track, #info::-webkit-scrollbar-track, #photoContainer::-webkit-scrollbar-track {
  background: white;
}

#middle, #checkoutConfirmWindow,#checkoutConfirmedWindow, #uploadingWindow {
	top:50%;
	left:50%;
	transform:translate(-50%, -60%);
}

}
#image {
	perspective: 100px;
}

#image div:nth-child(1) {
	transform: rotateZ(10deg) translateX(20px);
	opacity: 75%;
}

#image div:nth-child(2) {
	background:white;
	transform: rotateZ(-10deg) translateX(-20px);
}


#errorMsgHolder {
	top:5%;
	left:50%;
	transform: translateX(-50%);
}

#uploadingProgressCircle {
	animation: progress linear 1s infinite;
}

@keyframes progress {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}
#description {
    text-align: center;
    font-size-adjust: auto;
}