html, body
{
    height: 100%;
    min-height: 100%;
    margin: 0px;
    padding: 0px;
}

body
{
background:white;
font-size:1em;
font-family: Arial, "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a, a:visited, a:active, a:hover {text-decoration: none; color:inherit; background:inherit}

svg {width:2em; height:2em}
select {width:100px}


#okno
{
position:absolute;
max-width:100%;
max-height:100%;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
z-index: 102;
border: solid 1px #188BC0;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding:10px;	
}

#srodek
{
clear:both;
padding-top:20px;
padding-bottom:0px;
}

#dol
{
padding-top:0px;
}

@media(min-width:60em)
{
#okno
{
width:650px;
top:50px;
}

#srodek
{
padding-top:0px;
padding-bottom:0px;
}
#dol
{
padding-top:0px;
}
}
@media(min-width:25em)
{
#br-small-screen {display:none;}	
}


.dropbox
{
font-size: 1em;
font-family: Arial, Sans-Serif;
margin-right:10px;
}

#czytanie
{
font-size:1.5em;

}
#znaczenie
{
font-size:1em;
padding-top:10px;
padding-bottom:10px;
}
#zapis
{
font-size:1.5em;
}
#canvas
{
	height: 12em;
	width: 648px;
	border: solid 1px #188BC0;
	width:100%;
	cursor: crosshair;
    touch-action: none;
}

@media(min-width:60em)
{
#czytanie
{
font-size:2em;
}
#znaczenie
{
font-size:1.5em;
padding-top:15px;
padding-bottom:15px;
}
#zapis
{
font-size:2em;
}
}

#zapis, #czytanie, #znaczenie
{
text-align:center;
margin:0px;
}

#powrot {float:right;}