mirror of
https://github.com/arthur-pbty/tour_de_hanoi.git
synced 2026-06-03 15:07:41 +02:00
88 lines
1.3 KiB
CSS
88 lines
1.3 KiB
CSS
.container {
|
|
text-align: center;
|
|
margin-top: 50px;
|
|
display: flex;
|
|
flex-direction: column;
|
|
align-items: center;
|
|
}
|
|
|
|
.game {
|
|
margin-top: 20px;
|
|
display: flex;
|
|
justify-content: space-around;
|
|
height: 540px;
|
|
}
|
|
|
|
.towers {
|
|
display: flex;
|
|
flex-direction: column;
|
|
background-color: #3498db56;
|
|
border-radius: 30px 30px 5px 5px;
|
|
width: 200px;
|
|
margin: 10px;
|
|
padding: 10px;
|
|
align-items: center;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.disks {
|
|
vertical-align:baseline;
|
|
font-size: 30px;
|
|
display: flex;
|
|
justify-content: center;
|
|
align-items: center;
|
|
height: 50px;
|
|
background-color: #3498db;
|
|
border-radius: 5px;
|
|
}
|
|
|
|
#disk1 {
|
|
background-color: #FF6B6B;
|
|
width: 20px;
|
|
}
|
|
|
|
#disk2 {
|
|
background-color: #6BFF6B;
|
|
width: 40px;
|
|
}
|
|
|
|
#disk3 {
|
|
background-color: #6B6BFF;
|
|
width: 60px;
|
|
}
|
|
|
|
#disk4 {
|
|
background-color: #FF6BFF;
|
|
width: 80px;
|
|
}
|
|
|
|
#disk5 {
|
|
background-color: #FFFF6B;
|
|
width: 100px;
|
|
}
|
|
|
|
#disk6 {
|
|
background-color: #6BFFFF;
|
|
width: 120px;
|
|
}
|
|
|
|
#disk7 {
|
|
background-color: #FFA500;
|
|
width: 140px;
|
|
}
|
|
|
|
#disk8 {
|
|
background-color: #9400D3;
|
|
width: 160px;
|
|
}
|
|
|
|
#disk9 {
|
|
background-color: #32CD32;
|
|
width: 180px;
|
|
}
|
|
|
|
#disk10 {
|
|
background-color: #663399;
|
|
width: 200px;
|
|
}
|