@import url('https://fonts.googleapis.com/css2?family=Crimson+Text:ital,wght@0,400;0,600;1,400&family=Playfair+Display:wght@400;700&display=swap');
body{font-family:'Crimson Text',Georgia,serif!important;font-size:18px;line-height:1.8;color:#2c3e50}
h1,h2,h3,h4,h5,h6{font-family:'Playfair Display','Times New Roman',serif!important;color:#1a252f}
.title-small span,.title-small-center span{font-family:'Playfair Display',serif!important;color:#8b7355;border-bottom:2px solid #c0a080}
#home{background:linear-gradient(135deg,#2c3e50 0%,#34495e 100%)!important}
.hero-content h1{font-size:4em;color:#ecf0f1;font-weight:400;letter-spacing:2px}
.typed{color:#c0a080!important;font-family:'Crimson Text',serif!important;font-style:italic}
.bg-about{background-image:url('../images/bg-about.jpg')!important;background-size:cover;background-position:center}
.card{background:#fafaf8;border-left:3px solid #8b7355;box-shadow:0 2px 8px rgba(0,0,0,0.08)}
.card:hover{box-shadow:0 4px 16px rgba(0,0,0,0.12);transform:translateY(-2px);transition:all 0.3s ease}
.card .year{color:#8b7355}
#sendMessage,input[type="submit"]{background:#8b7355!important;border:none;padding:12px 30px;font-family:'Playfair Display',serif;letter-spacing:1px}
#sendMessage:hover{background:#6d5a43!important}
.skillbar .count{background:#8b7355!important}
.head-about{font-style:italic;color:#555;border-left:4px solid #c0a080;padding-left:20px;line-height:1.9}
.wrap-article{background:#fff;padding:25px;border-radius:0;border:1px solid #e8e8e8;transition:all 0.3s ease}
.wrap-article:hover{border-color:#8b7355;box-shadow:0 4px 12px rgba(139,115,85,0.15)}
.wrap-article .title{font-family:'Playfair Display',serif!important;color:#2c3e50;font-size:1.4em}
.wrap-article .title:hover{color:#8b7355}
.subtitle.fancy span{color:#8b7355}
footer{background:#2c3e50!important;color:#ecf0f1}
.footer-bottom{background:#1a252f!important}
.menu a{font-family:'Playfair Display',serif!important;letter-spacing:1px}
.testi{font-family:'Crimson Text',serif!important;font-style:italic;color:#ecf0f1;line-height:1.8}
.people{color:#c0a080;font-family:'Playfair Display',serif}
.group .bar:before,.group .bar:after{background:#8b7355}
.grey-bg{background:#f8f9fa!important}
.white-bg{background:#ffffff!important}
@media (max-width:768px){body{font-size:16px}.hero-content h1{font-size:2.5em}}