.current-weather-container
	height: 100%
	display: none
	flex-direction: column-reverse
	align-items: center
	justify-content: space-around
	opacity: 0
	.current-weather
		display: flex
		flex-direction: column
		align-items: center
		justify-content: center
		background: rgba(160, 158, 151, 0.5)
		box-shadow: 4px 0 25px 3px rgba(0, 0, 0, 0.1)
		border-radius: 50%
		width: 400px
		height: 400px
		font-size: 1.6rem
		font-family: cursive
		color: #ccc
		.city-name
			margin-bottom: 8px
			font-size: 1.8rem
			text-align: center
	.button-container
		margin: 30px 0
		.btn
			text-align: center
	&.show
		opacity: 1
		transition: opacity .3s
		display: flex

.current-weather-container
	height: 100%
	display: none
	flex-direction: column-reverse
	align-items: center
	justify-content: space-around
	opacity: 0
	.current-weather
		display: flex
		flex-direction: column
		align-items: center
		justify-content: center
		background: rgba(160, 158, 151, 0.5)
		box-shadow: 4px 0 25px 3px rgba(0, 0, 0, 0.1)
		border-radius: 50%
		width: 400px
		height: 400px
		font-size: 1.6rem
		font-family: cursive
		color: #ccc
		margin-bottom: 20px;
		.city-name
			margin-bottom: 8px
			font-size: 1.8rem
			text-align: center
	.button-container
		margin: 30px 0
		.btn
			text-align: center
	&.show
		opacity: 1
		transition: opacity .3s
		display: flex

Add bottom space to current weather
Add bottom space to current weather
