.powercalculation{
    width: 100%;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.power-input {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
font-size: 1.5em;
}
.power-input span{
margin: 0 10px 0 10px;
}

.base-input {
width: 40%;
height: 50px;
font-size: 1.5em;
color: #988574;
border-radius: 10px;
border: solid 2px #988574;
padding: 5px;
}

.exponent-input {
width: 20%;
height: 50px;
font-size: 1.5em;
color: #988574;
border-radius: 10px;
border: solid 2px #988574;
padding: 5px;
}

.power-button {
font-size: 1.3em;
padding: 6px 12px;
cursor: pointer;
margin-left: 10px;
width: 50%;
margin-top: 30px;
border-radius: 10px;
border: solid 2px #988574;
color: #988574;
background-color: #fff;
font-weight: bold;
}

#powerresult {
margin-top: 30px;
font-size: 1em;
word-wrap: break-word;
white-space: pre-wrap;
width: 100%;
}