*{box-sizing:border-box;font-family:Verdana,Geneva,Tahoma,sans-serif}html,body{background:#edece7 url(/assets/selina-farzaei--cJjkNo8r7k-unsplash-optimized-CzYpITE6.webp);width:100%;height:100%;margin:0;padding:0}h1,h2,h3,h4,h5,h6,p{margin:0}main{flex-direction:column;width:100%;height:100%;display:flex;overflow:hidden}header{background:#000;flex-shrink:1;padding-bottom:12px}header nav{flex-direction:row;display:flex}header nav a{color:#fff;padding:24px;-webkit-text-decoration:none;text-decoration:none}header nav a:hover{-webkit-text-decoration:underline;text-decoration:underline}header nav a.active{background:#ffffff1a}ul{margin:0;padding-left:32px}li{padding-bottom:4px}.bttn{color:#fff;background:#2563eb;border-radius:999px;flex-direction:row;align-self:flex-start;align-items:center;padding:12px 32px;font-weight:600;-webkit-text-decoration:none;text-decoration:none;transition:background .2s;display:flex}.bttn.l-icon{padding-left:16px}.bttn:hover{text-decoration:none;background:#1d4ed8;-webkit-text-decoration:underline;text-decoration:underline}div.content_wrap{width:100%;height:100%;overflow:auto}div.content{flex-grow:1;justify-content:center;display:flex}article{background:#fff;flex-direction:column;gap:16px;padding:24px;display:flex}@media (width>=768px){div.content_wrap{padding:32px}article{width:900px;box-shadow:0 1px 9px 1px #00000080}}.view_counter_wrap{justify-content:center;margin-top:16px;display:flex}.view_counter{color:#fff;-webkit-backdrop-filter:blur(8px);background:#00000073;border:1px solid #ffffff40;border-radius:999px;align-items:center;gap:10px;margin:0;padding:6px 16px 10px;display:flex;box-shadow:0 4px 20px #0003,inset 0 0 12px #ffffff0d}.view_counter .count{font-size:.9rem;font-weight:700}.view_counter .label{color:#ffffffbf;font-size:.85rem}.view_counter button{color:#fff;cursor:pointer;background:#ffffff26;border:1px solid #ffffff59;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;padding:0;font-size:.8rem;font-weight:700;transition:background .2s,transform .2s,box-shadow .2s;display:flex}.view_counter button:hover{background:#ffffff4d;transform:scale(1.1);box-shadow:0 0 10px #ffffff40}.view_counter button:active{transform:scale(.95)}body[location=home]{background-image:url(/assets/photo-1570284613060-766c33850e00-C4cqR_fb.avif);background-position:50%;background-size:cover;background-attachment:fixed}body[location=home] .eyebrow{letter-spacing:.12em;color:#b8b8b8;margin-bottom:8px;font-size:.75rem;font-weight:700}body[location=home] section{width:100%}body[location=home] article{-webkit-backdrop-filter:blur(10px);background:#ffffff45;border:1px solid #ffffff4d;border-radius:16px;flex-direction:column;gap:16px;padding:24px;display:flex;box-shadow:0 4px 30px #0000001a}body[location=home] .home_hero{border-bottom:1px solid #e6e6e6;padding:32px 0 40px}body[location=home] .hero_content{max-width:700px}body[location=home] .hero_content h1{color:#fff;margin-bottom:16px;font-size:3rem;line-height:1.1}body[location=home] .hero_description{color:#9e9e9e;max-width:650px;font-size:1.1rem;line-height:1.7}body[location=home] .hero_buttons{flex-direction:row;gap:12px;margin-top:24px;display:flex}body[location=home] .hero_buttons .bttn{gap:8px}body[location=home] .hero_buttons .bttn.secondary{color:#7a98ac;background:#f5f5f5;border:1px solid #dcdcdc}body[location=home] .featured_projects{padding:40px 0}body[location=home] .section_heading{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px;display:flex}body[location=home] .section_heading h2{color:#fcfcfc;font-size:1.5rem}body[location=home] .view_all{color:#fff;align-items:center;gap:6px;font-weight:600;-webkit-text-decoration:none;text-decoration:none;display:flex}body[location=home] .view_all:hover{-webkit-text-decoration:underline;text-decoration:underline}body[location=home] .project_grid{grid-gap:16px;grid-template-columns:repeat(3,1fr);gap:16px;display:grid}body[location=home] .project_card{-webkit-backdrop-filter:blur(10px);background:#fff0;border:1px solid #e1e1e159;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden;box-shadow:0 4px 30px #0000001a}body[location=home] .project_card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #00000014}body[location=home] .project_card img{-o-object-fit:cover;object-fit:cover;width:100%;height:150px}body[location=home] .project_card_content{flex-direction:column;flex:1;padding:20px;display:flex}body[location=home] .project_card_content h3{color:#d4d6d6;margin-bottom:8px;font-size:1.1rem}body[location=home] .technologies{flex-wrap:wrap;gap:6px;margin-top:16px;display:flex}body[location=home] .technologies span{color:#464646;background:#f0f0f0;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:600}body[location=home] .project_link{color:#3a5763;align-items:center;gap:6px;width:fit-content;margin-top:20px;font-size:.9rem;font-weight:600;-webkit-text-decoration:none;text-decoration:none;display:flex}body[location=home] .project_link:hover{-webkit-text-decoration:underline;text-decoration:underline}body[location=home] .current_focus{grid-gap:48px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;grid-template-columns:1fr 2fr;gap:48px;padding:40px 0;display:grid}body[location=home] .current_focus h2{color:#fcfcfc;font-size:1.5rem;line-height:1.35}body[location=home] .focus_items{flex-direction:column;gap:24px;display:flex}body[location=home] .focus_item{gap:16px;display:flex}body[location=home] .focus_item>span{color:#9e9e9e;flex-shrink:0;font-size:.8rem;font-weight:700}body[location=home] .focus_item h3{color:#fff;margin-bottom:6px;font-size:1rem}body[location=home] .focus_item p{color:#c2c2c2;font-size:.9rem;line-height:1.6}body[location=home] .portfolio_tech{padding:40px 0}body[location=home] .portfolio_tech h2{color:#fcfcfc;max-width:550px;margin-bottom:20px;font-size:1.5rem;line-height:1.4}body[location=home] .tech_list{color:#7a98ac;flex-wrap:wrap;gap:8px;display:flex}body[location=home] .tech_list span{background:#f8f8f8;border:1px solid #dcdcdc;border-radius:999px;padding:8px 14px;font-size:.85rem;font-weight:600}body[location=home] .home_cta{-webkit-backdrop-filter:blur(10px);background:#fff0;border-radius:16px;justify-content:space-between;align-items:center;gap:24px;padding:32px;display:flex;box-shadow:0 4px 30px #0000001a}body[location=home] .home_cta h2{color:#fcfcfc;font-size:1.25rem}body[location=home] .home_cta .hero_buttons{flex-shrink:0;margin-top:0}body[location=home] .bttn{background:#74afc7}@media (width<=767.98px){body[location=home] .home_hero{padding:32px 16px}body[location=home] .hero_content h1{font-size:2.25rem}body[location=home] .hero_description{font-size:1rem}body[location=home] .hero_buttons{flex-direction:column}body[location=home] .hero_buttons .bttn{justify-content:center}body[location=home] .featured_projects{padding:32px 16px}body[location=home] .section_heading{flex-direction:column;align-items:flex-start}body[location=home] .project_grid{grid-template-columns:1fr}body[location=home] .project_card img{height:200px}body[location=home] .current_focus{flex-direction:column;gap:32px;padding:32px 16px;display:flex}body[location=home] .portfolio_tech{padding:32px 16px}body[location=home] .home_cta{flex-direction:column;align-items:flex-start;margin:0 16px;padding:24px}body[location=home] .home_cta .hero_buttons{width:100%}}@media (width>=768px){body[location=home] .project_card_content{min-height:300px}}body[location=resume] section.header{text-align:center;padding-bottom:12px}body[location=resume] section.header p{gap:8px;display:flex}body[location=resume] section h2{text-transform:uppercase;border-bottom:1px solid #000;padding:8px 0;font-size:16px}body[location=resume] section h3{font-size:16px}body[location=resume] .item{padding:12px 0}body[location=resume] .information_wrap{padding-bottom:8px;display:flex}body[location=resume] .information_wrap .info,body[location=resume] .information_wrap .details{flex-direction:column;gap:4px;display:flex}body[location=resume] .information_wrap .details .duration{font-style:italic}body[location=resume] .info{flex:1;min-width:0}body[location=resume] .certification-list{margin:12px 0 0;padding:0;list-style:none}body[location=resume] .certification-list li{margin-bottom:8px;font-size:.95rem;font-weight:700}body[location=resume] .certification-list span{color:#666;font-style:italic}body[location=resume] .skills .skill-group{margin-bottom:10px;line-height:1.5}body[location=resume] .skills .skill-label{font-weight:700}@media (width<=767.98px){body[location=resume] section.header p{flex-direction:column;padding-top:24px}body[location=resume] section.header p span.bull{display:none}body[location=resume] .information_wrap{flex-direction:column;gap:8px}body[location=resume] .information_wrap .details{justify-content:space-between;flex-direction:row!important}}@media (width>=768px){body[location=resume] section.header p{flex-direction:row;justify-content:center}body[location=resume] .information_wrap{flex-direction:row;justify-content:space-between}body[location=resume] .information_wrap .details{text-align:right;flex-shrink:0}body[location=resume] .coursework{white-space:nowrap}}body[location=projects] article{width:1000px!important}body[location=projects] .projects{flex-direction:column;flex:1;gap:40px;display:flex}body[location=projects] .project_item{background:#fff;border:1px solid #ebebeb;border-radius:16px;gap:32px;padding:24px;transition:transform .2s,box-shadow .2s;display:flex}body[location=projects] .project_item .project_info{flex-direction:column;display:flex}body[location=projects] .project_item .project_info .bttn{margin-top:8px}body[location=projects] .project_item .project_info h2{margin-bottom:12px}body[location=projects] .project_item .project_info p{color:#555;line-height:1.6em}body[location=projects] .project_item .project_thumbnail{-o-object-fit:cover;object-fit:cover;border-radius:12px;flex-shrink:0;width:360px;height:220px}body[location=projects] .project_item .technologies{flex-wrap:wrap;gap:8px;padding-bottom:8px;display:flex}body[location=projects] .project_item .technology{color:#2850b4;background:#ebf2ff;border-radius:999px;padding:6px 12px;font-size:.9rem;font-weight:600}body[location=projects] .project_item:hover{transform:translateY(-3px);box-shadow:0 10px 30px #00000014}@media (width<=767.98px){body[location=projects] article{padding:0}body[location=projects] .project_item{border-bottom:1px solid #dcdcdc;flex-direction:column;gap:24px}body[location=projects] .project_item .project_info{order:2;padding:16px}body[location=projects] .project_item p{padding-bottom:16px}body[location=projects] .project_item .bttn,body[location=projects] .project_thumbnail{align-self:center}}@media (width>=768px){body[location=projects] .project_item{flex-direction:row;gap:24px}}body[location=aboutme]{background-color:#0000;background-image:linear-gradient(#f4f0e800,#f4f0e800),url(/assets/wood-material-background-wallpaper-texture-concept_53876-42925-CVvOr9C4.webp);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:fixed;background-origin:padding-box,padding-box;background-clip:border-box,border-box}body[location=aboutme] article{color:#24211d}body[location=aboutme] .eyebrow{color:#9a6845;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px;font-size:12px;font-weight:700}body[location=aboutme] h1,body[location=aboutme] h2,body[location=aboutme] h3{color:#211e1a}body[location=aboutme] .about_intro{grid-gap:48px;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);align-items:center;gap:48px;padding:24px 0 48px;display:grid}body[location=aboutme] .about_intro_content{max-width:620px}body[location=aboutme] .about_intro h1{letter-spacing:-.03em;margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:max(36px,min(5vw,54px));font-weight:700;line-height:1.05}body[location=aboutme] .about_intro p:not(.eyebrow){max-width:600px;font-size:16px;line-height:1.8}body[location=aboutme] .about_photo{background:#fffdf8;justify-self:center;padding:12px;position:relative;transform:rotate(2deg);box-shadow:0 12px 30px #281e1429}body[location=aboutme] .about_photo:before{content:"";background:#d2ae8ca6;width:70px;height:18px;position:absolute;top:-9px;left:50%;transform:translate(-50%)rotate(-2deg)}body[location=aboutme] .about_photo img{-o-object-fit:cover;object-fit:cover;width:220px;height:280px;display:block}body[location=aboutme] .about_story{border-top:1px solid #5041322e;max-width:760px;padding:42px 0 0}body[location=aboutme] .about_story h2{margin-bottom:22px;font-family:Georgia,Times New Roman,serif;font-size:32px}body[location=aboutme] .about_story p:not(.eyebrow){margin-bottom:18px;font-size:15px;line-height:1.8}body[location=aboutme] .hobbies{padding:20px 0 48px}body[location=aboutme] .hobbies h2{margin-bottom:24px;font-family:Georgia,Times New Roman,serif;font-size:32px}body[location=aboutme] .hobby_grid{grid-gap:24px;grid-template-columns:1fr;gap:24px;display:grid}body[location=aboutme] .hobby{background:#fffdf8bf;border:1px solid #50413226;min-height:250px;padding:24px;transition:transform .2s,box-shadow .2s;position:relative}body[location=aboutme] .hobby:nth-child(2),body[location=aboutme] .hobby:nth-child(3),body[location=aboutme] .hobby:nth-child(4){transform:none}body[location=aboutme] .hobby:hover{transform:translateY(-4px);box-shadow:0 10px 25px #281e141a}body[location=aboutme] .hobby:nth-child(2):hover,body[location=aboutme] .hobby:nth-child(4):hover{transform:translateY(4px)}body[location=aboutme] .hobby_number{color:#a16c48;letter-spacing:.1em;margin-bottom:28px;font-size:12px;font-weight:700;display:block}body[location=aboutme] .hobby h3{margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:22px}body[location=aboutme] .hobby p{font-size:14px;line-height:1.7}body[location=aboutme] .about_cta{text-align:center;border-top:1px solid #5041322e;padding:48px 0 24px}body[location=aboutme] .about_cta h2{margin-bottom:12px;font-family:Georgia,Times New Roman,serif;font-size:32px}body[location=aboutme] .about_cta>p:not(.eyebrow){max-width:500px;margin:0 auto 24px;line-height:1.7}body[location=aboutme] .about_cta .hero_buttons{flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;display:flex}body[location=aboutme] .about_cta .hero_buttons a{color:#1a1919;text-align:center;box-sizing:border-box;background:#a16c48;justify-content:center;align-items:center;width:220px;margin-left:auto;margin-right:auto;padding:10px 20px;display:flex}@media (width<=767.98px){body[location=aboutme] article{padding:24px}body[location=aboutme] .about_intro{grid-template-columns:1fr;gap:36px;padding-top:10px}body[location=aboutme] .about_intro h1{font-size:40px}body[location=aboutme] .about_photo{order:-1}body[location=aboutme] .about_photo img{width:200px;height:250px}body[location=aboutme] .hobby_grid{grid-template-columns:1fr}body[location=aboutme] .hobby,body[location=aboutme] .hobby:nth-child(2),body[location=aboutme] .hobby:nth-child(3),body[location=aboutme] .hobby:nth-child(4),body[location=aboutme] .hobby:hover,body[location=aboutme] .hobby:nth-child(2):hover,body[location=aboutme] .hobby:nth-child(4):hover{transform:none}}@media (width>=768px){body[location=aboutme] article{padding:32px 48px}}