@import"https://fonts.googleapis.com/css2?family=Archivo:ital,wght@0,100..900;1,100..900&family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&display=swap";.header{width:100%;height:130px;position:fixed;top:0;left:0;right:0;z-index:1000}.navbar{width:100%;height:100%;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(1,1fr);gap:10px;background-color:var(--background-color);box-sizing:border-box;padding-left:40px;padding-right:40px}span{color:var(--primary-text-color);font-family:var(--body-font-family);font-weight:700;font-size:18px}.city{color:var(--secondary-text-color)}.country{margin-left:3px;color:var(--secondary-text-color)}.colon{margin:0 2px}.timezone{margin-left:3px}.nav_left{grid-column:1 / span 2;grid-row:1;justify-self:start;align-self:center}.nav_middle{grid-column:3 / span 8;grid-row:1;justify-self:center;align-self:center;display:flex;justify-content:center;align-items:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.name{display:flex;flex-direction:column;align-items:center;text-align:center}.nav_right{grid-column:-1 / span 2;grid-row:1;display:flex;justify-content:center;align-items:center}.contact{background:none;background-color:transparent;padding:12px 10px;border-radius:100px;border:1px solid var(--border-line-color);color:var(--primary-text-color);cursor:pointer}.contact:hover{background-color:#d35400}.contact_text{text-align:center;font-family:var(--body-font-family);font-weight:700;font-size:18px;text-transform:capitalize}@media screen and (max-width: 1024px){.navbar{padding-left:20px;padding-right:20px}span,.contact_text{font-size:16px}}@media screen and (max-width: 480px){span,.contact_text{font-size:14px}.contact{padding:10px 8px}}.hero{width:100%;height:calc(100vh - 130px);color:var(--primary-text-color);display:flex;justify-content:center;align-items:center;margin-top:130px}.hero_content{width:100%;height:100%;box-sizing:border-box;padding-left:40px;padding-right:40px}.hero_title{display:grid;grid-template-columns:repeat(11,1fr);grid-template-rows:repeat(2,1fr);grid-auto-rows:1fr;gap:10px;width:100%;height:75%}.hero_title .front{grid-column:1 / span 6;grid-row:1;font-size:220px;font-family:var(--display-font-family);font-weight:700;letter-spacing:-.025em;text-transform:uppercase;align-self:end;line-height:.9}.hero_title .hyphen{grid-column:7 / span 1;grid-row:1;font-size:220px;font-family:var(--display-font-family);justify-content:center;align-items:center;margin-left:12px;margin-bottom:20px;font-weight:700;letter-spacing:-.025em;text-transform:uppercase;align-self:end;line-height:.9}.hero_title .end{grid-column:8 / span 4;grid-row:1;font-size:220px;font-family:var(--display-font-family);font-weight:700;letter-spacing:-.025em;text-transform:uppercase;align-self:end;line-height:.9}.hero_title .title{grid-column:1 / span 9;grid-row:2;font-size:220px;font-family:var(--display-font-family);font-weight:700;letter-spacing:-.025em;text-transform:uppercase;align-self:start;line-height:.9}.hero_text_container{width:100%;height:18%;display:grid;grid-template-columns:repeat(2,1fr);margin-top:0}.hero_text{grid-column:2 / span 1;grid-row:1;font-size:18px;font-family:var(--body-font-family);font-weight:700;line-height:1.2;margin-top:20px;text-align:right;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-width:85%;margin-left:auto;margin-right:0}@media screen and (max-width: 1200px){.hero_title .front,.hero_title .hyphen,.hero_title .end,.hero_title .title{font-size:160px}}@media screen and (max-width: 992px){.hero_title .front,.hero_title .hyphen,.hero_title .end,.hero_title .title{font-size:120px}.hero_text{font-size:16px}}@media screen and (max-width: 768px){.hero{height:auto;margin-top:120px}.hero_content{padding-left:20px;padding-right:20px}.hero_title{grid-template-columns:1fr;grid-template-rows:repeat(4,auto);height:auto;gap:5px}.hero_title .front,.hero_title .hyphen,.hero_title .end,.hero_title .title{font-size:120px;grid-column:1}.hero_title .front{grid-row:1}.hero_title .hyphen{grid-row:2;margin-left:0}.hero_title .end{grid-row:3}.hero_title .title{grid-row:4}.hero_text_container{grid-template-columns:1fr;margin-top:20px}.hero_text{grid-column:1;text-align:left;font-size:14px;max-width:100%}}@media screen and (max-width: 480px){.hero{margin-top:120px}.hero_title .front,.hero_title .hyphen,.hero_title .end,.hero_title .title{font-size:60px}}.project-card{position:relative;width:100%;height:auto;background-color:var(--background-color);margin-bottom:10px;box-sizing:border-box;padding-right:40px;cursor:pointer;overflow:hidden;transition:all .3s ease}.project-header{width:100%;display:grid;grid-template-columns:50px auto 100px;gap:10px;background-color:var(--background-color);margin-bottom:10px;padding:20px;cursor:pointer}.project-number{grid-column:1 / span 1;font-family:var(--display-font-family);font-weight:semibold;font-style:italic;font-size:40px;margin-top:37px}.project-title{grid-column:2 / span 1;font-family:var(--display-font-family);font-weight:semibold;font-style:italic;font-size:80px}input[type=checkbox]{display:none}.live-link{display:flex;justify-self:center;align-self:center;background-color:var(--button-fill-color);color:var(--primary-text-color);text-decoration:none;padding:10px;border-radius:70px;font-family:var(--button-text-font);font-weight:700;font-size:20px;text-transform:uppercase;text-align:center;cursor:pointer}.live-link:hover{background-color:var(--primary-text-color);color:var(--button-fill-color)}.project-content{max-height:0;overflow:hidden;transition:max-height .5s ease-out}.project-content.expanded{max-height:10000px;transition:max-height .8s ease-in}.tooltip{position:absolute;display:inline-block;background-color:var(--secondary-text-color);color:var(--button-fill-color);font-family:var(--body-font-family);font-weight:700;font-size:.8em;text-align:center;padding:6px;border-radius:4px;pointer-events:none;z-index:1000;transition:opacity .2s ease-in-out;white-space:nowrap}.tooltip.visible{opacity:1}.image-marquee-container{display:flex;overflow:hidden}.image-marquee{display:inline-flex;animation:marquee 200s linear infinite}.project-image{flex:0 0 auto;width:500px;height:400px;object-fit:contain;margin-right:20px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.image-marquee-container:hover .image-marquee{animation-play-state:paused}.project-details{display:grid;grid-template-columns:1fr 1fr auto;gap:20px;margin-bottom:20px;align-items:start}.project-about{grid-column:1 / span 1}.technologies{grid-column:2 / span 1}p{font-family:var(--body-font-family);font-weight:700;color:var(--secondary-text-color);font-size:16px;line-height:1.5}ul{list-style:none;font-family:var(--body-font-family);font-weight:700;color:var(--secondary-text-color);font-size:16px;line-height:1.5;padding:0}.github-link-container{grid-column:3;grid-row:1 / span 2;display:flex;justify-content:flex-end;align-items:flex-start}.github-link{display:inline-flex;align-items:center;justify-content:center;background-color:var(--button-fill-color);color:var(--primary-text-color);text-decoration:none;padding:10px 15px;border-radius:70px;font-family:var(--button-text-font);font-weight:700;font-size:16px;text-transform:uppercase;cursor:pointer}@media screen and (max-width: 1024px){.project-card{padding-right:20px}.project-header{grid-template-columns:40px auto 80px;gap:15px}.project-number{font-size:30px;margin-top:25px}.github-link{font-size:14px;padding:8px 12px}}@media screen and (max-width: 480px){.project-card{padding-right:10px}.project-header{padding:10px;gap:5px}.project-number{font-size:20px;margin-top:15px}.project-title{font-size:30px}.live-link{font-size:14px;padding:6px}.project-image{width:250px;height:200px}p,ul{font-size:12px}.project-details{grid-template-columns:1fr}.project-about,.technologies,.github-link-container{grid-column:1}.github-link-container{grid-row:3;justify-content:flex-start;margin-top:10px}.github-link{font-size:12px;padding:6px 10px}}.projects{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin-top:200px}.projects_content{width:100%;box-sizing:border-box;padding-left:40px;padding-right:40px}.projects_title{font-size:16px;font-family:var(--body-font-family);font-weight:700;letter-spacing:1.5%;text-transform:uppercase;color:var(--primary-text-color)}.horizontal_line{width:100%;border-top:2px solid var(--border-line-color);margin-bottom:10px}@media screen and (max-width: 768px){.projects{margin-top:100px}.projects_content{padding-left:20px;padding-right:20px}.projects_title{font-size:14px}}@media screen and (max-width: 480px){.projects{margin-top:50px}.projects_content{padding-left:10px;padding-right:10px}.projects_title{font-size:12px}}.about-skill{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin-top:150px}.full-about{width:100%;box-sizing:border-box;padding-left:40px;padding-right:40px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(1,1fr);gap:10px}.about-content{grid-column:8 / span 4;grid-row:1}.skill-container{grid-column:2 / span 1;grid-row:1;display:flex;flex-direction:column}.skill-title,.about-title{font-size:16px;font-family:var(--body-font-family);font-weight:700;letter-spacing:1.5%;text-transform:uppercase;color:var(--primary-text-color)}.skill-list{margin-top:0}@media screen and (max-width: 992px){.full-about{padding-left:20px;padding-right:20px}.about-content{grid-column:5 / span 8}.skill-container{grid-column:1 / span 12}.skill-title,.about-title,.skill-list{font-size:14px}.about-skill{margin-top:50px}.about-title{margin-bottom:20px}.about-text{font-size:14px}}@media screen and (max-width: 768px){.about-content{grid-column:1 / span 12;grid-row:1}.skill-container{grid-column:1 / span 12;grid-row:2}.skill-title,.about-title,.skill-list{font-size:14px}.about-skill{margin-top:50px}.about-title{margin-bottom:20px}.about-text{font-size:14px}}@media screen and (max-width: 320px){.about-skill{margin-top:20px}.skill-title,.about-title,.skill-list{font-size:12px}}.link-list{list-style-type:none}.arrow-icon{width:24px;height:24px}.links-item{display:flex;align-items:center;gap:10px;margin-bottom:10px}.social-link{text-decoration:none;color:var(--secondary-text-color);font-family:var(--body-font-family);font-weight:700;font-size:16px}.social-link:hover,.social-link:active{color:var(--primary-text-color)}.email-link{color:var(--secondary-text-color);font-family:var(--body-font-family);font-weight:700;font-size:16px;text-decoration:underline}.contact-section{width:100%;height:100%;display:flex;justify-content:center;align-items:center;margin-top:150px}.contact-container{width:100%;box-sizing:border-box;padding-left:40px;padding-right:40px;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(1,1fr);gap:5px}.contact-content{grid-column:8 / span 4;grid-row:1}.contact-text{text-align:left;font-family:var(--body-font-family);font-weight:700;font-size:16px;text-transform:capitalize;line-height:1.5}.contact-title{font-size:16px;font-family:var(--body-font-family);font-weight:700;letter-spacing:1.5%;text-transform:uppercase;color:var(--primary-text-color)}.contact-links{margin-top:65px}@media screen and (max-width: 1024px){.contact-section{margin-top:100px}}@media screen and (max-width: 768px){.contact-section{margin-top:50px}.contact-container{padding-left:20px;padding-right:20px}.contact-content{grid-column:1 / span 12;grid-row:1}.contact-text,.contact-title{font-size:14px}.contact-links{margin-top:40px}.social-link,.email-link{font-size:14px}.arrow-icon{width:20px;height:20px}.links-item{margin-bottom:5px}}@media screen and (max-width: 480px){.contact-section{margin-top:30px}.contact-links{margin-top:20px}.social-link,.email-link{font-size:12px}.arrow-icon{width:16px;height:16px}.links-item{margin-bottom:3px}.contact-title,.contact-text{font-size:12px}.contact-content{grid-column:1 / span 12;grid-row:1}}@media screen and (max-width: 320px){.contact-section,.contact-links{margin-top:20px}.social-link,.email-link,.contact-title,.contact-text{font-size:12px}.arrow-icon{width:12px;height:12px}}.footer{width:100%;height:60px;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:var(--background-color);box-sizing:border-box;padding:20px;margin-top:80px}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin-bottom:20px;cursor:pointer}.footer-text{font-family:var(--body-font-family);font-weight:700;color:var(--secondary-text-color);font-size:14px;line-height:1.5;text-align:center}a{text-decoration:none}a span{color:var(--secondary-text-color);font-family:var(--body-font-family);font-weight:700;font-size:14px;line-height:1.5}a span:hover,a span:active{color:var(--primary-text-color)}@media screen and (min-width: 768px){.footer{flex-direction:row;justify-content:space-between;padding:0 40px;margin-top:160px}.footer-links{margin-bottom:0}.footer-text{font-size:16px;text-align:right}a span{font-size:16px}}:root{--background-color: #2b2b2b;--primary-text-color: #ffffff;--secondary-text-color: #bebebe;--border-line-color: #bebebe;--button-fill-color: #111111;--button-text-font: "Archivo", sans-serif;--body-font-family: "Archivo", sans-serif;--display-font-family: "Cormorant Garamond", serif}html{scroll-behavior:smooth}body{background-color:var(--background-color);box-sizing:border-box;margin:0;padding:0}::-webkit-scrollbar{width:15px;background-color:transparent}::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-color:#d35400}::-webkit-scrollbar-thumb:hover{background-color:#e67e22}*{scrollbar-width:thin;scrollbar-color:#d35400 transparent}