body {
    padding: 0;
}
.container-fluid {
    padding: 0;
}
.element1 {
    background-color: #363A88;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
}
.head {
    display: flex;
    padding: 20px 0;
}
.logo {
    margin: 0;
    align-self: center;
    color: white;
    padding: 5px 0;

}
.menu {
    display: flex;

}
.menu ul {
    list-style: none;
    margin: 0 20px 0 0 ;
    padding: 10px 0;

}
.menu ul li {
    padding: 5px 15px;
    margin: 3px 0;
}

.element2 {
    background-color: #363A88;
    padding: 20px 0 0 0;
    display: flex;
    flex-direction: row;
}
#about {
    margin: 20px 0 0 0;
    padding: 0 0 0 0;
}

#about h1, p {
    color: white;
}

#about .learn {
    color: #87C2F4;
}

#about .hobby {
    color: #8F94FF;
}

.intro {
    display: block;
    border-top: 1px #8F94FF solid;
    padding: 10px 10% 50px 0;
    margin: 30px 0;

}

.intro p {
    font-size: 10pt;
    color: #8F94FF;
    margin-bottom: 30px;
}
.element3 {
    background-color: #FFFFFF;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
}

#portofolio {
    margin: 50px 0;
    padding: 0 0 0 0;
}

.siak {
    margin: 60px 0 0 0;
}

.desc {
    padding: 10px 10% 20px 0;
}

.element4 {
    background-color: #262831;
    padding: 20px 0;
    display: flex;
    flex-direction: row;
    text-align: center;
}
#contact {
    padding: 10px 0 0 0 ;
    margin:  0;
    color: #FFFFFF;

}

.socialmedia {
    margin: 20px 0 20px 0;
}

.element5 {
    background-color: #363A88;
    padding: 15px 0 0 0;
    display: flex;
    flex-direction: row;
}
.disclaimer {
    margin: 0;
    text-align: center;
}