body {
    font-family: sans-serif;
    margin: 2em;
    background-color: #f5f3e5;
    color: #333;
}
header {
    background: #007acc;
    color: white;
    padding: 1em;
    border-radius: 8px;
}
h1 {
    margin: 0;
}
h4 {
    margin: 0;
}
main {
    margin-top: 2em;
}
.box {
    background: white;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 1em;
    box-shadow: 2px 2px 6px rgba(0,0,0,0.1);
}

.navbar-nav a {
    font-size: 15px;
    font-weight: 800;
}

.bg-img {
    max-width: 100%;

}


.container{
    color: white;
    text-align: center;
    font-size: 100%;
}

.myphoto {
    padding-top: 6%;
    padding-bottom: 10%;
  
}
.img-responsive{
    border-radius: 50%;
}