@font-face {
  font-family: 'Noto Sans';
  font-style: normal;
  font-weight: normal;
  src: url('notosans.eot');
  src: local('Noto Sans'), local('NotoSans'), url('notosans.ttf') format('truetype'); }

BODY { background-color: #fff; margin: 0px; padding: 0px; font-family: 'Noto Sans'; }
#kehysvalikko {display: flex; position: fixed; top: 160px; left: 10px; width: 46px; border: solid 0px red;align-items: stretch; flex-direction: column; flex-wrap: wrap; height: 230px; z-index: 400;}
#kehysrunko_tyhja {border: dashed 1px #aaa; padding: 6px; width: 18px; height: 25px; display: inline-block; margin-bottom: 4px;}
.kehysrunko {display: inline-block; width: 18px; height: 25px; margin-bottom: 4px; margin-right: 4px; }
#esitys { visibility: visible; padding: 10px; height: 80vh; margin-bottom: 80px; position: relative; left: 40px; padding-bottom: 80px; z-index: 100;}
#kuvaitse {  box-shadow: 30px 30px 20px #aaa; height: 500px; padding: 80px; border: solid 6px #fff;}
#ei-kehysvalikkoa {opacity: 0; position: fixed; top: 160px; left: 10px; width: 46px; border: solid 0px red;align-items: stretch; flex-direction: column; flex-wrap: wrap; height: 230px; z-index: 400;}