/* styles.css */
:root{--dark:#2b2c2c;--light:#ebe1d8;--primary:#ebe1db;--secondary:#00929d;--accent:#d0ff0f;--white:#fff;--black:#000;--blue:#00f0ffff;--pink:#d90368;--dark:#333;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem}.flex{display:flex}.grid{display:grid}.block{display:block}.hidden{display:none}.grid-2{grid-template-columns:1fr 1fr}.flex-col{flex-direction:column}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.items-center{align-items:center}.flex-1{flex:1}.gap-0{gap:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.w-full{width:100%}.h-full{height:100%}.h-screen{height:100vh}.w-md{max-width:28rem}.w-100{max-width:100%}.w-contents{max-width:min-content}.w-fit{max-width:fit-content}.m0{margin:0 0}.m1{margin:1px 1px}.m1r{margin:1rem 1rem}.mx1r{margin:0 0 1rem}.p0{padding:0 0}.p1px{padding:1px 1px}.p5px{padding:5px 5px}.p10px{padding:10px 10px}.p1r{padding:1rem 1rem}.p2r{padding:2rem 2rem}.p3r{padding:3rem 3rem}.px1r{padding:0px 1rem 0px 1rem}.py1r{padding:1rem 0px 1rem 0px}.px2r{padding:0px 2rem 0px 2rem}.py2r{padding:2rem 0px 2rem 0px}.pl3r{padding:0px 0px 0px 3rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-justified{text-align:justify}.bold{font-weight:700}.semibold{font-weight:400}.plain{font-weight:2000}.noul{text-decoration:none}.text-q{font-size:0.25rem}.text-h{font-size:0.5rem}.text-1{font-size:1rem}.text-1q{font-size:1.2rem}.text-1h{font-size:1.5rem}.text-2{font-size:2rem}.text-3{font-size:3rem}.text-4{font-size:4rem}.text-5{font-size:5rem}.bg-black{background-color:var(--black)}.bg-dark{background-color:var(--dark)}.bg-light{background-color:var(--light)}.bg-primary{background-color:var(--primary)}.bg-secondary{background-color:var(--secondary)}.bg-accent{background-color:var(--accent)}.bg-grad-blue{background-image:linear-gradient(to right,var(--secondary) 0%,var(--blue) 45%,var(--blue) 55%,var(--secondary) 100%);background-size:100% 100%;color:var(--text-dark)}.text-white{color:white}.text-black{color:var(--black)}.text-dark{color:var(--dark)}.text-light{color:var(--light)}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-accent{color:var(--accent)}.text-pink{color:var(--pink)}.text-blue{color:var(--blue)}.border{border:1px solid #e5e7eb}.rounded{border-radius:0.375rem}.nowrap{flex-wrap:nowrap;text-wrap:nowrap}.shadow{asdf}.hover-pink:hover{color:var(--pink)}.hover-accent:hover{color:var(--accent)}.hover-blue:hover{color:var(--blue)}@media (max-width:768px){.md-flex-row{flex-direction:column;align-items:center;gap:1px;margin:1px 1px;padding:1px 1px}}.page-title{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;background-image:linear-gradient(to right,var(--secondary-color) 0%,var(--text-blue) 45%,var(--text-blue) 55%,var(--secondary-color) 100%);background-size:100% 100%;color:var(--text-dark);text-align:center}.btn{display:block;padding:5px 5px;flex-wrap:nowrap;text-wrap:nowrap;transition:all 0.3s ease;text-align:center;border-radius:5px;align-content:normal;border:none;cursor:pointer}.btn:hover{background-color:var(--accent)}.btn:link:hover{color:var(--pink)}.fixed-tl{position:fixed;top:1px;left:1px}nav{position:fixed;top:1px;left:1px;padding:5px 5px;z-index:1000;border-radius:5px;box-shadow:0 2px 8px rgba(0,0,0,0.4);background-color:rgba(0,0,0,0)}@media (max-width:768px){nav{top:10px;left:10px}}nav:hover,nav:focus-within{background-color:rgba(0,0,0,0.8)}.nav-container{width:100%}@media (max-width:768px){.nav-container ul{flex-direction:column;align-items:center;gap:0px}}.nav-container ul li{margin:0px 0px 0px 0px;padding:0px 5px 0px 5px;list-style-type:none}nav ul li a{display:block;padding:1.5px 1.5px;color:var(--blue);text-decoration:none;font-size:0.95rem;font-weight:500;transition:color 0.3s ease;text-shadow:0.5px 0.5px 0.5px rgba(0,0,0,0.5)}@media (max-width:768px){nav ul li a{font-size:0.95rem;font-weight:500;padding:3px 4px}}nav ul li a:hover{color:var(--accent)}@media (max-width:768px){nav ul li{margin:0.5rem 0}}body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;line-height:1.6}.card{border-radius:5px;background:white;margin:1rem 1rem 1rem 1rem;padding:1rem 1rem 1rem 1rem;box-shadow:0 5px 15px rgba(0,0,0,0.1);transition:transform 0.3s ease;text-decoration:none;display:block;max-width:360px;text-align:center;color:inherit}.card:hover{transform:translateY(-10px)}.thumbnail{max-width:275px;cursor:zoom-in;transition:transform 0.2s ease}.thumbnail:hover{transform:scale(1.05);opacity:0.8}input[type='checkbox']#lightbox-toggle-1:checked~#lightbox-1,input[type='checkbox']#lightbox-toggle-2:checked~#lightbox-2{display:flex}.lightbox{display:none;position:fixed;inset:0;background-color:rgba(0,0,0,0.85);justify-content:center;align-items:center;z-index:1000}.lightbox img{max-width:90%;max-height:90%;box-shadow:0 0 30px rgba(255,255,255,0.2);cursor:zoom-out}.lightbox-backdrop{cursor:zoom-out}details{margin-bottom:1rem;border-radius:8px;padding:0.5rem;font-size:1.2rem}summary{font-weight:bold;cursor:pointer}details[open]{transition:background-color 0.3s ease}.cv-item{margin:0px 0px 0px 0px;padding:1px 1rem 0.3rem 10px;max-width:100%;font-size:1rem;align-items:left;text-align:justify;background-color:var(--light);color:var(--dark)}.cv-item p,.cv-item h2{margin:0px 0px 0px 1px;padding:1px 1px 1px 1px}.cv-item ul{margin:0.2rem 2rem 0.2rem 2rem;padding:1px 1px 1px 1px}.cv-item:nth-child(odd){background-color:color-mix(in srgb,var(--blue) 10%,var(--light) 90%);color:var(--dark)}.contact-form-group{margin-bottom:1.5rem}.contact-form-group label{display:block;margin-bottom:0.5rem;font-weight:600;color:var(--dark-color)}.contact-form-control{width:100%;padding:0.75rem;border:1px solid var(--text-blue);border-radius:5px;font-family:inherit;font-size:1rem;box-sizing:border-box}textarea.contact-form-control{height:150px;resize:vertical}.contact-form{padding:1rem}.contact-info{padding:1rem;background-color:var(--secondary-color);color:var(--text-light);font-weight:600;border-radius:5px}.contact-info h2{color:var(--text-light);margin-top:0;margin-bottom:1.5rem}.contact-info-item h3{color:var(--accent-color);margin-bottom:0.5rem}.contact-info-item p a{color:var(--text-blue)}