* {
    font-family: monospace, sans-serif;
    color: black;
    margin: 2% 6%;
}
header, footer {
    font-style: normal;
    text-align: center;
}
body{
    background-color: #BFD7EA;
}
h1 {
    font-size: 2rem;
    font-weight: 900;
    font-style: normal;
    text-align: center;
    text-shadow: 3px 3px 6px #BAA898;
    margin-bottom: 1.8em;
    text-transform: uppercase;
}
h2 {
    font-size: 1.5rem;
    font-weight: 600;
    font-style: oblique;
    text-align: center;
    text-shadow: 0px 0px 3px #BAA898;
    margin-bottom: 1.5em;
    text-transform: capitalize;
}
h3 {
    font-size: 1rem;
    font-weight: 550;
    font-style: oblique;
    text-align: center;
    text-shadow: 0px 0px 3px #BAA898;
    margin-bottom: 1em;
    text-transform: capitalize;
    padding: 0 0 0 0;
}
p {
    font-size: 2.1ex;
    font-weight: 500;
    font-style: normal;
}
footer p {
    text-align: center;
    width: 18em;
    padding: 0 0 0 31.5%;
}
ul {
    list-style: square;
    text-align: center;
    list-style-position: outside;
    line-height: 1em;
    padding: 0 0 0 32%;
}
ol {
    list-style: upper-roman;
    list-style-position: outside;
    line-height: 1em;
    padding: 0 0 0 32%;
}
main p, i {
    text-align: justify;
    line-height: 1em;
    width: 25%;
    padding: 0 0 0 32%;
}
figcaption.ver {
    padding: 0 0 0 27vh;
}
img.ver {
    padding: 0 0 0 31vh;
}
figcaption.hor {
    padding: 0 0 0 32vh;
}
img.hor {
    padding: 0 0 0 14vh;
}
figcaption {
    padding: 0 0 0 26vh;
}
blockquote p {
    text-align: center;
    font-style: oblique;
    width: 53vw;
    padding: 0 0 0 0;
}
nav {
    background-color: #839788;
}
main nav{
    list-style-position: outside;
    width: 25%;
    padding: 0 7vh 0 0;
    margin: 0 0 0 34%;
    display: inline-block;
}
a {
    text-decoration: none;
    color: blue;
}
a:hover {
    text-decoration: underline;
}
nav a {
    color: #424C44;
}
.content {
    font-style: italic;
    letter-spacing: 0.2ex;
}
#education {
    background-color: white;
}
#skills {
    background-color: white;
}
#home-server {
    background-color: white;
}
#restaurant-ordering-platform {
    background-color: white;
}
#custom-arabic-font-recognition {
    background-color: white;
}
#portfolio-website {
    background-color: white;
}
article section ul {
    width: 100%;
    padding: 0 0 0 0;
    margin: 2vw 2vw;
}
#email-phone {
    padding: 0 0 0 35%;
}
#other {
    padding: 0 0 0 40%;
}
section button{
    font-size: 1.3rem;
    margin: 1% 41.5%;
    background-color: #D4C4B2;
    border-color: #BFD7EA;
}