body {
    background: rgb(131,149,255);
    color: rgb(255,255,0);
    text-shadow: 1.5px 1.5px 2px rgb(15,33,139);
}

#body:after {
    content: "";
    background: url(../eurorates.svg) rgb(15,33,139);
    background-position: 50%;
    background-size: 80pt;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.1;
    z-index: -1;
}

input {
    text-shadow: 1px 1px 1px rgb(131,149,255);
}

input#foreignamount, select {
    text-shadow: 1px 1px 1px rgb(15,33,139);
}

section.window {
    font-size: 18pt;
    text-align: center;
    padding: 45pt 20pt 0pt 20pt;
    opacity: 0.9;
}

section.window > div {
    padding: 8pt 0pt;
}

section.window > div:last-child {
    padding: 8pt 0pt 0pt 0pt;
}

section.window select {
    font-size: 18pt;
}

section.window input {
    font-size: 18pt;
    width: 6em;
    margin: 0 0 0 1em;
}

span#name, span#date, select#currency, input#foreignamount {
    color: rgb(255,160,48);
}

span#euro {
    font-size: 22pt;
}

span#info {
    font-size: 28pt;
}

span#eurorates-version {
    display: none;
}

@media screen and (-tizen-geometric-shape: circle) {
    #body:after {
	background-size: 80px;
    }
}