html {
    padding: 0;
}

html,
body {
    min-height: 100%;
}

body {
    line-height: 1.42857143;
    color: hsl(195, 83%, 16%);
}

#header {
    color: hsl(255, 45%, 18%);
    background-color: rgb(150, 123, 230, .3);
    text-align: center;
}

.main-content {
    margin-top: 5%;
}

#about-me h1 {
    text-align: center;
}

.b-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(146, 170, 207, 0.219);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);
}

.img-vertical {
    max-height: 100%;
    width: auto;
}

html {
    padding: 0;
}

html,
body {
    min-height: 100%;
}

body {
    line-height: 1.42857143;
    color: hsl(195, 83%, 16%);
}

#header {
    color: hsl(255, 45%, 18%);
    background-color: rgb(150, 123, 230, .3);
    text-align: center;
}

.main-content {
    margin-top: 5%;
}

#about-me h1 {
    text-align: center;
}

.b-divider {
    width: 100%;
    height: 3rem;
    background-color: rgba(146, 170, 207, 0.219);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 0.5em 1.5em rgba(0, 0, 0, .1), inset 0 0.125em 0.5em rgba(0, 0, 0, .15);
}

.my-img {
    max-height: 30rem;
}