.hp-background {
    background-image: url('hp_image.jpg'); padding-bottom: 20%; background-repeat: no-repeat; background-size:cover;
}
.hp-title {
    margin-top: 50px;
    background: rgba(0, 0, 0, 0.409);
}
.hp-navbar {
    background: transparent;
}
.hp-navitem {
    background: rgba(0, 0, 0, 0.171);
    color: white;
}
.hp-navend {
    background: rgba(0, 0, 0, 0.171);
}
.hp-navbrand {
    color: white;
}
.kono {
    color: white;
    transition: color 1s 0s;
}
.kono:hover {
    color: red;
}
.item + .item{
    margin-top: 80px;
}
.fadeup{
    transform: translateY(50px);
    opacity: 0;
}

.fadeup.is-active{
    transition: .6s;
    transform: translateY(0);
    opacity: 1;
}