* {
    padding: 0;
    margin: 0;
    font-family: 'Noto Sans';
    font-weight: 200;
}

/* Header */
header {
    background-color: #faf9f6;
    height: 80px;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 999;
    transition: box-shadow 0.3s ease;
}

header a {
    color: #353935;
    text-decoration: none;
}

header h1 {
    color: #353935;
    line-height: 80px;
    padding-left: 10%;
    display: inline-block;
    font-weight: 200;
}

header a:hover {
    text-decoration: none;
}

header li {
    display: inline-block;
    padding-right: 4vw;
    font-size: 1.2em;
}

header ul {
    position: absolute;
    right: 10%;
    top: 0;
    line-height: 80px;
}
/* Header ends */

/* Home banner */
#home-banner {
    background-color: #faf9f6;
    color: #faf9f6;
    text-align: center;
    height: 90vh;
    background-image: url(images/home-cover.jpeg);
    opacity: 0.9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    justify-content: center;
    align-items: center;
}

#home-banner h2 {
    font-weight: 100;
    font-size: 3em;
}
/* Home banner ends */

/* Profile page */
#profile-banner {
    background-color: #faf9f6;
    color: #faf9f6;
    text-align: center;
    height: 20em;
    background-image: url(images/profile-banner.jpeg);
    opacity: 0.9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    justify-content: center;
    align-items: center;
}

#profile-banner h2 {
    font-weight: 200;
    font-size: 3em;
    color: #faf9f6;
    text-shadow: 0 1px 1px #D3D3D3;
}

#profile-content {
    margin-inline: 25%;
    color: #353935;
    font-weight: 300;
}

#profile-content ul {
    list-style: none;
    line-height: 25px;
}

#profile-content h2 {
    padding-top: 1em;
    padding-bottom: 0.3em;
    font-size: 1.3em;
    font-weight: 300;
    text-shadow: 0 1px 1px #D3D3D3;
    text-shadow: none !important;
}

#profile-content a {
    text-decoration: none;
    color: #353935;
}

#profile-content ol {
    padding-left: 1em;
    line-height: 25px;
}

#media {
    padding-bottom: 1em;
}

#self-intro p {
    padding-top: 2em;
}
/* Profile page ends */

/* Bookshelf */
#books-banner {
    background-color: #faf9f6;
    color: #faf9f6;
    text-align: center;
    height: 20em;
    background-image: url(images/books-banner.jpeg);
    opacity: 0.9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    justify-content: center;
    align-items: center;
}

#books-banner h2 {
    font-weight: 200;
    font-size: 3em;
    color: #faf9f6;
    text-shadow: 0 1px 1px #D3D3D3;
}

#books {
    margin-inline: 25%;
}

#books-subtitle {
    text-align: center;
    font-size: 2.5em;
    padding-top: 0.5em;
}

.book-review {
    display: flex;
    margin-top: 30px;
}

.book-review img {
    height: 200px;
    width: auto;
    align-items: center;
}

.review-text {
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    padding-bottom: 15px;
}

.author {
    font-size: small;
    padding-bottom: 10px;
    text-align: center;
}

.review-text h3 {
    font-size: large !important;
    font-weight: 500 !important;
    text-align: center;
}

/* Bookshelf Ends */

/* Teaser page */
#teaser {
    background-color: #faf9f6;
    color: #faf9f6;
    text-align: center;
    height: 90vh;
    background-image: url(images/teaser.JPG);
    opacity: 0.9;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; 
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#teaser h2 {
    font-weight: 500;
    font-style: italic;
    font-size: 3em;
    color: #faf9f6;
    text-shadow: 0 2px 12px #D3D3D3;
}

#teaser a {
    color: #faf9f6; 
    text-decoration: none;

}footer {
    background-color: #353935;
    color: #faf9f6;
    min-height: 10em;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 2em 10vw;
    box-sizing: border-box;
}

footer #contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

footer #nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45em;
}

footer a {
    text-decoration: none;
    color: #faf9f6;
}

footer p {
    margin: 0.15em 0;
}

/* Social Icons */
.social-icons {
    display: flex;
    gap: 1.2em;
    margin-top: 0.6em;
    font-size: 1.3em;
}

.social-icons a {
    color: #faf9f6;
    transition: color 0.2s ease;
}

/* Footer */
footer {
    background-color: #353935;
    color: #faf9f6;
    min-height: 10em;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 2em 10vw;
    box-sizing: border-box;
}

footer #contact {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

footer #nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 0.45em;
}

footer a {
    text-decoration: none;
    color: #faf9f6;
}

footer a:hover {
    color: #faf9f6;                    
}

footer p {
    margin: 0.15em 0;
}

/* Social Icons Row */
.social-icons {
    display: flex;
    gap: 1.2em;
    margin-top: 0.6em;
    font-size: 1.3em;
}

.social-icons a {
    color: #faf9f6;
    transition: color 0.2s ease;
}

.social-icons a:hover {
    color: #faf9f6;
}
/* Footer end */