keyboard attempt

Let's make a game!
	name:Keyboard Attempt
	by:IronDizaster
	desc:Keyboard Attempt
	version:1
Settings
	background:https://file.garden/XSIm8ZidV1rvya38/PaintDry/background2.png
	no particles
	no bulk particles
Upgrades
	*ResetPass
		name:Reset
		on click:
		if (nameable=1)
			lose posLet
			lose PasscodeIDa
			lose PasscodeIDb
			lose PasscodeIDc
			lose PasscodeIDd
			lose PasscodeIDe
			lose PasscodeIDf
			lose PasscodeIDg
			lose PasscodeIDh
end
end
	*TEMPLATE
		req:1 nameable
		no buy
	*PassA

	*PassB

	*PassC

	*PassD

	*PassE

	*PassF

	*PassG

	*PassH

	*PassEnter
		name:Enter

	*bar
		name:-
		class:fullWidth
	*TEMPLATE
		req:1 nameable
	*LetBack
		name:Delete
		on click:

	*Let
	name:A
	*LetB
		name:B

	*LetC
		name:C

	*LetD
		name:D
	*LetE
		name:E

	*LetF
		name:F

	*LetG
		name:G

	*LetH
		name:H

	*LetI
		name:I

	*LetJ
		name:J

	*LetK
		name:K

	*LetL

	*LetM
		name:M

	*LetN
		name:N

	*LetO
		name:O

	*LetP
		name:P

	*LetQ
		name:Q

	*LetR
		name:R

	*LetS
		name:S

	*LetT
		name:T
		on click:

	*LetU
		name:U
		on click:

	*LetV
		name:V
		on click:

	*LetW
		name:W

	*LetX
		name:X

	*Lety
		name:Y

	*LetZ
		name:Z

Resources
	*letterPos
	*nameable
		name:Click to rename

Layout
	*main
		contains:Upgrades
		header:Enter Your Name Here!
	*buildings
		contains:Resources, Buildings
		header:Console
		tooltip origin:left

CSS
  #game
  {
    background:cornflowerblue;
    color:white;
  }
.box
{
	text-align:center;
	padding:0px;
	box-shadow:none;
	border:1px solid rgba(0,0,0,0.9);
}

.thing,.box-header,.box-footer,.box-bit
{
	background:#39f;
	box-shadow:0px 0px 4px rgba(0,0,0,0.2),1px 1px 2px rgba(0,0,0,0.5),0px 0px 4px rgba(255,255,255,0.5) inset;
    border-radius:8px;
}
.box-bit{border-radius:20px;}

.box-header
{
	border-bottom-left-radius:20px;
	border-bottom-right-radius:20px;
	margin-bottom:4px;
}
.box-footer
{
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	margin-top:4px;
}
.fullWidth
{
	height:auto;
	min-height:auto;
	width:100%;
}
#box-main
{
	top:0px;
	bottom:0px;
	overflow:hidden;
	width:80%;
	position:absolute;
}

#box-buildings
{
	top:0px;
	bottom:0px;
	width:20%;
	right:0%;
	overflow-x:hidden;
	overflow-y:scroll;
	padding-bottom:48px;/* this is to accommodate the info and settings buttons */
	position:absolute;
}

#box-buildings{background:linear-gradient(to right,rgba(0,0,0,0) 0%,rgba(0,0,0,0.25) 20%);}

#bulkDisplay{margin:-11px 24px 4px 24px;}


.thing
{
	display:inline-block;
	padding:0px;
	margin:2px;
	cursor:pointer;
}
.thing:hover,.thing.lit
{
	background:#6cf;
}
.thing.cantAfford
{
	opacity:0.65;
}
.upgrade.cantAfford
{
	box-shadow:0px 0px 4px #39f;
	border-radius:8px;
}
.upgrade.cantAfford:hover
{
	box-shadow:0px 0px 4px #6cf;
}
.upgrade.owned,.achiev.owned
{
	background:#6cf;
}
.thing-text,.thing-costs{font-weight:bold;}

.building
{
	border-top-left-radius:20px;
	border-bottom-left-radius:20px;
	display:block;
	margin-right:0px;
	font-size:14px;
}

#game.filtersOn .thing-icon{filter:drop-shadow(3px 3px 1px rgba(0,0,0,0.5));}