@charset "UTF-8";:root{--spacing-xxs: 6px;--spacing-xs: 12px;--spacing-sm: 18px;--spacing-md: 24px;--spacing-lg: 30px;--spacing-xl: 36px;--spacing-xxl: 40px;--breakpoint-xs: 320px;--breakpoint-sm: 600px;--breakpoint-md: 905px;--breakpoint-lg: 1240px;--breakpoint-xl: 1440px}button{padding:10px 25px;border-radius:20px;cursor:pointer;border:none;-webkit-box-shadow:0px 0px 8px -2px rgba(0,0,0,.6);-moz-box-shadow:0px 0px 8px -2px rgba(0,0,0,.6);box-shadow:0 0 8px -2px #0009;text-wrap:nowrap}button:active{opacity:.8}@media (pointer: fine){button:hover{opacity:.8}}button .primary{background-color:var(--primary-color);color:var(--white)}.button-row{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);margin-top:var(--spacing-xxl)}header{text-align:center;margin:0;padding:0;color:var(--text-color)}.main-content{min-height:85vh}section{transition:all .5s ease-in}section.animate{opacity:1;transform:translateY(0)}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.flex{display:flex}h1{color:var(--background-color);margin:0}ul{padding-inline-start:20px}ul li{list-style-type:square}div.fill-background{padding:20px;border-radius:20px;background-color:var(--background-color);margin-block-start:24px}p.project-row{display:grid;grid-template-columns:240px 1fr;gap:1rem}p.project-row .label{font-weight:600}p.mb-start,h6.mb-start{margin-block-start:0}p.mb-start,h6.mb-end{margin-block-end:0}hr{border:1.5px solid var(--black)}p.project-row a{color:var(--text-color);text-decoration:none}p.project-row a:hover,p.project-row a:focus{color:var(--primary-color)}p.project-row:has(button){grid-template-columns:240px 340px}ul li.list-item-arrow{position:relative;list-style:none}ul li.list-item-arrow:before{content:"\25b6";position:absolute;left:-20px;top:2px}.thankyou{display:flex;flex-direction:row}.main-content{min-height:500px}.background{min-height:120px}@media screen and (max-width: 1536px){p.project-row{grid-template-columns:165px 1fr}p.project-row:has(button){grid-template-columns:165px 340px}.about-me .img-text-group{display:flex;flex-direction:column;gap:var(--spacing-xl);align-items:center;text-align:justify}.thankyou{display:flex;flex-direction:column;justify-content:start;align-items:start}.thankyou #about-img{object-fit:fill}.button-row{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xxl)}}body.dark-theme section.primary a,body.dark-theme section.secondary a{color:var(--black)}body.dark-theme section.primary a:hover,body.dark-theme section.primary a:focus,body.dark-theme section.secondary a:hover,body.dark-theme section.secondary a:focus{color:var(--white)}@media (hover: hover){body.dark-theme section.primary a:hover,body.dark-theme section.primary a:focus,body.dark-theme section.secondary a:hover,body.dark-theme section.secondary a:focus{color:var(--white)}}body.dark-theme section.primary button,body.dark-theme section.secondary button{background-color:var(--white);color:var(--black)}body.dark-theme div.fill-background{color:var(--white)}@media (hover: hover){body.dark-theme h6.link:hover,body.dark-theme h6.link:focus{color:var(--white)}}body.dark-theme section.background button{background-color:var(--secondary-color);color:var(--black)}body.light-theme section.secondary a,body.light-theme section.accent a{color:var(--black)}@media (hover: hover){body.light-theme section.secondary a:hover,body.light-theme section.secondary a:focus,body.light-theme section.accent a:hover,body.light-theme section.accent a:focus{color:var(--white)}}body.light-theme section.secondary button,body.light-theme section.accent button{background-color:var(--white);color:var(--black)}body.light-theme section.primary a{color:var(--white)}@media (hover: hover){body.light-theme section.primary a:hover,body.light-theme section.primary a:focus{color:var(--black)}}@media (hover: hover){body.light-theme section.primary h6.link:hover,body.light-theme section.primary h6.link:focus{color:var(--white)}}body.light-theme section.primary button{background-color:var(--white);color:var(--black)}body.light-theme section.background button{background-color:var(--primary-color);color:var(--white)}nav{display:flex;align-items:start;height:100%}nav img{max-width:14rem;height:auto}nav img#center-geo{grid-area:center-geo}nav .nav-left-part{grid-area:left-part;display:flex;justify-content:center;align-items:center;width:220px;margin:auto;gap:1rem}nav .nav-right-part{grid-area:right-part;display:flex;justify-content:center;align-items:center;width:220px;margin:auto;gap:1rem}nav a{color:var(--text-color);text-decoration:none;padding:.5rem 1rem}@media (hover: hover){nav a a:hover{color:var(--primary-color)}}nav .nav-item{cursor:pointer}nav .nav-item-icon{width:20px;height:20px}@media (hover: hover){body.dark-theme nav .nav-item-icon:hover{filter:brightness(0) saturate(100%) invert(85%) sepia(8%) saturate(7496%) hue-rotate(350deg) brightness(93%) contrast(105%)}body.light-theme nav .nav-item-icon:hover{filter:brightness(0) saturate(100%) invert(43%) sepia(39%) saturate(1196%) hue-rotate(126deg) brightness(89%) contrast(98%)}}@media (hover: hover){nav .nav-item:hover{color:var(--primary-color)}}nav .nav-item.active{color:var(--primary-color)}@media only screen and (max-width: 480px){nav{display:flex;flex-direction:column;position:relative;max-height:314px}nav img#center-geo{order:10;position:absolute;right:-30px;max-width:100px}nav img#left-geo{order:-10;position:absolute;top:62px;left:-30px;max-width:100px}nav .nav-left-part{display:grid;grid-template-columns:120px 95px;margin-top:1.5rem}nav .nav-right-part{display:grid;grid-template-columns:90px 75px 60px;margin-bottom:1.5rem}nav img#right-geo{display:none}nav img#center-geo,nav img#left-geo{display:flex;align-items:center;justify-self:center}}@media only screen and (min-width: 481px) and (max-width: 1024px){nav{display:grid;grid-template-areas:"center-geo left-part" "center-geo right-part"}nav img#center-geo{order:1}nav .nav-left-part{order:2}nav .nav-right-part{order:3}nav img#left-geo,nav img#right-geo{display:none}}@media only screen and (min-width: 1025px) and (max-width: 1260px){nav img#left-geo,nav img#right-geo{display:none}}body{--text-color: #001e1d;--white: #fcfcfc;--black: #001e1d;--text-color-hover: #f1f1f199;--primary-color: #038c7f;--secondary-color: #a3d9c9;--accent-color: #f2b705;--dark-green: #038c7f;--light-green: #a3d9c9;--yellow: #f2b705;--background-color: #fcfcfc}body.dark-theme{--text-color: #fcfcfc;--white: #fcfcfc;--black: #001e1d;--text-color-hover: #001e1d99;--primary-color: #f2b705;--secondary-color: #a3d9c9;--accent-color: #038c7f;--dark-green: #038c7f;--light-green: #a3d9c9;--yellow: #f2b705;--background-color: #001e1d}.text-color{color:var(--text-color)}.primary-color{color:var(--primary-color)}.secondary-color{color:var(--secondary-color)}.accent-color{color:var(--accent-color)}.tooltip{position:relative;display:flex;align-items:center;width:70px;justify-content:center}.tooltip .tooltip-content{display:none;width:120px;background-color:var(--text-color);color:var(--background-color);text-align:center;font-size:small;border-radius:var(--spacing-xxs);padding:var(--spacing-xxs) var(--spacing-xs);position:absolute;z-index:1;bottom:125%;left:50%;margin-left:-73px;opacity:0;transition:opacity .3s}.tooltip .tooltip-content:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border-width:var(--spacing-xxs);border-style:solid;border-color:var(--text-color) transparent transparent transparent}.tooltip:hover{color:var(--primary-color)}@font-face{font-family:Outfit;src:url(/Outfit/Outfit-VariableFont_wght.ttf) format("truetype");font-display:swap}@font-face{font-family:Allura;src:url(/Allura/Allura-Regular.ttf);font-display:swap}.script-font{font-family:Allura,cursive;font-size:48px;line-height:1.2}h1{font-weight:500;font-size:93px;letter-spacing:-1.5px}@media screen and (max-width: 480px){h1{font-size:47px}}@media screen and (min-width: 481px) and (max-width: 670px){h1{font-size:64px}}h2{font-weight:500;font-size:58px;letter-spacing:-.5px}@media screen and (max-width: 480px){h2{font-size:28px}}@media screen and (min-width: 481px) and (max-width: 670px){h2{font-size:47px}}h3{font-weight:400;font-size:48px;letter-spacing:0;margin-block-start:0}h4{font-weight:400;font-size:34px;letter-spacing:0}h5{font-weight:400;font-size:24px;letter-spacing:0}h6{font-weight:500;font-size:20px;letter-spacing:0}.subtitle-1{font-weight:400;font-size:16px;letter-spacing:.15px}.subtitle-2{font-weight:500;font-size:14px;letter-spacing:.1px}.body-1{font-weight:400;font-size:16px;letter-spacing:.5px}.body-2{font-weight:400;font-size:14px;letter-spacing:.25px}button{font-weight:500;font-size:14px;letter-spacing:1.25px;text-transform:uppercase}.caption{font-weight:400;font-size:12px;letter-spacing:.4px}.overline{font-weight:400;font-size:10px;letter-spacing:1.5px}.pointer{cursor:pointer}.no-wrap{text-wrap:nowrap}footer{background-color:var(--secondary-color);color:var(--black)}footer app-section-wrapper#footer section{font-size:12px;display:flex;justify-content:space-between;padding:var(--spacing-xs) 18vw;align-items:center;gap:2rem}footer app-section-wrapper#footer section a{color:#001e1d;text-decoration:none}footer app-section-wrapper#footer section a:hover{color:#038c7f}@media only screen and (max-width: 480px){footer app-section-wrapper#footer section{padding:var(--spacing-xxs) 10vw}}app-section-wrapper section{padding:5rem 18vw 5rem 18vw}app-section-wrapper .center{display:flex;justify-content:center;align-items:center}app-section-wrapper section:has(nav){padding:0 8vw}app-section-wrapper .background{background-color:var(--background-color)}app-section-wrapper .primary{background-color:var(--primary-color);color:var(--white)}app-section-wrapper .primary hr{border-color:var(--white)}app-section-wrapper .secondary{background-color:var(--secondary-color);color:var(--black)}app-section-wrapper .secondary .accent-color{color:var(--dark-green)}app-section-wrapper .secondary hr{border-color:var(--black)}app-section-wrapper .accent{background-color:var(--accent-color)}app-section-wrapper .divider{padding:4rem 18vw 4rem 18vw}@media only screen and (max-width: 480px){app-section-wrapper section{padding:4rem 10vw 3rem 10vw}app-section-wrapper .divider{padding:3rem 10vw 2rem 10vw}}@media only screen and (min-width: 1121px) and (max-width: 1342px){app-section-wrapper section:has(nav){padding:0}}body.dark-theme .background hr,body.dark-theme .accent hr{border-color:var(--white)}body.dark-theme .primary{color:var(--black)}body.dark-theme .primary hr{border-color:var(--black)}.m-0{margin:var(--spacing-0)}.mt-0{margin-top:var(--spacing-0)}.mb-0{margin-bottom:var(--spacing-0)}.ml-0{margin-left:var(--spacing-0)}.mr-0{margin-right:var(--spacing-0)}.mx-0{margin:0 var(--spacing-0) 0 var(--spacing-0)}.my-0{margin:var(--spacing-0) 0 var(--spacing-0) 0}.p-0{padding:var(--spacing-0)}.pt-0{padding-top:var(--spacing-0)}.pb-0{padding-bottom:var(--spacing-0)}.pl-0{padding-left:var(--spacing-0)}.pr-0{padding-right:var(--spacing-0)}.px-0{padding:0 var(--spacing-0) 0 var(--spacing-0)}.py-0{padding:var(--spacing-0) 0 var(--spacing-0) 0}.gap-0{gap:var(--spacing-0)}.m-xxs{margin:var(--spacing-xxs)}.mt-xxs{margin-top:var(--spacing-xxs)}.mb-xxs{margin-bottom:var(--spacing-xxs)}.ml-xxs{margin-left:var(--spacing-xxs)}.mr-xxs{margin-right:var(--spacing-xxs)}.mx-xxs{margin:0 var(--spacing-xxs) 0 var(--spacing-xxs)}.my-xxs{margin:var(--spacing-xxs) 0 var(--spacing-xxs) 0}.p-xxs{padding:var(--spacing-xxs)}.pt-xxs{padding-top:var(--spacing-xxs)}.pb-xxs{padding-bottom:var(--spacing-xxs)}.pl-xxs{padding-left:var(--spacing-xxs)}.pr-xxs{padding-right:var(--spacing-xxs)}.px-xxs{padding:0 var(--spacing-xxs) 0 var(--spacing-xxs)}.py-xxs{padding:var(--spacing-xxs) 0 var(--spacing-xxs) 0}.gap-xxs{gap:var(--spacing-xxs)}.m-xs{margin:var(--spacing-xs)}.mt-xs{margin-top:var(--spacing-xs)}.mb-xs{margin-bottom:var(--spacing-xs)}.ml-xs{margin-left:var(--spacing-xs)}.mr-xs{margin-right:var(--spacing-xs)}.mx-xs{margin:0 var(--spacing-xs) 0 var(--spacing-xs)}.my-xs{margin:var(--spacing-xs) 0 var(--spacing-xs) 0}.p-xs{padding:var(--spacing-xs)}.pt-xs{padding-top:var(--spacing-xs)}.pb-xs{padding-bottom:var(--spacing-xs)}.pl-xs{padding-left:var(--spacing-xs)}.pr-xs{padding-right:var(--spacing-xs)}.px-xs{padding:0 var(--spacing-xs) 0 var(--spacing-xs)}.py-xs{padding:var(--spacing-xs) 0 var(--spacing-xs) 0}.gap-xs{gap:var(--spacing-xs)}.m-sm{margin:var(--spacing-sm)}.mt-sm{margin-top:var(--spacing-sm)}.mb-sm{margin-bottom:var(--spacing-sm)}.ml-sm{margin-left:var(--spacing-sm)}.mr-sm{margin-right:var(--spacing-sm)}.mx-sm{margin:0 var(--spacing-sm) 0 var(--spacing-sm)}.my-sm{margin:var(--spacing-sm) 0 var(--spacing-sm) 0}.p-sm{padding:var(--spacing-sm)}.pt-sm{padding-top:var(--spacing-sm)}.pb-sm{padding-bottom:var(--spacing-sm)}.pl-sm{padding-left:var(--spacing-sm)}.pr-sm{padding-right:var(--spacing-sm)}.px-sm{padding:0 var(--spacing-sm) 0 var(--spacing-sm)}.py-sm{padding:var(--spacing-sm) 0 var(--spacing-sm) 0}.gap-sm{gap:var(--spacing-sm)}.m-md{margin:var(--spacing-md)}.mt-md{margin-top:var(--spacing-md)}.mb-md{margin-bottom:var(--spacing-md)}.ml-md{margin-left:var(--spacing-md)}.mr-md{margin-right:var(--spacing-md)}.mx-md{margin:0 var(--spacing-md) 0 var(--spacing-md)}.my-md{margin:var(--spacing-md) 0 var(--spacing-md) 0}.p-md{padding:var(--spacing-md)}.pt-md{padding-top:var(--spacing-md)}.pb-md{padding-bottom:var(--spacing-md)}.pl-md{padding-left:var(--spacing-md)}.pr-md{padding-right:var(--spacing-md)}.px-md{padding:0 var(--spacing-md) 0 var(--spacing-md)}.py-md{padding:var(--spacing-md) 0 var(--spacing-md) 0}.gap-md{gap:var(--spacing-md)}.m-lg{margin:var(--spacing-lg)}.mt-lg{margin-top:var(--spacing-lg)}.mb-lg{margin-bottom:var(--spacing-lg)}.ml-lg{margin-left:var(--spacing-lg)}.mr-lg{margin-right:var(--spacing-lg)}.mx-lg{margin:0 var(--spacing-lg) 0 var(--spacing-lg)}.my-lg{margin:var(--spacing-lg) 0 var(--spacing-lg) 0}.p-lg{padding:var(--spacing-lg)}.pt-lg{padding-top:var(--spacing-lg)}.pb-lg{padding-bottom:var(--spacing-lg)}.pl-lg{padding-left:var(--spacing-lg)}.pr-lg{padding-right:var(--spacing-lg)}.px-lg{padding:0 var(--spacing-lg) 0 var(--spacing-lg)}.py-lg{padding:var(--spacing-lg) 0 var(--spacing-lg) 0}.gap-lg{gap:var(--spacing-lg)}.m-xl{margin:var(--spacing-xl)}.mt-xl{margin-top:var(--spacing-xl)}.mb-xl{margin-bottom:var(--spacing-xl)}.ml-xl{margin-left:var(--spacing-xl)}.mr-xl{margin-right:var(--spacing-xl)}.mx-xl{margin:0 var(--spacing-xl) 0 var(--spacing-xl)}.my-xl{margin:var(--spacing-xl) 0 var(--spacing-xl) 0}.p-xl{padding:var(--spacing-xl)}.pt-xl{padding-top:var(--spacing-xl)}.pb-xl{padding-bottom:var(--spacing-xl)}.pl-xl{padding-left:var(--spacing-xl)}.pr-xl{padding-right:var(--spacing-xl)}.px-xl{padding:0 var(--spacing-xl) 0 var(--spacing-xl)}.py-xl{padding:var(--spacing-xl) 0 var(--spacing-xl) 0}.gap-xl{gap:var(--spacing-xl)}.m-xxl{margin:var(--spacing-xxl)}.mt-xxl{margin-top:var(--spacing-xxl)}.mb-xxl{margin-bottom:var(--spacing-xxl)}.ml-xxl{margin-left:var(--spacing-xxl)}.mr-xxl{margin-right:var(--spacing-xxl)}.mx-xxl{margin:0 var(--spacing-xxl) 0 var(--spacing-xxl)}.my-xxl{margin:var(--spacing-xxl) 0 var(--spacing-xxl) 0}.p-xxl{padding:var(--spacing-xxl)}.pt-xxl{padding-top:var(--spacing-xxl)}.pb-xxl{padding-bottom:var(--spacing-xxl)}.pl-xxl{padding-left:var(--spacing-xxl)}.pr-xxl{padding-right:var(--spacing-xxl)}.px-xxl{padding:0 var(--spacing-xxl) 0 var(--spacing-xxl)}.py-xxl{padding:var(--spacing-xxl) 0 var(--spacing-xxl) 0}.gap-xxl{gap:var(--spacing-xxl)}#code-solid{color:var(--primary-color)}#wand-magic-sparkles-solid{color:var(--accent-color)}#rocket-solid{color:var(--secondary-color)}#repeat-solid{color:var(--primary-color)}#about-img{width:28vw;height:auto}@media only screen and (max-width: 480px){#about-img{width:40vw;height:auto}}body,html{margin:0;padding:0;width:100%;height:100%;display:block;font-family:Outfit,sans-serif;font-weight:400;font-size:16px;color:var(--text-color);letter-spacing:.5px;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;overflow-x:hidden}body{background-color:var(--background-color)}