body{
    font-family: Arial, Times;
    font-style: normal;
    font-size: 14pt;
    background: white;
    min-height: 100vh;
    display:block;
    width:100%;
    margin:0;
    padding:0;

}
h1{
    color: white;
    
}
.container{
    display: block;
    width:auto;
    background: white;
    color:black;
    margin:20px 20px;
    padding:20px;
}
#title {
    font-size:16pt;
    font-weight:bold;
    color: black;
    text-align:left;
    margin:20px 10px;
    margin-top:110px;
}
#resultPart{
display: flex;
flex-direction: column;
flex-wrap: nowrap;
padding:10px;
}
#comments {
    border-top: 1px solid #F00;
    font-size: 12pt;
    padding-top:10px;
}
.word{
    padding:2px;
    margin: 2px;
    color: rgb(255, 255, 255);
    font-weight: bold;
    display:flex;
    flex-direction:column;
    margin-bottom: 17px;
}
#finishpart {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: flex-start;
    background: white;
    color: #fff;

    width:100%;
    margin-bottom:30px;

}


span.greek{
    font-weight: bold;
    color:black;
    font-size:12pt;
    margin-bottom:2px;
}
span.ukrainian{
    font-weight: normal;
    color: rgb(15, 4, 4);
    font-size:12pt;
    text-align:center;
    margin-top:5px;
    
}
.verse {
    color: red;
    display:block-inline;
    font-size:10pt;
    margin:5px;
    position:relative;
    top:-10px;
}
#menu {
    display: flex;
    flex-direction: row;
    height: 40px;
    z-index: 100;
    color: #fff;
    background: green;

    width: 100%;
    justify-content: space-between;
    align-items: center;
    position:fixed;
    top:0;
    z-index:100;
}
#menu h1{
    font-size:14pt;
    font-family: Roboto, Arial, Times;
}
#menu span{
    font-size: 12pt;
    
}
#but_print{
    margin:10px;
    border-radius:10px;
    padding:10px;
    text-align:center;
    background: blue;
    color:white;
}
verse{
    color:red;
    font-weight: bold;
    padding:5px;
    
}
verse::before { 
    content: ' '; 
    display: block; }
    
verse:first-child::before{
    display:inline;
}

blue {color:blue;}
red{color:red;}
green{color:green}
yellow{color:yellow;}

@media print { 
#menu { 
  display: none!important;
 } 
#title {margin-top:0mm;}
@page {
        margin: 1.5cm;
    }
    
 
}