body {
    font-family: 'Roboto', sans-serif;
    margin: 0%;
}

.navbar-brand {
    padding-left: 1%;
    font-size: 1.4rem;
}

.nav-items {
    padding: 0.2%;
    line-height: 60px;
    font-size: 1.4rem;
}

hr {
    width: 70%;
    height: 0.2%;
    background-color: #EAF5F4;
}

.navbar-header {
    padding: 0%;
    margin: 0%;
    background-color: #EAF5F4;
    width: 100%;
    height: 8%;
    display: inline-block;
    -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.75);
    position: fixed;
}

.align-right {
    margin-left: 62%;
}

.home-section {
    background-color: lightgray;
    color: #000000;
    text-align: center;
    width: 100%;
    height: 100vh;
    background: url('https://images.unsplash.com/photo-1489844097929-c8d5b91c456e?auto=format&fit=crop&w=1504&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D') no-repeat center center fixed;
    background-size: cover;
    padding-bottom: 5%;
    /* opacity: 0.8; */
}

.my-photo {
    width: 170px;
    height: 170px;
    border-radius: 100%;
    margin-top: 10%;
    margin-bottom: 1%;
}

h1 {
    font-size: 3rem;
    font-family: 'Kalam', cursive;
    margin: 0% !important;
}

h3 {
    font-size: 1.7rem;
    margin: 0% !important;
}

.about-me {
    background-color: lightgray;
    width: 100%;
    height: 100vh;
    text-align: center;
    background: url('https://images.unsplash.com/photo-1498049860654-af1a5c566876?auto=format&fit=crop&w=750&q=80&ixid=dW5zcGxhc2guY29tOzs7Ozs%3D') no-repeat center center fixed;
    background-size: cover;
    /* opacity: 0.6; */
}

.about-gradient {
    background: rgba(234, 245, 244, 0.75);
    height: 100%;
    padding-top: 15%;
}

hr {
    width: 70%;
    height: 0.2%;
    background-color: #EAF5F4;
    margin-top: 0%;
}

.about-heading {}

.projects {
    background-color: #FAFDFF;
    width: 100%;
    height: 100vh;
    text-align: center;
    padding-bottom: 5%;
    padding-top: 3%;
}

.project-content {
    display: flex;
    padding-top: 8%;
}

.project-title {
    font-weight: 500;
    font-size: 1.3rem;
}

.project-title:hover {
    color: #0000ee;
}

.images {
    width: 100%;
}

.project {
    width: 30%;
    height: 45%;
    margin-left: 2%;
    -webkit-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 3px 5px 0px rgba(0, 0, 0, 0.75);
    text-decoration: underline;
}

.contact {
    background-color: #EAF5F4;
    width: 100%;
    height: 10%;
    display: flex;
}

.contact-text {
    padding-left: 10%;
}

.icons {
    padding: 10px;
    font-size: 24px;
}

.footer {
    background-color: #DBD0F6;
    width: 100%;
}

.footer-content {
    padding: 1.5%;
    margin: 0px;
    padding-left: 7%;
}

a {
    color: inherit;
    text-decoration: none;
}

.contact-icons {
    display: flex;
    align-items: center;
    vertical-align: middle
}

.facebook-icons:hover {
    color: #4267B2;
    transition: all 0.5s;
}

.gmail-icons:hover {
    color: #D54B3D;
    transition: all 0.5s;
}

.contact-text-1 {
    width: 15%;
    margin-left: 5.5%;
}