@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";.app{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.title{font-size:48px;margin-bottom:50px;text-shadow:4px 4px #444}.banana{--pixel-size: 7px;width:var(--pixel-size);height:var(--pixel-size);background-color:#6d4c22;transform:rotate(-15deg);box-shadow:calc(1 * var(--pixel-size)) 0 #6d4c22,calc(0 * var(--pixel-size)) calc(1 * var(--pixel-size)) #8e673c,calc(1 * var(--pixel-size)) calc(1 * var(--pixel-size)) #6d4c22,calc(1 * var(--pixel-size)) calc(2 * var(--pixel-size)) #fef08a,calc(2 * var(--pixel-size)) calc(2 * var(--pixel-size)) #fde047,calc(3 * var(--pixel-size)) calc(3 * var(--pixel-size)) #fef08a,calc(4 * var(--pixel-size)) calc(3 * var(--pixel-size)) #fde047,calc(5 * var(--pixel-size)) calc(4 * var(--pixel-size)) #fef08a,calc(6 * var(--pixel-size)) calc(4 * var(--pixel-size)) #fde047,calc(7 * var(--pixel-size)) calc(5 * var(--pixel-size)) #fef08a,calc(8 * var(--pixel-size)) calc(5 * var(--pixel-size)) #fde047,calc(9 * var(--pixel-size)) calc(6 * var(--pixel-size)) #fef08a,calc(10 * var(--pixel-size)) calc(7 * var(--pixel-size)) #fef08a,calc(11 * var(--pixel-size)) calc(8 * var(--pixel-size)) #fde047,calc(12 * var(--pixel-size)) calc(9 * var(--pixel-size)) #fef08a,calc(13 * var(--pixel-size)) calc(10 * var(--pixel-size)) #fde047,calc(0 * var(--pixel-size)) calc(3 * var(--pixel-size)) #facc15,calc(1 * var(--pixel-size)) calc(3 * var(--pixel-size)) #facc15,calc(2 * var(--pixel-size)) calc(3 * var(--pixel-size)) #eab308,calc(3 * var(--pixel-size)) calc(4 * var(--pixel-size)) #facc15,calc(4 * var(--pixel-size)) calc(4 * var(--pixel-size)) #eab308,calc(5 * var(--pixel-size)) calc(5 * var(--pixel-size)) #facc15,calc(6 * var(--pixel-size)) calc(5 * var(--pixel-size)) #eab308,calc(7 * var(--pixel-size)) calc(6 * var(--pixel-size)) #facc15,calc(8 * var(--pixel-size)) calc(6 * var(--pixel-size)) #eab308,calc(9 * var(--pixel-size)) calc(7 * var(--pixel-size)) #facc15,calc(10 * var(--pixel-size)) calc(8 * var(--pixel-size)) #facc15,calc(11 * var(--pixel-size)) calc(9 * var(--pixel-size)) #facc15,calc(12 * var(--pixel-size)) calc(10 * var(--pixel-size)) #facc15,calc(13 * var(--pixel-size)) calc(11 * var(--pixel-size)) #facc15,calc(14 * var(--pixel-size)) calc(12 * var(--pixel-size)) #facc15,calc(0 * var(--pixel-size)) calc(4 * var(--pixel-size)) #eab308,calc(1 * var(--pixel-size)) calc(4 * var(--pixel-size)) #ca8a04,calc(2 * var(--pixel-size)) calc(4 * var(--pixel-size)) #ca8a04,calc(3 * var(--pixel-size)) calc(5 * var(--pixel-size)) #eab308,calc(4 * var(--pixel-size)) calc(5 * var(--pixel-size)) #ca8a04,calc(5 * var(--pixel-size)) calc(6 * var(--pixel-size)) #eab308,calc(6 * var(--pixel-size)) calc(6 * var(--pixel-size)) #ca8a04,calc(7 * var(--pixel-size)) calc(7 * var(--pixel-size)) #eab308,calc(8 * var(--pixel-size)) calc(7 * var(--pixel-size)) #ca8a04,calc(9 * var(--pixel-size)) calc(8 * var(--pixel-size)) #eab308,calc(10 * var(--pixel-size)) calc(9 * var(--pixel-size)) #eab308,calc(11 * var(--pixel-size)) calc(10 * var(--pixel-size)) #eab308,calc(12 * var(--pixel-size)) calc(11 * var(--pixel-size)) #ca8a04,calc(13 * var(--pixel-size)) calc(12 * var(--pixel-size)) #eab308,calc(14 * var(--pixel-size)) calc(13 * var(--pixel-size)) #eab308,calc(2 * var(--pixel-size)) calc(5 * var(--pixel-size)) #a16207,calc(3 * var(--pixel-size)) calc(6 * var(--pixel-size)) #ca8a04,calc(4 * var(--pixel-size)) calc(6 * var(--pixel-size)) #a16207,calc(6 * var(--pixel-size)) calc(7 * var(--pixel-size)) #a16207,calc(8 * var(--pixel-size)) calc(8 * var(--pixel-size)) #a16207,calc(10 * var(--pixel-size)) calc(10 * var(--pixel-size)) #ca8a04,calc(12 * var(--pixel-size)) calc(12 * var(--pixel-size)) #a16207,calc(13 * var(--pixel-size)) calc(13 * var(--pixel-size)) #ca8a04,calc(15 * var(--pixel-size)) calc(13 * var(--pixel-size)) #a16207,calc(14 * var(--pixel-size)) calc(14 * var(--pixel-size)) #6d4c22,calc(15 * var(--pixel-size)) calc(14 * var(--pixel-size)) #4e3518}:root{--bg-color: #000000;--text-color: #FFD700}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--bg-color);color:var(--text-color);font-family:"Press Start 2P",cursive;height:100vh;display:flex;justify-content:center;align-items:center;text-align:center}