html{
    background: url("Bg_startpage_1200.jpg") no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    /* background-repeat: no-repeat; */
    background-size: cover;

}

body{
/*    background: url("Bg_startpage_1200.jpg");
    background-repeat: no-repeat;
    background-size: cover; */
    background: none;
    font-size: 130%;
}

.container{
    color: aliceblue;
    text-align: center;
    max-width: 500px;
}

.container-fluid{

    max-width: 1000px;
}

.vertical-center {
    
    min-height: 30%;  /* Fallback for browsers do NOT support vh unit */
  
    display:grid;
    /*display: flex;*/
    /*align-items: center;*/
    align-items: middle;
}

#text_start_page{
    margin-top: 100px;
}

#btn_login{
   background-color:transparent;
    border: 0px;
    color:aqua;
    
}

#btn_login:hover{
    color:aquamarine;
} 

.btn{
    margin: 10px;
}

#log-form{
    display:none;
}

#diary{
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.8) !important;
}

.navbar{
   background-color: rgba(255,255,255,0.8) !important;
   /*background:transparent !important; */
}