.fot {
    text-align: start;
    background-color: #ced4da;
    color: #495057;
    padding: 1em 6em;
}

svg {
    width: 30px;
    padding-right: 10px;
}


#fot .link-underline {
    color: #495057;
}

#fot .link-underline:hover {
    color: #e9ecef;
}

#nav .nav-link:hover {
    color: #ced4da;
}

.bg {
    background-color: #e9ecef;
}

.navbar {
    background-color: #e9ecef;
}

#down {
    background-color: #e9ecef;
}

#down .dropdown-item:hover {
    color: #ced4da;
}

.badge {
    background-color: #495057;
    color: #e9ecef;
}

#yop {

    background-color: #669bbc;
    border-color: #000000;
    border-width: 3px;
    border-style: solid;
    border-radius: 10px;
    padding: 40px;
}


#Postgresql {
    background-color: #f2e9e4;
}

#Postgresql:hover {
    color: #16425b;
    background-color: #3a7ca5;
}

p {
    text-align: justify;
}

.create {
    background-color: #778da9;
}

.pertemuan2 {
    margin-left: 200px;
    padding-left: 100px;
}