:root{--headerHeight:35px;--footerHeight:125px}body{text-transform:uppercase;font-family:'Arial black';background-color:rgba(40,44,52);cursor:default;overflow:hidden}button{font-family:'Arial black';color:#fff;border:3px solid #fff;text-transform:uppercase}button:disabled{cursor:not-allowed}#backToTowerCreation,#buyButton,#startButton,#upgradeButton{width:150px}#downPowerButton,#downSpeedButton,#upPowerButton,#upSpeedButton{width:30px;color:#000;border:1px solid #fff}#downPowerButton:hover,#downSpeedButton:hover,#upPowerButton:hover,#upSpeedButton:hover{background-color:#d3d3d3}#backToTowerCreation:hover,#buyButton:hover,#startButton:hover,#unlockButton:hover,#upgradeButton:hover{background-color:green}#backToTowerCreation,#cancelButton,#sellButton,#startButton,#unlockButton,#upgradeButton{height:50px}#sellButton{background-color:#b8860b;max-width:120px}#sellButton:hover{background-color:#ff7b00}#unlockButton{max-width:140px}#backToTowerCreation,#startButton{width:100px}#cancelButton{width:145px;margin:0 0 0 10px}#cancelButton:disabled,#unlockButton:disabled,#upgradeButton:disabled{background-color:#696969}#cancelButton,#startButton:disabled{background-color:#ff1e00}#buyButton{height:75%;width:130px}#backToTowerCreation,#buyButton,#startButton,#unlockButton,#upgradeButton{background-color:#006400}.lockedButton{background-color:#696969}#mainMenu{position:absolute;top:20%;transform:translate(-50%,-50%);transition:.5s;left:50%}#helpContainer{position:absolute;top:65%;transform:translate(-50%,-50%);transition:.5s;left:50%;display:flex;flex-direction:column;border:solid;width:700px;align-items:center;padding:0 10px 0 10px;color:#fff}b{color:red}j{color:#0f0}li{margin:0 0 25px 0;line-height:1.6;list-style-type:none}#helpTitle{margin:-30px 0 0 10px;background-color:rgb(40 44 52);padding:0 10px 0 10px}#finalRound{margin-bottom:10px}#hiScore{margin-bottom:35px;animation:blink-animation 1s steps(2,start) infinite;color:#ff0;visibility:hidden}@keyframes blink-animation{to{color:red}}#helpTitleEnemies{display:flex;border-top:solid;width:100%;flex-direction:column;align-items:center}#enemiesTitle{margin:-13px 0 0 10px;background-color:rgb(40 44 52);padding:0 10px 0 10px}#helpTextContainer{width:100%;font-size:small}#title{font-size:60px;text-shadow:0 5px silver;text-align:center;margin:0}#mainMenu>div{font-size:35px;display:flex;justify-content:space-evenly}#enemiesTitle,#helpTitle,#menuOptions:hover{color:#fff}#menuOptions:active{color:red}#gameOverContainer{pointer-events:none;position:absolute;top:45%;transform:translate(-50%,-50%);transition:.5s;left:50%;opacity:0;display:flex;flex-direction:column;align-items:center}#gameOverTitle{font-size:70px;text-align:center;text-shadow:0 5px silver;margin-bottom:10px}#gameOverMenuOptions{display:flex;width:100%;justify-content:space-around}#footerComponent,#headerComponent,#upgradeScreen{display:flex;background-color:gray;width:100%;left:0;position:fixed;transition:all 1s}#headerComponent{top:calc(var(--headerHeight)*-1);height:var(--headerHeight);justify-content:space-evenly;align-items:center;font-size:15px}#footerComponent,#upgradeScreen{bottom:calc(var(--footerHeight)*-1);height:var(--footerHeight);justify-content:center;align-items:center}#upgradeScreen{width:100%;display:flex;transition:all .3s}#startBackContainer{display:flex;flex-direction:column-reverse;height:100%;justify-content:space-around}#upgradeScreenStatsContainer{padding-left:20px;width:200px}#statsContainer{padding-right:20px;padding-left:20px}#remainingPointsContainer{display:flex;font-size:10px;flex-direction:column;align-items:center;padding-right:20px}#remainingPoints{font-size:30px;margin-bottom:0}#upGradeOptionsContainer{padding-left:20px}#upgradeOptions{display:flex}#powerContainer,#speedContainer{display:flex;align-items:center}#powerContainer>p,#speedContainer>p{padding-left:10px}#barContainer{width:100px;background:#000;display:flex}#powerBar,#speedBar{width:40px;height:10px;background-color:gold;transition:.5s;border-right:solid red}#upgradeOptionsAndTitleContainer{display:flex;flex-direction:column;align-items:center}.optionContainer{font-size:25px;display:flex;align-items:center;flex-direction:column;width:100%}.game-tile{display:inline-block;vertical-align:middle;border:1px solid grey;border-style:solid;box-sizing:border-box!important;font-size:0;width:50px;height:50px}#gridContainer{position:absolute;top:145%;left:50%;transform:translate(-50%,-50%);transition:.5s}#game-map{position:relative;margin:auto;background-color:#242729;border:2px solid #fff}.game-tile.path:hover,.game-tile:hover{background:#00f}.game-tile.path{background:rgba(4,0,255,.3)}.game-tile.selected{animation-name:selectedTiles;animation-duration:4s;animation-iteration-count:infinite}@keyframes selectedTiles{0%{background-color:#282c34}50%{background-color:#a9a9a9}100%{background-color:#282c34}}.towers{position:relative;height:30px;width:30px;top:15%;left:20%;background-color:#b289fa;clip-path:polygon(0 0,100% 50%,0 100%,20% 65%,0 50%,20% 35%);background-image:linear-gradient(to bottom,rgba(0,0,0,.2) 30%,transparent 30%,transparent 70%,rgba(0,0,0,.2) 70%),linear-gradient(to left,#428def 20%,transparent 20%,transparent 100%)}.shots{position:absolute;height:10px;width:10px;background-color:#555;border-radius:50%;border-style:solid;border-width:thin;border-color:red}.towerTimer{width:48px;height:4px;background-color:red;bottom:-14px;position:relative;transition:.5s}.bonus-enemy,.enemies{font-size:9px;position:absolute;width:40px;height:40px;color:#fff;display:flex;justify-content:center;align-items:center;clip-path:polygon(50% 0,11% 19%,1% 61%,28% 95%,72% 95%,99% 61%,89% 19%)}.enemies{background-image:radial-gradient(closest-side,#000,#000,#fa0000)}.bonus-enemy{background-image:radial-gradient(closest-side,#000,#000,#00fa00)}particle{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;opacity:0}