@import"https://fonts.googleapis.com/css2?family=Iceland&display=swap";@import"https://fonts.googleapis.com/css2?family=Iceland&family=Inter:wght@300&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300&display=swap";*{box-sizing:border-box;padding:0;margin:0;background-color:var(--background-color)}#light{--primary-color:#444452;--background-color:#fff;--background-color-transparent:hsla(0,0%,100%,.8);--shadow-color:rgba(0,0,0,.25);--modal-background:#fff7d9;--modal-primary:#444452;--modal-secondary:#b8b08a}#dark{--primary-color:#e9dfce;--background-color:#242527;--background-color-transparent:rgba(68,68,82,.6);--shadow-color:hsla(0,0%,100%,.25);--modal-background:#303134;--modal-primary:#e9dfce;--modal-secondary:#7d7a6f}::selection{background-color:var(--primary-color);color:var(--background-color);text-shadow:2px 2px 5px rgba(0,0,0,.5)}.cursor{width:24px;height:24px;border-radius:16px}.cursor,.cursorPointer{position:fixed;left:0;top:0;background-color:var(--primary-color);mix-blend-mode:difference;z-index:2000;pointer-events:none}.cursorPointer{width:12px;height:12px;border-radius:50%;transition:.1s}html{width:calc(100vw - (100vw - 100%));height:100vh;scroll-behavior:smooth;overflow-y:scroll;overflow-x:hidden;scroll-snap-type:y mandatory}@media(hover:none){.cursor,.cursorPointer{display:none!important}html{scroll-snap-type:none}}@media(max-width:1000px){html{scroll-snap-type:none}}.scroll-container .child-scroll{height:100%;width:100%}.iceland{font-family:Iceland;font-size:20px;font-style:normal;font-weight:400;line-height:normal;background-color:transparent;width:80px;transition:.5s}.iceland:hover{transform:rotateX(1turn)}#navbarfixed{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;padding-inline:6rem;padding-block:1rem;min-height:10vh;min-width:100%;position:fixed;top:0;z-index:100;background-color:var(--background-color);color:var(--primary-color)}#navigationfix{display:flex;justify-content:center;align-items:center;gap:40px;background-color:inherit;font-family:Times New Roman,Times,serif}#navigationfix a{position:relative}#navbarscroll{width:100%;min-height:10vh;position:fixed;top:0;z-index:100;color:var(--primary-color)}#navbarscroll,#navigationscroll{display:flex;justify-content:center;align-items:center;background-color:transparent}#navigationscroll{gap:40px;align-self:center;border-radius:25px;background:var(--background-color-transparent);box-shadow:0 4px 4px 0 rgba(5,3,3,.25);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);padding:.5rem 2rem;font-family:Times New Roman,Times,serif}#navigationscroll a{position:relative}#navbarmobile{display:grid;grid-template-columns:auto auto auto;justify-content:space-between;align-items:center;padding:1rem;max-height:10vh;min-width:100%;position:fixed;top:0;z-index:100;background-color:var(--background-color);color:var(--primary-color)}#navbarmobile .iceland{text-align:center;flex:1 1}#navbarmobile .mobile-button{width:80px;display:flex;justify-content:left;align-items:center}#navigationmobile{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;gap:40px;background-color:transparent;align-self:center;background:var(--background-color);position:fixed;z-index:99;padding:.5rem 2rem;font-family:Times New Roman,Times,serif}#navigationmobile a{position:relative}@media(max-width:1000px){#navbarfixed{padding-inline:2rem}}@media(max-width:700px){#navbarfixed,#navbarscroll{display:none;visibility:hidden}#navbarmobile{display:flex}}a{text-decoration:none;color:inherit;background-color:transparent}.routes{color:var(--primary-color);opacity:.8;font-family:Inter;font-size:12px;font-style:normal;font-weight:300;line-height:normal}.routes:hover{text-shadow:0 0 1px var(--primary-color)}.selected{text-shadow:0 0 1.5px var(--primary-color)}.underline{content:"";position:absolute;background:var(--primary-color);height:.5px;width:100%;box-shadow:0 0 .5px var(--primary-color)}.switch-container{display:flex;justify-content:center;align-items:center;gap:4px;background:inherit;width:80px}.switch{position:relative;display:inline-block;width:36px;height:20px;border-radius:50px;padding:10px;cursor:pointer}.switch input{opacity:0;height:0;width:0}.slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--primary-color);opacity:1}.slider:before{position:absolute;content:"";height:17px;width:17px;left:1.5px;bottom:1.5px;background-color:var(--background-color);transition:.3s}input#theme:checked+.slider:before{transform:translateX(16px)}.slider.rounded{border-radius:34px}.slider.rounded:before{border-radius:50%}.svg{fill:var(--primary-color);opacity:.8;height:16px;width:16px;background-color:transparent;transition:.2s}#MenuToggle{width:80px}#MenuToggle svg{height:16px;width:16px;stroke:var(--primary-color)}.HomePage{width:100%;height:100vh;position:relative;margin-bottom:3rem}.HomePage .Middle{width:100%;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex-shrink:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--background-color)}.HomePage .Middle h2{font-family:Times New Roman,Times,serif;font-size:24px;font-style:italic;font-weight:400;font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;letter-spacing:.2px}.HomePage .Middle h1,.HomePage .Middle h2{color:var(--primary-color);line-height:normal}.HomePage .Middle h1{text-shadow:0 4px 2px var(--shadow-color);text-align:justify;font-family:Poor Richard;font-size:100px;font-style:normal;font-weight:400;transition:color .3s ease-in-out;letter-spacing:2px;background-color:transparent}.inline-block{display:inline-block}.HomePage .Middle h1:hover{color:var(--background-color);text-shadow:0 0 8px var(--primary-color)}@media(max-width:700px){.HomePage .Middle h1{font-size:64px}.HomePage .Middle h2{font-size:20px}.HomePage .Plane{top:30%}.HomePage .Plane .char{font-size:16px}}@media(max-height:700px){.HomePage .Middle h1{font-size:64px}.HomePage .Middle h2{font-size:20px}.HomePage .Plane{top:30%}.HomePage .Plane .char{font-size:16px}}@media(max-width:420px){.HomePage .Middle h1{font-size:40px}.HomePage .Middle h2{font-size:14px}.HomePage .Plane{top:30%}.HomePage .Plane .char{font-size:12px;letter-spacing:0}}.Bottom{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;flex-shrink:0;position:absolute;bottom:0;left:50%}.Bottom .Logo{display:flex;gap:12px}.Bottom .Logo svg{color:var(--primary-color);height:32px;width:32px;cursor:pointer}.Bottom svg{transition:transform .3s ease}.Bottom .Logo.Logo svg:hover{transform:scale(1.2)}.Bottom .ScrollDown svg{color:var(--primary-color);height:20px;width:48px;margin-bottom:.5rem}.Bottom .ScrollDown svg:hover{transform:scale(1.2)}.Plane{position:absolute;bottom:20%;z-index:0;color:var(--primary-color);display:flex;flex-direction:row;width:100%;height:-moz-fit-content;height:fit-content;overflow:hidden;filter:drop-shadow(0 4px 4px var(--shadow-color))}.Plane,.Plane .char{background-color:transparent}.Plane .char{display:inline-block;font-family:Iceland;font-size:20px;font-weight:400;letter-spacing:2px}.About{display:grid;grid-template-columns:1fr 1.5fr;grid-gap:10px;gap:10px;width:100%;min-height:100vh;color:var(--primary-color)}.About .ProfileImage{padding:1rem}.About .BlackProfileImage,.About .ProfileImage{display:flex;align-items:center;justify-content:center}.About .ProfileImage .Image{border-radius:60px}.About .BlackProfileImage .BlackImage{opacity:1;filter:brightness(90%);border-radius:10px}.About .about-container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2rem;padding:4rem 6rem 1rem 1rem}@media(max-width:1200px){.About .about-container{padding-right:2rem}}.About .about-container .shorts-container{display:grid;grid-template-columns:1fr 1fr minmax(0,1fr);justify-content:space-between;width:100%;padding-inline:2rem}.About .about-container .shorts-container .Logo{display:flex;justify-content:flex-end;align-items:flex-end;overflow:visible;gap:10px;height:100%}.About .about-container .shorts-container .Logo svg{transition:.3s ease;cursor:pointer}.About .about-container .shorts-container .Logo svg:hover{transform:scale(1.2)}.About .about-container .shorts-container svg{height:28px;color:var(--primary-color);width:auto}.About .about-container .shorts-container .subs-container{display:flex;flex-direction:column}.About .about-container .shorts-container .subs-container .bold{color:var(--primary-color);font-family:inter;font-size:14px;font-weight:700}.About .about-container .shorts-container .subs-container .normal{color:var(--primary-color);font-family:inter;font-size:14px;font-weight:400}.About .about-container .mid{padding-inline:2rem;display:flex;flex-direction:column;width:100%}.About .about-container .mid .separator{background-color:transparent}.About .about-container .mid .desc{color:var(--primary-color);text-align:justify;font-family:Inter;font-size:14px;font-weight:300;gap:10px;padding-top:1rem}.About .about-container .mid .Skills{display:flex;padding-inline:2rem;justify-content:center;align-items:center;align-content:center;gap:24px 14px;flex-wrap:wrap}.About .about-container .mid .Skills svg{height:32px;width:auto;opacity:.9}.About .about-container .mid .Skills .divider svg{opacity:.3;height:20px}.About .about-container .mid hr{width:100%;color:var(--shadow-color);margin-block:2rem;opacity:.3}.About .about-container .Button-Container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;padding-top:3rem;width:100%;padding-bottom:2rem}.About .about-container .Button-Container .Buttons{display:flex;align-items:center;justify-content:space-evenly;width:100%;transition:.3s}.About .about-container .Button-Container .fullbutton{display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;font-family:Times New Roman,Times,serif;font-style:italic;transition:.3s}.About .about-container .Button-Container .fullbutton text{transition:.3s}.About .about-container .Button-Container .button{display:flex;align-items:center;cursor:pointer;gap:6px;padding-left:3px}.About .about-container .Button-Container .ArrowSlide{display:flex;flex-direction:column;height:17px;overflow:hidden}.About .about-container .Button-Container .fullbutton:hover hr{transform:translateX(-180px) translateX(180px)}.About .about-container .Button-Container .fullbutton:hover{transform:scale(1.05)}.about-container .Button-Container .fullbutton hr{transform:translateX(-180px);width:100%;transition:transform .2s;border-color:var(--primary-color);opacity:.4}.about-container a{text-decoration:none}.about-container .Button-Container .button .arrow{transition:transform .2s;transform:rotate(-45deg)}.about-container .Button-Container .button:hover .arrow{transition:transform .2s;transform:translateY(-20px) rotate(-45deg)}@media(max-width:1200px){.About .about-container .mid .Skills svg{height:24px;width:auto;opacity:1}.About .about-container .Button-Container{padding-top:3rem}}@media(max-height:700px){.About .about-container .mid .Skills svg{height:24px;width:auto;opacity:1}.About .about-container .Button-Container{padding-top:2rem}}@media(max-width:980px){.About{margin-top:1rem;display:grid;grid-template-columns:1fr;margin-bottom:2rem}.About .about-container{justify-content:flex-start;padding-inline:3rem}.About .about-container .mid .Skills svg{height:32px}.About .about-container .Button-Container{padding-top:1rem;padding-bottom:0}}@media(max-width:700px){.About .about-container .mid .Skills svg{height:30px}.About .about-container{padding-inline:1.5rem}.about-container .Button-Container .fullbutton hr{transform:translateX(0)}}@media(max-width:500px){.About .about-container .mid .Skills svg{height:24px}.About .about-container{padding-inline:1rem;padding-block:1rem}.About .about-container .Button-Container{padding-top:1rem;padding-bottom:0}.About .about-container .Button-Container .fullbutton{font-size:14px}.About .about-container .shorts-container{grid-template-columns:1fr 1fr}.About .about-container .shorts-container .Logo{display:none}}.MoreAboutMe{position:fixed;top:0;left:0;height:100vh;width:100vw;z-index:1000;display:flex;justify-content:center;align-items:center}.MoreAboutMe .close-button{position:absolute;top:0;right:0;margin:40px;cursor:pointer;background-color:transparent;z-index:1001}.MoreAboutMe .close-button svg{height:40px;width:auto;transition:.3s ease;background-color:transparent;color:var(--modal-primary);z-index:1002;transform-origin:center}.MoreAboutMe .close-button:hover svg{transform:scale(1.2) rotate(180deg)}.MoreAboutMe .Container{background-color:var(--modal-background);padding-right:0;display:grid;grid-template-columns:.8fr 2fr;z-index:inherit;width:100%;height:100%}.MoreAboutMe .Container .MiniNavbar{background-color:transparent;z-index:1002;display:flex;flex-direction:column;gap:4rem;border-right:2px solid var(--modal-secondary);padding-left:4rem;padding-top:4rem;padding-right:2rem}.MoreAboutMe .Container .MiniNavbar .Title{display:flex;flex-direction:column;background-color:transparent;overflow:hidden;z-index:1003}.MoreAboutMe .Container .MiniNavbar .Title .MainTitle{color:#444452;font-family:Poor Richard;font-size:64px;font-style:normal;font-weight:400;line-height:normal;background-color:transparent;color:var(--modal-primary)}.MoreAboutMe .Container .MiniNavbar .Title .SubTitle{color:#444452;font-family:Times New Roman;font-size:20px;font-style:italic;font-weight:400;line-height:normal;font-feature-settings:"smcp","c2sc";font-variant:all-small-caps;margin-top:-10px;background-color:transparent;color:var(--modal-primary)}.MoreAboutMe .Container .MiniNavbar .Navigation{display:flex;flex-direction:column;gap:40px;background-color:transparent}.MoreAboutMe .Container .MiniNavbar .Navigation .Route{display:flex;align-content:flex-end;justify-content:flex-start;background-color:transparent;transition:.4s;transition-timing-function:cubic-bezier(.68,-.55,.27,1.55);color:var(--modal-secondary);font-size:14px;cursor:pointer}.MoreAboutMe .Container .MiniNavbar .Navigation .Route:before{content:"";height:.5px;width:64px;background-color:var(--modal-secondary);margin:auto 8px;transition:.4s;transition-timing-function:cubic-bezier(.1,.87,1,1.55)}.MoreAboutMe .Container .MiniNavbar .Navigation .Route.active:before{width:100px;background-color:var(--modal-primary)}.MoreAboutMe .Container .MiniNavbar .Navigation .Route.active{font-size:18px;color:var(--modal-primaryy)}@media(max-width:1420px){.MoreAboutMe .Container .MiniNavbar .Title .MainTitle{font-size:48px}.MoreAboutMe .Container .MiniNavbar .Title .SubTitle{font-size:14px}.MoreAboutMe .Container .MiniNavbar .Title .Route{font-size:12px}.MoreAboutMe .Container .MiniNavbar .Navigation .Route.active{font-size:16px;color:var(--modal-primaryy)}.MoreAboutMe .Container .MiniNavbar .Navigation .Route:before{width:44px}.MoreAboutMe .Container .MiniNavbar .Navigation .Route.active:before{width:64px}}@media(max-width:1000px){.MoreAboutMe .Container .MiniNavbar .Title .MainTitle{font-size:32px}.MoreAboutMe .Container .MiniNavbar .Title .SubTitle{font-size:12px}.MoreAboutMe .Container .MiniNavbar .Title .Route{font-size:10px}.MoreAboutMe .Container .MiniNavbar .Navigation .Route.active{font-size:14px;color:var(--modal-primaryy)}.MoreAboutMe .Container .MiniNavbar .Navigation .Route:before{width:24px}.MoreAboutMe .Container .MiniNavbar .Navigation .Route.active:before{width:48px}}.MoreAboutMe .Container .Content{background-color:transparent;z-index:1000;display:flex;width:100%;height:100%;flex-direction:column;padding-left:4rem;padding-right:8rem;padding-top:4rem;gap:2rem;overflow:auto;scroll-behavior:smooth;scroll-padding:2rem}.MoreAboutMe .Container .Content .AboutMeSection{margin-block:2rem}.MoreAboutMe .Container .Content .Education{background-color:transparent;display:flex;flex-direction:column;gap:.5rem;padding-top:3rem;padding-inline:2rem}.MoreAboutMe .Container .Content .Header{font-family:Times New Roman;font-size:24px;font-weight:700;line-height:normal}.MoreAboutMe .Container .Content .Header,.MoreAboutMe .Container .Content .SubHeader{color:var(--modal-primary);text-align:left;font-style:normal;background-color:transparent}.MoreAboutMe .Container .Content .SubHeader{font-family:Times New Roman,Times,serif;font-size:16px;line-height:28px;font-feature-settings:"smcp";font-variant:small-caps;font-weight:100;letter-spacing:.4px}.MoreAboutMe .Container .Content .Education .EducationCard{background-color:transparent;display:flex;flex-direction:column;gap:1rem}.MoreAboutMe .Container .Content .Education .EducationCard .Upper{color:var(--modal-primary);text-align:left;font-family:Inter;font-style:normal;line-height:normal;background-color:transparent}.MoreAboutMe .Container .Content .Education .EducationCard .Upper .title{color:var(--modal-primary);text-align:left;font-family:Times New Roman,Times,serif;font-style:normal;line-height:normal}.MoreAboutMe .Container .Content .Education .EducationCard .Upper .timeline{font-size:12px;font-weight:400;text-transform:uppercase;background-color:transparent}.MoreAboutMe .Container .Content .Education .EducationCard .Upper .title{font-size:20px;font-weight:700;text-transform:capitalize;background-color:transparent}.MoreAboutMe .Container .Content .Education .EducationCard .Upper .by{font-size:12px;font-weight:400;background-color:transparent}.MoreAboutMe .Container .Content .Education .EducationCard .Middle{color:var(--modal-primary);text-align:left;font-style:normal;line-height:normal;background-color:transparent;display:flex;flex-direction:column;gap:4px}.MoreAboutMe .Container .Content .Education .EducationCard .Middle .skills{color:var(--modal-primary);font-family:Inter;font-size:12px;line-height:20px;font-weight:100;background-color:transparent}.MoreAboutMe .Container .Content .Education .EducationCard .Middle .Points{font-size:14px;font-weight:300;background-color:transparent}.MoreAboutMe .Container .Content .Education .EducationCard .Middle .Points .point{background-color:transparent;list-style:circle inside;font-family:Inter}.MoreAboutMe .Container .Content .Education .EducationCard .etc{background-color:transparent;color:var(--modal-primary);font-size:12px;font-style:normal;font-weight:400;line-height:normal;text-transform:capitalize}.MoreAboutMe .Container .Content .Desc{background-color:transparent;padding-top:3rem;padding-inline:2rem}.MoreAboutMe .Container .Content .Desc .middle{background-color:transparent;display:flex;flex-direction:column;gap:1rem;padding-block:1.5rem}.MoreAboutMe .Container .Content .Desc .middle .desc{background-color:transparent;color:var(--modal-primary);text-align:justify;font-size:16px;font-weight:lighter;line-height:24px;letter-spacing:.2px}.MoreAboutMe .Container .Content .Desc .middle .tldr{background-color:transparent;color:var(--modal-primary);text-align:justify;font-family:Inter;font-size:12px;font-weight:400;text-transform:capitalize}.MoreAboutMe .Container .Content .Desc .hobbies-list{background-color:transparent;display:flex;flex-direction:column;gap:1rem;padding-block:1rem;font-family:Inter}.MoreAboutMe .Container .Content .Desc .hobbies-list .hobby-item{background-color:transparent;display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.MoreAboutMe .Container .Content .Desc .hobbies-list .hobby-item .title{background-color:transparent;cursor:pointer;display:flex;align-items:center;gap:1rem}.MoreAboutMe .Container .Content .Desc .hobbies-list .hobby-item .title:hover .dropdown-icon{font-size:12px;opacity:1}.MoreAboutMe .Container .Content .Desc .hobbies-list .hobby-item .title .dropdown-icon{background-color:transparent;border:none;font-size:8px;opacity:.4;transition:.4s ease;color:var(--modal-secondary)}.MoreAboutMe .Container .Content .Desc .hobbies-list .hobby-item .description{background-color:transparent;cursor:pointer;display:flex;align-items:center;gap:1rem;padding-block:.5rem}.MoreAboutMe .Container .Content .Portfolio{background-color:transparent;padding-inline:2rem;padding-top:3rem}.MoreAboutMe .Container .Content .Portfolio .middle{background-color:transparent;padding-block:.5rem;padding-bottom:2rem}.MoreAboutMe .Container .Content .Portfolio .middle .desc{background-color:transparent;font-family:Inter}.MoreAboutMe .Container .Content .Portfolio .middle .desc strong{background-color:transparent}.MoreAboutMe .Container .Content .Portfolio .middle .feats{background-color:transparent;list-style:inside;font-family:Inter}.MoreAboutMe .Container .Content .Portfolio .middle .feats .feat{background-color:transparent}.MoreAboutMe .Container .Content .Portfolio .Skills,.MoreAboutMe .Container .Content .Portfolio .Timeline{background-color:transparent;padding-block:.5rem;padding-bottom:2rem}.MoreAboutMe .Container .Content .Portfolio .Timeline{font-family:Inter}.MoreAboutMe .Container .Content .Portfolio .PortfolioCard-Container{background-color:transparent}.MoreAboutMe .Container .Content .Portfolio .PortfolioCard{background-color:transparent;list-style:decimal inside;padding-block:.5rem}.MoreAboutMe .Container .Content .Portfolio .PortfolioCard .title{background-color:transparent;display:inline-block;font-family:Inter}.MoreAboutMe .Container .Content .Portfolio .PortfolioCard .points{background-color:transparent;padding-left:1rem}.MoreAboutMe .Container .Content .Portfolio .PortfolioCard .points .point{background-color:transparent}@media(max-width:900px){.MoreAboutMe .Container{grid-template-columns:1fr}.MoreAboutMe .close-button{margin:14px}.MoreAboutMe .close-button svg{height:32px;width:32px}.MoreAboutMe .Container .MiniNavbar{padding-block:1rem;padding-left:1rem}.MoreAboutMe .Container .MiniNavbar .Navigation{display:none}.MoreAboutMe .Container .Content{padding:0 1rem 1rem}.MoreAboutMe .Container .Content .Portfolio .PortfolioCard{background-color:transparent;list-style:decimal outside;padding-block:.5rem;margin-left:10px}.MoreAboutMe .Container .Content .Header{position:-webkit-sticky;position:sticky;top:0;background-color:var(--modal-background);z-index:1000;box-shadow:inset 0 -5px 5px -5px rgba(0,0,0,.1);padding:1rem;margin-top:-1rem;margin-left:-1rem}}.Projects{width:100%;display:flex;flex-direction:column;padding:1rem;color:var(--primary-color)}.Projects .separator{margin-inline:4rem;color:var(--modal-primary);opacity:.4}.Projects .ProjectsCard{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem;padding:4rem}.Projects .ProjectsCard .imageContainer{display:flex;justify-content:center;align-self:center;position:relative;margin:auto}.Projects .ProjectsCard .imageContainer .Image{border-radius:25px;border:2px solid var(--primary-color);box-shadow:-10px 10px 16px -9px var(--shadow-color),10px 10px 16px -9px var(--shadow-color)}.Projects .ProjectsCard .imageContainer .text{position:absolute;top:0;bottom:0;left:0;right:0;opacity:0;display:flex;justify-content:center;align-items:center;gap:4px;font-size:12px;font-family:inter;font-weight:bolder;text-transform:uppercase;transition:.2s;transform:translateX(0) scale(0);cursor:pointer;border-radius:25px}.Projects .ProjectsCard .imageContainer .text svg{color:#fff;background-color:transparent}.Projects .ProjectsCard .imageContainer:hover img{filter:blur(1px) saturate(50%)}.Projects .ProjectsCard .imageContainer:hover .text{opacity:1;display:flex;justify-content:center;align-items:center;color:#fff;background-color:#000;opacity:.6;transform:translateX(0) scale(1)}.Projects .ProjectsCard .Dark{filter:grayscale(10%) brightness(100%)}.Projects .ProjectsCard .ProjectContainer{display:flex;flex-direction:column;padding:.5rem;align-content:flex-start;align-items:flex-start;flex-wrap:wrap;justify-content:space-evenly}.Projects .ProjectsCard .ProjectContainer .Upper{padding:.5rem;font-family:inter}.Projects .ProjectsCard .ProjectContainer .Upper .info{display:flex;flex-direction:column;gap:4px}.Projects .ProjectsCard .ProjectContainer .Upper .info .type{font-size:12px;opacity:.6;padding-bottom:.5rem}.Projects .ProjectsCard .ProjectContainer .Upper .info .title{font-size:16px;font-weight:700}.Projects .ProjectsCard .ProjectContainer .Upper .info .by{font-size:12px}.Projects .ProjectsCard .ProjectContainer .Lower{width:100%;display:grid;grid-template-columns:1fr 1fr;justify-items:start;align-content:center;padding:.5rem;grid-gap:10px;gap:10px;align-items:center}.Projects .ProjectsCard .ProjectContainer .Lower .FullButton{overflow:hidden;transition:.2s ease}.Projects .ProjectsCard .ProjectContainer .Lower .FullButton .Button{color:var(--primary-color);text-align:center;display:flex;align-items:center;justify-content:flex-start;font-family:Times New Roman,Times,serif;font-style:italic;cursor:pointer;overflow:hidden;gap:8px;transition:.2s ease;padding-left:4px}.Projects .ProjectsCard .ProjectContainer .Lower .FullButton .Button svg{height:16px;width:auto;transition:.2s ease;padding-right:8px}.Projects .ProjectsCard .ProjectContainer .Lower .FullButton hr{transform:translateX(-110%);transition:.2s ease}.Projects .ProjectsCard .ProjectContainer .Lower .FullButton:hover{transform:scale(1.05)}.Projects .ProjectsCard .ProjectContainer .Lower .FullButton:hover .Button svg{transform:translateX(8px)}.Projects .ProjectsCard .ProjectContainer .Lower .FullButton:hover hr{transform:translateX(0)}.Projects .ProjectsCard .ProjectContainer .Logo{display:flex;gap:12px}.Projects .ProjectsCard .ProjectContainer .Logo svg{height:24px;width:auto;transition:.3s ease}.Projects .ProjectsCard .ProjectContainer .Logo a:hover svg{transform:scale(1.2)}@media(max-width:1000px){.Projects .ProjectsCard{width:100%;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem;padding:2rem}}@media(max-width:800px){.Projects{padding-top:4rem}.Projects .separator{margin:0;padding:0}.Projects .ProjectsCard{width:100%;display:flex;flex-direction:column;justify-content:center;gap:1rem;padding:1rem;align-content:center;flex-wrap:wrap}.Projects .ProjectsCard .imageContainer{display:flex;justify-content:flex-end;align-self:flex-start}.Projects .ProjectsCard .ProjectContainer .Upper,.Projects .ProjectsCard .ProjectContainer .Upper .info.type{padding:0}.Projects .ProjectsCard .ProjectContainer .Lower{padding:1rem 0 0}.Projects .ProjectsCard .ProjectContainer .Lower .Logo{justify-self:flex-end}}.Projects .ProjectModal{position:fixed;top:0;left:0;height:100vh;width:100%;z-index:1000;display:flex;justify-content:center;align-items:center;background-color:rgba(0,0,0,.5)}.Projects .ProjectModal .close-button{background-color:transparent;position:absolute;top:0;right:0;margin:20px;cursor:pointer;z-index:1001}.Projects .ProjectModal .close-button svg{background-color:transparent;height:40px;width:auto;color:#fff}.Projects .ProjectModal .BlackBackground{width:80%;height:80vh;z-index:1001;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:20px;overflow:hidden}.Projects .ProjectModal .BlackBackground .ScrollableContainer{width:100%;height:100%;overflow:auto;scroll-behavior:smooth}.Projects .ProjectModal .BlackBackground .ScrollableContainer .modalImageContainer{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-top:2rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .modalImageContainer .Image{display:block;width:80%;height:auto;border:2px solid var(--primary-color)}@media(max-height:1280px){.Projects .ProjectModal .BlackBackground .ScrollableContainer .modalImageContainer .Image{max-width:1200px}}@media(max-height:900px){.Projects .ProjectModal .BlackBackground .ScrollableContainer .modalImageContainer .Image{max-width:800px}}@media(max-height:750px){.Projects .ProjectModal .BlackBackground .ScrollableContainer .modalImageContainer .Image{max-width:600px}}@media(max-height:600px){.Projects .ProjectModal .BlackBackground .ScrollableContainer .modalImageContainer .Image{max-width:400px}}@media(max-height:450px){.Projects .ProjectModal .BlackBackground .ScrollableContainer .modalImageContainer .Image{max-width:300px}}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer{display:flex;flex-direction:column;align-items:center;padding-inline:4rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper{display:flex;flex-direction:column;width:80%;align-items:center;justify-content:space-between;padding-bottom:2rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .Logo{display:flex;gap:2rem;padding:1rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .Logo svg{height:32px;width:auto;transition:.2s ease}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .Logo svg:hover{transform:translateY(-3px) scale(1.2)}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .UpperHeader{display:flex;flex-direction:column;align-items:center;gap:4px;font-family:inter}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .UpperHeader .type{font-size:12px;opacity:.8}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .UpperHeader .title{font-size:20px;font-weight:700}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .UpperHeader .by{font-size:12px}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Tools{display:flex;justify-content:center;gap:1.5rem;width:80%;padding-bottom:2rem;flex-wrap:wrap}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Tools svg{height:24px;width:auto}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content{width:80%;padding-top:1rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content .Header{color:var(--primary-color);font-size:14px;font-family:Inter;letter-spacing:.4px;padding-right:4px;font-weight:600;padding-block:.5rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content .description{padding-bottom:2rem;text-align:justify}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content .description .desc{color:var(--primary-color);font-size:14px;font-family:Inter;letter-spacing:.4px;text-align:justify}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content .features{font-family:Inter;padding-left:1rem;padding-bottom:1rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content .highlights{font-family:Inter;font-size:14;padding-left:1rem;padding-bottom:1rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content .content{padding-block:.5rem;padding-left:1rem;font-size:14px;text-align:justify}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content .content .title{color:var(--primary-color);font-size:14px;font-family:Inter;letter-spacing:.4px;padding-right:4px;font-weight:600}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content .content .title:after{content:": "}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content .content .desc{color:var(--primary-color);font-size:14px;font-family:Inter;letter-spacing:.4px}@media(max-width:1000px){.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer{padding-inline:0}}@media(max-width:800px){.Projects .ProjectModal .close-button{margin:4px;cursor:pointer;z-index:1002}.Projects .ProjectModal .close-button svg{background-color:transparent;height:32px;width:auto;color:var(--primary-color)}.Projects .ProjectModal .BlackBackground{width:100%;height:100vh;border-radius:0;overflow:hidden}.Projects .ProjectModal .BlackBackground .ScrollableContainer{width:100%;height:100%;overflow:auto;scroll-behavior:smooth}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer{padding-inline:0}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper{padding-bottom:2rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .Logo{display:flex;gap:2rem;padding:1rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .Logo svg{height:24px;width:auto;transition:.2s ease}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .Logo svg:hover{transform:translateY(-3px) scale(1.2)}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Upper .UpperHeader .title{font-size:16px;font-weight:700}.Projects .ProjectModal .BlackBackground .ScrollableContainer .ModalContainer .Tools{gap:1rem;width:90%;padding-bottom:2rem}.Projects .ProjectModal .BlackBackground .ScrollableContainer .Content{width:90%;padding-top:1rem}}.Contact{min-height:100vh;font-family:inter;color:var(--primary-color);gap:2rem;position:relative;padding:3rem}.Contact,.Contact .TitleContainer{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.Contact .TitleContainer{gap:1rem;padding:1rem 1rem 3rem}.Contact .TitleContainer .Title{font-size:32px;font-weight:600;text-align:center}.Contact .TitleContainer .SubTitle{font-size:16px;font-weight:400;opacity:.8;text-align:center}@media(max-width:450px){.Contact .TitleContainer .Title{font-size:24px;text-align:left}.Contact .TitleContainer .SubTitle{font-size:12px;text-align:center}}.Contact .FormContainer{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;align-items:center;justify-content:center;justify-items:center;align-content:center;padding:1rem;margin-inline:auto;max-width:800px;width:100%}.Contact .FormContainer .error{justify-self:left;font-size:12px;color:red}.Contact .FormContainer #TextArea{grid-column:span 2;width:100%}.Contact .FormContainer button{grid-column:span 2;justify-content:center;padding:.5rem;border:none;box-shadow:var(--shadow-color) 0 4px 4px 0,var(--shadow-color) 0 0 0 1px;width:100%;max-width:250px;font-size:1rem;font-weight:400;line-height:1;color:var(--primary-color);font-family:Times New Roman,Times,serif;cursor:pointer}.Contact .FormContainer button,.Contact .FormContainer button span{display:flex;align-items:center;gap:.5rem;transition:.2s ease}.Contact .FormContainer button svg{height:12px;width:auto;transition:.4s ease}.Contact .FormContainer button:hover{transform:scale(1.05)}.Contact .FormContainer button:hover svg{transform:translateX(6px)}.Contact .FormContainer button:active,.Contact .FormContainer button:focus-visible{box-shadow:var(--shadow-color) 0 0 0 1px;transform:translateY(4px);transition:50ms}@media(max-width:600px){.Contact .FormContainer{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.Contact .FormContainer #TextArea,.Contact .FormContainer button{grid-column:span 1}}.Contact .FormContainer .SingleContainer{display:flex;flex-direction:column;opacity:.5;gap:.25rem;width:100%}.Contact .FormContainer .SingleContainer label{font-size:10px}.Contact .FormContainer .SingleContainer input{font-size:16px;opacity:1;border:none;padding-block:.5rem;border-bottom:1px solid var(--primary-color)}.Contact .FormContainer .SingleContainer textarea{padding-block:.5rem;font-size:16px;border:none;color:var(--primary-color);border-bottom:1px solid var(--primary-color)}.Contact .FormContainer .SingleContainer input[type=text]{color:var(--primary-color)}.Contact .FormContainer .SingleContainer input[type=email i]{color:var(--primary-color)}.Contact .FormContainer .SingleContainer input:focus,.Contact .FormContainer .SingleContainer textarea:focus{outline:none;opacity:1}.Contact .Footer{position:absolute;bottom:0;left:0;right:0;width:100%;display:flex;align-items:center;justify-content:space-between;opacity:.8;padding:1rem;padding-inline:4rem}.Contact .Footer span{background-color:transparent;font-size:12px}.Contact .Footer .Logo{display:flex;background-color:transparent;gap:.5rem}.Contact .Footer .Logo svg{height:20px;width:auto;background-color:transparent;transition:.3s ease}.Contact .Footer .Logo svg:hover{transform:scale(1.4)}.Contact .Footer .ScrollTop{font-size:12px;gap:4px;display:flex;justify-content:center;align-items:center;transition:.3s ease;cursor:pointer}.Contact .Footer .ScrollTop svg{transform:rotate(270deg);width:10px;height:auto;transition:.3s ease}.Contact .Footer .ScrollTop:hover{transform:translateY(-2px) scale(1.05);text-shadow:0 0 1px var(--primary-color)}.Contact .Footer .ScrollTop:hover svg{text-shadow:0 0 1px var(--primary-color);transform:scale(1.4) rotate(270deg)}@media(max-width:650px){.Contact{padding:1rem}.Contact .Footer{padding-inline:1rem}}#red,p{height:100vh}#red{text-align:center;justify-content:center;margin-top:100px}