*,
html {
    margin:0;
    padding:0;
}

.contaier {
    width: 100%;
    height: 200vh;
}

body {
    background-repeat: no-repeat;
    background-position: ;
    background-size: cover;
}

.ul-navbar {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}

.il-navbar {
    color: white;
    list-style-type: none;
    padding: 10px;
    margin: 5px;
    text-decoration: none;
}

.a-navbar {
    color: white;
    text-decoration: none;
    background-color: black;
    list-style-type: none;
    padding: 10px;
    margin: 5px;
    border: 1px solid white;
}

.container {
    display: flex;
    background-color: rgb(50, 50, 50);
    height: 10vh;
    justify-content: center;
    align-items: center;
}

.container-footer {
    height: 7vh;
    background-color: red;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.h1-footer {
    font-size: 40px;
    color: white;
}

.a-content {
    color: white;
    text-decoration: none;
    font-size: 50px;
    width: 100%;
    height: 500px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.p-content {
    display: flex;
    justify-content: center;
    align-items: center;
    display: flex;
    font-size: 50px;
    background-color: black;
}

.img-gambar {
    width: 30%;
    height: 40%;
}