|
|
@ -5,32 +5,11 @@ body, html { |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
align-items: center; |
|
|
|
} |
|
|
|
} |
|
|
|
/* |
|
|
|
|
|
|
|
#menu { |
|
|
|
|
|
|
|
width: 25%; |
|
|
|
|
|
|
|
margin: 0 auto; |
|
|
|
|
|
|
|
display: block; |
|
|
|
|
|
|
|
flex-direction: row; |
|
|
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
|
|
align-items: center; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#menu img { |
|
|
|
|
|
|
|
max-height: 50%; |
|
|
|
|
|
|
|
max-width: 50%; |
|
|
|
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
height: auto; |
|
|
|
|
|
|
|
object-fit: contain; |
|
|
|
|
|
|
|
overflow: hidden; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
* { |
|
|
|
|
|
|
|
box-sizing: border-box; |
|
|
|
|
|
|
|
} */ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
#eyes { |
|
|
|
#eyes { |
|
|
|
width: 75%; |
|
|
|
display: flex; |
|
|
|
|
|
|
|
flex-direction: column; |
|
|
|
|
|
|
|
justify-content: space-around; |
|
|
|
float: left; |
|
|
|
float: left; |
|
|
|
text-align: center; |
|
|
|
text-align: center; |
|
|
|
} |
|
|
|
} |
|
|
@ -48,7 +27,7 @@ align-items: center; |
|
|
|
#aphrodite{ |
|
|
|
#aphrodite{ |
|
|
|
|
|
|
|
|
|
|
|
max-width: 100%; /* Ensures the image doesn't exceed its container's width */ |
|
|
|
max-width: 100%; /* Ensures the image doesn't exceed its container's width */ |
|
|
|
max-height: 90vh; |
|
|
|
max-height: 80vh; |
|
|
|
height: auto; /* Maintains the aspect ratio of the image */ |
|
|
|
height: auto; /* Maintains the aspect ratio of the image */ |
|
|
|
object-fit: contain; |
|
|
|
object-fit: contain; |
|
|
|
justify-content: center; |
|
|
|
justify-content: center; |
|
|
|