nav {
    margin: 1%;
    border-radius: 15px;
}

header {
    width: 100%;
    height: 100vh;
    background-color: #5c34a4;
    background-size: cover;
}

body {
    background-color: #d1bef4;
}

.fullscreen {
    min-height: 100vh;
    padding-top: 8vh;
}

div.center {
    text-align: center;
    color: antiquewhite;
    padding: 10%;
}

#avatar {
    border-radius: 100%;
    border: 5px solid white;
    margin-bottom: 1%;
    width: 20%;
}

h2 {
    text-align: center;
    padding: 2.5%;
}

h3 {
    padding-top: 1%;
    padding-bottom: .5%;
}

h4 {
    padding-top: 1%;
    padding-bottom: 2%;
}

.card-project {
    min-height: 411px;
    margin-bottom: 30px;
}

@media (max-width: 700px) { 
    #avatar {
        width: 50%;
        margin-top: 15%;
    }

    body {
        padding:0;
    }
  
    .navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
        margin-left: 0;
        margin-right: 0;
        margin-bottom:0;
    }
 }