footer,main{padding:20px 0}footer,nav{background:rgba(0,0,0,.7);border-radius:0 0 10px 10px;text-align:center}footer,header,nav,nav ul{text-align:center}#about p a,nav ul li a{padding:10px 20px;text-decoration:none;font-weight:700}.project-btn,nav ul li a{transition:background-color .3s}.honors-list li,.honors-list li strong{font-weight:400}#about p a,.btn-link,.contact-info a,nav ul li a{text-decoration:none}#Skills li strong,#about p a,.course-title,.position-title,nav ul li a{font-weight:700}body{font-family:Roboto,sans-serif;line-height:1.6;margin:0;padding:0;color:#333;background:url('photos/background1.webp') center center/cover no-repeat fixed}.container{width:80%;margin:0 auto;overflow:hidden;background-color:rgba(255,255,255,.9);padding:20px;border-radius:10px}header{background:rgba(0,0,0,.7);color:#fff;padding:30px 0;border-radius:10px 10px 0 0}header h1{margin:0;font-size:2.5em;color:#000}header p{font-size:1.2em;color:#000}nav{color:#ffffff55;padding:15px 0}nav ul li{display:inline}.contact-info a:hover,nav ul li a:hover{color:#e8491d}#Personal_Interests,main section{background:#fff;padding:20px;margin-bottom:20px;border-radius:5px}main section h2{font-size:1.8em;margin-bottom:10px;color:#35424a}main section p,main section ul{font-size:1.1em;color:#333}#Personal_Interests ul,main section ul{list-style-type:none;padding-left:0}main section ul li{margin-bottom:10px;font-size:1.2em}#Personal_Interests h2,#Skills h2,#about h2,#honors h2,#projects h2,.education h2,.work-experience h2{font-size:1.8rem;margin-bottom:16px;color:#35424a}#about p a{display:inline-block;background-color:#35424a;color:#fff;border-radius:8px;transition:background-color .3s,transform .2s}footer{color:#000;border-top:3px solid #e8491d}#ptp-description p,footer p{margin:0}.contact-info{display:flex;flex-direction:column;align-items:center}.contact-info a{color:#333;margin:10px 0;font-size:1.5em;transition:color .3s;display:flex;align-items:center}.contact-info a i{margin-right:10px}@media (max-width:768px){.container{width:95%}nav ul li{display:block;margin:10px 0}}#scrollToTopBtn{display:flex;justify-content:center;align-items:center;position:fixed;bottom:20px;right:30px;z-index:99;font-size:24px;background-color:#e8491d;color:#fff;border:none;width:50px;height:50px;border-radius:50%;cursor:pointer;box-shadow:0 4px 8px rgba(0,0,0,.2);opacity:0;visibility:hidden;transform:translateY(20px);transition:.4s ease-in-out}#scrollToTopBtn.show{opacity:1;visibility:visible;transform:translateY(0)}#scrollToTopBtn:hover{background-color:#333;transform:scale(1.1);box-shadow:0 6px 12px rgba(0,0,0,.3)}#Personal_Interests ul li{margin-bottom:10px;font-size:1em;color:#333}nav ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center}nav ul li{margin:5px}nav ul li a{color:#959191;font-size:1.2em;border-radius:5px}@media (max-width:768px){nav ul{flex-direction:column}}.image-row img{margin:0;padding:0;width:48%}#ptp-description{padding:10px;border:1px solid #ddd;border-radius:5px;background-color:#f9f9f9;margin-top:1em;font-size:.95rem;display:none}#emoji-picker,#feedback-preview{border:1px solid #ccc;padding:10px}#emoji-picker-container,#preview-container,.project-btn,.reply-container,.social-links{margin-top:10px}#ptp-description img{max-width:100px}#emoji-picker{display:flex;flex-wrap:wrap;background-color:#f9f9f9}#emoji-picker span{cursor:pointer;font-size:24px;margin-right:5px}.hidden{display:none}#feedback-preview{background-color:#f0f0f0;margin-top:5px}#comments-section{margin-top:30px}#comments-list li{margin-bottom:15px}.comment-actions button,.project-btn i{margin-right:5px}.replies-list{margin-left:20px}.circular-image{width:170px;height:170px;border-radius:50%;margin-bottom:20px;object-fit:cover;object-position:50% 40%}.social-links{display:flex;gap:15px}.social-links a{color:#000;font-size:1.5rem;transition:color .3s}.social-links a:hover{color:red}.project-list{display:flex;flex-direction:column;gap:20px}.project-item{display:flex;align-items:center;border-bottom:1px solid #ddd;padding-bottom:15px;padding-top:15px}.project-item img{width:200px;height:auto;margin-right:20px;border-radius:8px}.project-content{flex:1}.project-content h3{font-size:1.2rem;margin:0}.project-content p{font-size:.9rem;margin:8px 0;line-height:1.5}.education-details,.project-details{list-style-type:disc;padding-left:20px;margin-top:10px}.project-details li{font-size:.9rem;line-height:1.6;margin-bottom:5px}.project-btn{display:inline-flex;align-items:center;background-color:#333;color:#fff;border:none;padding:8px 12px;font-size:.9rem;cursor:pointer;border-radius:5px}#Skills ul,.honors-list{list-style-type:none;padding:0}.project-btn:hover{background-color:#555}#Skills,#honors{padding:20px;font-family:Arial,sans-serif}#Skills li{font-size:1rem;line-height:1.8;margin-bottom:8px}.teacher-assistant li{font-size:.9rem;line-height:.97;margin-bottom:5px;margin-top:2px}.separator{border-top:1px solid #d3d3d3;margin:20px 0}.education h3{font-size:20px}.education h4,.education h5{font-size:15px}.education-details li{font-size:.9rem;line-height:.97;margin-bottom:5px}.honors-list{margin:0}.btn-link,.toggle-btn{padding:4px 8px;background-color:#007acc;color:#fff;transition:background-color .3s}.honors-list li{font-size:1rem;line-height:1.5;margin-bottom:1em}.toggle-btn{margin-left:10px;border:none;font-size:.9rem;cursor:pointer;border-radius:5px}.btn-link:hover,.toggle-btn:hover{background-color:#005f99}.btn-link{font-size:.85rem;border-radius:5px}.work-experience p{font-size:1rem;text-align:left;margin-bottom:1em}.work-experience p.justify-text{text-align:justify}.course-title{font-size:1rem;margin-bottom:5px}.teacher-assistant{list-style-type:disc;padding-left:20px;margin-top:0;line-height:1.4}.company-title,.department-title{font-size:1rem;margin-top:.1px;margin-bottom:.11px}.dates,.location-dates{font-size:.95rem;color:#555;margin-top:.1px;margin-bottom:.1px}.position-title{font-size:1.1rem;margin-bottom:.1px}.justify-text{text-align:justify}



@media (max-width:768px){
.work-experience>div{display:flex;align-items:flex-start;gap:12px}
.work-experience>div img{width:64px;flex:0 0 64px;margin:0 12px 0 0 !important}
.work-experience h3,.work-experience h5{margin:2px 0;line-height:1.3}
.work-experience p{font-size:.95rem;line-height:1.55;margin:6px 0 8px}
.work-experience .btn-link{display:inline-block;white-space:nowrap;margin-top:6px}
.education>div{display:flex;align-items:flex-start;gap:12px}
.education img{width:60px;flex:0 0 60px;margin:0 10px 0 0 !important}
.education h3{font-size:1rem;line-height:1.35;margin:4px 0}
.education ul{line-height:1.3 !important}
#projects .project-item{flex-direction:column;align-items:flex-start}
#projects .project-item img{width:100%;max-width:420px;margin:0 0 12px 0 !important;border-radius:8px}
img[style*="margin-top"]{margin-top:0 !important}
body{background-attachment:scroll}
}