body {
    width: 100vw;
    height: 100vh;
    color: white;
    background-color: black;
}

.bg-1 {
    height: 100vh;
    background: url("images/home-img.jpeg") no-repeat center;
    background-size: cover;
}

main {
    margin-top: 10rem;
}

main h1 {
    font-size: 2.6rem;
}

.navbar-toggler {
    color: white;
}

.navbar-toggler {
    margin-right: 2rem;
}

.bg-2 {
    background-color: black;
}

.order-2 img {
    width: 300px;
    height: 300px;
}

.about {
    border: 2px solid white;
    padding: 20px;
    border-radius: 20px;
}

.kard {
    padding: 20px;
    transition: all ease .3s;
    border: 1px solid white;
    border-radius: 5px;
}

.kard:hover {
    color: black;
    background-color: white;
}

.nav-link {
    color: white;
}

.nav-link:hover {
    color: #dc3545;
    border-bottom: 1px solid white;
}

.btn-outline-danger {
    transition: all .5s ease;
}

.btn-outline-danger:hover {
    transform: translateY(-10px);
}

.product {
    transition: .5s ease all;
    border: 1px solid white;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 2rem;
}

.product:hover {
    background-color: white;
    color: black;
}