.button{display:flex;align-items:center;gap:.4rem;position:relative;padding:.8rem 1rem;font-size:1.125rem;font-weight:700;background:var(--background);border:3px solid var(--text);border-radius:.5rem;cursor:pointer;color:var(--text);-webkit-user-select:none;user-select:none;text-decoration:none;font-family:Bitter;--green: rgba(34, 185, 34, 1);--blue: rgba(0, 171, 255, 1)}.button:before{content:"";width:100%;height:100%;left:6px;top:6px;position:absolute;z-index:-1;border-radius:.5rem;filter:blur(2px);transition:.1s}.button.green:before{background-color:color-mix(in srgb,var(--green) 50%,white)}.button.green:hover{background:color-mix(in srgb,var(--green) 20%,var(--background))}.button.blue:before{background-color:color-mix(in srgb,var(--blue) 50%,white)}.button.blue:hover{background:color-mix(in srgb,var(--blue) 20%,var(--background))}section.about{display:flex}@media screen and (min-width: 768px){section.about{justify-content:center}}.header{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;gap:2rem;min-height:90vh;margin:5rem 0 2rem}.header .intro .intro-p{font-size:1.5rem;margin-bottom:3rem}div.icons{display:flex;gap:4rem}a.iconLink{display:flex;flex-direction:column;gap:.5rem;cursor:pointer;transition:.3s;text-decoration:none;color:var(--text)}a.iconLink path{fill:var(--text);stroke:var(--background);transition:inherit}.icons.iconScrollEffect .icon-label{opacity:1}a.iconLink:hover,a.iconLink:focus{color:var(--primary)}a.iconLink:hover path,a.iconLink:focus path{fill:var(--primary)}a.iconLink:hover .icon-label,a.iconLink:focus .icon-label{opacity:1}.icon-svg{width:34px;transition:.3s}.icon-label{transition:inherit;opacity:0;cursor:pointer}@media screen and (min-width: 768px){.header{margin-top:3rem;flex-direction:row;align-items:center}.header .intro{max-width:36rem}.header .intro .icons{justify-content:flex-start}}.nav{padding:1rem 1.5rem 0;position:fixed;top:0;right:0;z-index:1;display:flex;justify-content:flex-end;align-items:center;gap:1rem;--box-shadow: 0px 0px 5px 1px color-mix(in srgb, var(--secondary) 75%, var(--background))}.nav .nav-btn{border:2px solid var(--text);display:flex;background:var(--background);font-size:1.2rem;padding:.2rem;cursor:pointer;border-radius:50%}.nav .nav-btn .moon,.nav .nav-btn .sun{width:30px;height:30px}.nav .nav-btn .moon .path,.nav .nav-btn .moon .circle,.nav .nav-btn .sun .path,.nav .nav-btn .sun .circle{stroke:var(--text);fill:var(--text)}.nav .nav-btn .sun{display:none}.nav .nav-btn .moon,.dark-theme .nav .nav-btn .sun{display:flex}.dark-theme .nav .nav-btn .moon{display:none}.contact-btn{display:flex;background:none;color:var(--text);border:none;padding:0;cursor:pointer}.contact-btn .mail{width:46px}.contact-btn .mail .path,.contact-btn .mail .rect{fill:var(--background);stroke:var(--text)}.hr{height:3px;width:100%;background:color-mix(in srgb,var(--text) 10%,var(--background))}@media screen and (min-width: 768px){.project:nth-of-type(2n){flex-direction:row-reverse}}.project{position:relative;display:flex;flex-direction:column;align-items:stretch;justify-content:space-around;gap:2rem;padding:1rem 0}.project .info{display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.project .info .title{font-size:1.8rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-bottom:1rem}.project .info .description{margin-top:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:1.1rem}.project .info .techStackIcons{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:1.5rem}.project .info .buttons{display:flex;width:100%;justify-content:flex-end;gap:1rem}.project .images{max-width:100%;padding:1rem}.project .images .featuredImage{max-width:inherit}.project:after{content:"";position:absolute;bottom:0;width:100%;height:3px;background:color-mix(in srgb,var(--text) 50%,var(--background));opacity:.2}@media screen and (min-width: 768px){.project{flex-direction:row}.project .images{max-width:26rem}}@media screen and (min-width: 1200px){.project .images{max-width:36rem}}.techStackIcon{display:flex;flex-direction:column;align-items:center;gap:.4rem;color:var(--text)}.techStackIcon .icon{width:1.8rem;height:1.8rem;display:flex}.techStackIcon .name{font-size:.8rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.smallerProjects{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.smallerProject{box-shadow:0 0 5px 1px var(--text);border-radius:.5rem;overflow:hidden;border:2px solid var(--text);display:flex;flex-direction:column;width:100%}.smallerProject .img{object-fit:cover;border-bottom:2px solid var(--text)}.smallerProject .info{background:var(--background);padding:.5rem 1rem;flex-grow:1;display:flex;flex-direction:column}.smallerProject .info .title{font-weight:700;font-size:1.1rem}.smallerProject .info .description{font-size:1rem;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.smallerProject .info .buttons{display:flex;justify-content:flex-end;gap:.6rem;margin-top:auto}.smallerProject .info .buttons .button{padding:.5rem 1rem;border:1px solid var(--text)}@media screen and (min-width: 560px){.smallerProject{max-width:360px}}*{box-sizing:border-box;font-family:Bitter}body{width:100%;max-width:100vw;margin:0;color:var(--text);--text: #2d2f4c;--primary: #3e7eff;--accent: #ff5f5f;--secondary: #c9d1e5;--secondary-background: #f4f7ff;--background: #ffffff;--green: rgba(34, 185, 34, 1);--purple: rgb(234, 41, 231);background:var(--background)}body.dark-theme{--text: #ffffff;--background: #111821}#root{overflow-x:hidden;width:inherit;max-width:inherit;overflow-y:auto;position:relative}header,section{padding:0 1rem;max-width:100vw}p{font-size:1.15rem;max-width:36rem;line-height:1.5}.blurred-blob{position:absolute;width:25rem;height:25rem;background:color-mix(in srgb,var(--accent) 50%,var(--background));border-radius:50%;filter:blur(100px);z-index:-1;backface-visibility:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;transform:translateZ(0);-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0)}.blurred-blob.primary{background:color-mix(in srgb,var(--primary) 50%,var(--background))}.blurred-blob.accent{background:color-mix(in srgb,var(--accent) 50%,var(--background))}.blurred-blob.green{background:color-mix(in srgb,var(--green) 50%,var(--background))}.blurred-blob.purple{background:color-mix(in srgb,var(--purple) 50%,var(--background))}h1{font-weight:400;font-size:2rem}.dot{font-size:1.2em;font-weight:bolder;color:var(--primary)}.sectionHeading:after{display:block;content:"";width:100px;height:10px;background-color:var(--accent);position:relative}.headerPicContainer{position:relative;display:flex;justify-content:center;align-items:center}.headerPicContainer .blob{position:absolute;width:75%;height:75%;animation:blob-border-radius 20s ease-in-out infinite both alternate}.headerPicContainer .blob.primary{background-color:var(--primary);top:20%;left:5%}.headerPicContainer .blob.accent{background-color:var(--accent);top:5%;right:-5%;rotate:90deg}@keyframes blob-border-radius{0%,to{border-radius:33% 67% 70% 30%/30% 30% 70% 70%}20%{border-radius:37% 63% 51% 49%/37% 65% 35% 63%}40%{border-radius:36% 64% 64% 36%/64% 48% 52% 36%}60%{border-radius:37% 63% 51% 49%/30% 30% 70% 70%}80%{border-radius:40% 60% 42% 58%/41% 51% 49% 59%}}section{position:relative;margin-bottom:6rem}section .container{max-width:36rem;display:flex;flex-direction:column}section#about .button{align-self:flex-end}section:last-of-type{margin-bottom:400px}.body-paragraph{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}@media only screen and (min-width: 768px){section#about,section#projects{padding-left:2rem;padding-right:2rem}}