html, body{
    background-image: url("../img/background.png");
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: 100% 100%;
    font-family: 'Roboto'!important;
    margin:0px;
    min-height: 100vh;
    color: #666666;
}
.menu{
    position: fixed;
    background-color:rgba(223,231,233,0.7);
    float:left;
    height: 100%;
    width: 15%;    
    padding: 0px;
    margin:0px;
    color: #666666;
}
a{
    text-decoration: none;
    color: #666666;
}
span{
    font-size: 25px;
}
progress {
    color: #02d8e3;
    border: 0;
    height: 18px;
    border-radius: 9px;
    box-shadow: 5px 7px 7px grey;
}

progress::-webkit-progress-value {
    background: #02d8e3;
}
progress::-moz-progress-bar {
     background: #02d8e3;
}
progress::-webkit-progress-value {
    background: #02d8e3;
    color: white;
    border: 0;
    height: 18px;
    border-radius: 9px;
    box-shadow: 5px 7px 7px grey;
}
progress::-webkit-progress-bar {
    background: white;
    color: #02d8e3;
    border: 0;
    height: 18px;
    border-radius: 9px;
    box-shadow: 5px 7px 7px grey;
}
#BogdanBlindea, #SpeedTransfer{
  display: none;
}
#BogdanBlindea:target, #SpeedTransfer:target{
  display: block;
}