/* Stylesheet für meinen Taschenrechner */


body {
    background-color: white;
    color: black;
}

h2 {
    text-align: center;
    color: white;
    font-family: fantasy;
    font-size: 30px;
    letter-spacing: 2px;
}

#last {
    background: rgb(226,135,113);
    background: linear-gradient(90deg, rgba(226,135,113,1) 0%, rgba(166,123,199,1) 44%);
    min-height: 100px;
    border: 2px solid white;
    padding: 2px;
    text-align: left;
    font-size: 10pt;
    line-height: 1em;
    font-family:monospace;
    margin: 5px 10px; 
    white-space: pre-wrap;
    bottom: 0px;
    display: flex;
    flex-direction:column;
    justify-content: flex-end;
    border-radius: 10px;
    color: white;
}

#eingabe {
    background: rgb(226,135,113);
    background: linear-gradient(90deg, rgba(226,135,113,1) 0%, rgba(166,123,199,1) 44%);
    font-size: 20pt;
    line-height: 1em;
    font-family:monospace;
    margin: 5px 10px; 
    text-align: left;
    border: 2px solid white;
    padding: 2px;
    overflow: auto;
    max-width: 281px;
    color: white;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
}

button {
    padding: 10px;
    width: 70px;
    height: 70px;
    margin-top: 10px;
    background: rgb(68,68,85);
    background: linear-gradient(90deg, rgba(68,68,85,1) 0%, rgba(68,68,85,1) 58%);
    color: white;
    font-size: 20px;
    margin-right: 5px;
    border-radius: 20px;
    border-color: white;
}

div button:last-child {
    margin-right: 0px;
}

button:hover {
    cursor: pointer;
    background: rgb(68,68,85);
    background: linear-gradient(90deg, rgb(49, 49, 61) 0%, rgba(68,68,85,1) 58%);
}

button:active {
    background-color: rgb(136, 136, 136);
}

button.func {
color: #d896ff;
}

button.func:hover {
    background-color: rgb(228, 129, 0)
}

button.resu {
    background: rgb(226,135,113);
    background: radial-gradient(circle, rgba(226,135,113,1) 0%, rgba(166,123,199,1) 58%);
}

button.resu:hover {
    background-color: rgb(1, 150, 21)
}

button.canc {
    color: white;
}
button.canc:hover {
    background-color: rgb(177, 0, 0);
}

.row {
    margin-bottom: 5px;
}

.firstrow {
    display: flex;
    justify-content: space-between;
}
.lastrow {
    display: flex;
    justify-content: space-between;
    margin-left: 80px;
}

#rechner {
    width:fit-content;
    background: white;
    border-color: rgb(68,68,85);
    border-width: 2px;
    border-style: solid;
    padding: 10px; 
    border-radius: 20px;
    background: rgb(68,68,85);
    background: linear-gradient(90deg, rgba(68,68,85,1) 0%, rgba(68,68,85,1) 58%);
}

/*
#watermark { 
background: url("/images/R.png") no-repeat; 
background: url("/images/HelpDesk_bl.png") no-repeat; 
width: 400px; 
height: 100px; 
position:absolute;
top: 0; 
left: 0;
opacity: 0.5;
} 

#image{ 
width: 100px;
height: 100px;
position: relative; 
top: 0; 
left: 0;
}

*/