@font-face{font-family:"Poppins";src:url(/Fonts/Poppins-Bold.ttf) format("truetype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Poppins";src:url(/Fonts/Poppins-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:"Rubik";src:url(/Fonts/Rubik-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Rubik";src:url(/Fonts/Rubik-Medium.ttf) format("truetype");font-weight:500;font-style:normal;font-display:swap}html{box-sizing:border-box;font-size:100%;scroll-behavior:smooth}*,*::before,*::after{box-sizing:inherit}body{margin:0;padding:0;background-color:var(--background-color);color:var(--text-color)}h1,h2,h3{font-family:"Poppins",sans-serif;line-height:1.1;margin-top:0}h1{font-size:clamp(1.75rem, 1rem + 2vw, 2.5rem);font-weight:700}h2,h3{font-weight:600}p{margin-top:0;font-size:1rem;font-family:"Rubik",sans-serif;font-weight:400}a,a:visited,a:active{text-decoration:none}:root{--background-color:hsl(33, 20%, 78%);--background-color2:hsl(29, 21%, 62%);--text-color:hsl(0, 0%, 0%);--navtext-color:hsl(23, 100%, 65%);--gradient-color1:hsl(23, 100%, 65%);--gradient-color2:hsl(23, 96%, 79%)}.headshot{width:15rem;box-shadow:30px 30px var(--navtext-color),-30px -30px var(--navtext-color)}@media (min-width:43.75em){.headshot{width:24rem}}@media (min-width:56.25em){.headshot{width:25rem}}.projectPicture{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background-color:var(--navtext-color);margin-bottom:.3rem}.grid{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto;width:min(82vw, 1500px);margin-inline:auto}@media (max-width:43.74875em){.grid{width:100%;margin-inline:0}}@media (min-width:56.25em){.grid{grid-template-columns:1.5fr 1fr;width:90vw}}@media (min-width:90em){.grid{margin-left:8vw;margin-right:2vw;width:90vw}}.grid__main,.grid__sidebar{padding:2.5rem}.grid__main{animation-name:fadeInmain;animation-duration:2s;background-color:#fff0}@media (min-width:56.25em){.grid__main{padding-right:0rem}}.grid__sidebar{animation-name:fadeIn;animation-duration:1.5s;text-align:center}@media (max-width:43.74875em){.grid__sidebar{text-align:center;padding:.5rem}}@media (max-width:56.24875em){.grid__sidebar{text-align:left}}@media (min-width:56.25em){.grid__sidebar{padding-top:10rem}}.grid__skill{background-color:var(--background-color2);text-align:center;padding:1rem}.grid__contacts{height:5rem;background-color:var(--navtext-color);text-align:center;padding:1rem}@media (max-width:43.74875em){.grid__contacts{height:3.4375rem}}.grid__titles{grid-template-columns:1fr;padding-top:12.5rem;padding-left:.5rem;padding-bottom:2rem}@media (max-width:56.24875em){.grid__titles{padding-top:6.25rem}}.grid__subtitles{grid-template-columns:1fr;padding-left:.5rem;padding-bottom:1rem}@media (min-width:90em){.grid__subtitles{padding-left:1rem}}.grid__projects{margin-top:12.5rem;width:80vw}@media (max-width:43.74875em){.grid__projects{width:90%;margin-left:5%;margin-right:5%}}@media (max-width:56.24875em){.grid__projects{margin-top:6.25rem;grid-template-columns:1fr}}@media (min-width:56.25em){.grid__projects{grid-template-columns:1fr 1fr}}@media (min-width:90em){.grid__projects{grid-template-columns:1fr 1fr;margin-left:15vw;margin-right:5vw}}.grid__name{font-size:65%}@media (min-width:43.75em){.grid__name{font-size:100%}}.grid__description{font-size:.625rem}@media (min-width:43.75em){.grid__description{font-size:1rem}}.grid__projectsDescriptioncontainer{background-color:var(--background-color2);font-size:60%;padding:2rem}@media (max-width:26.87375em){.grid--projectDescriontipsana{font-size:40%}}.grid__intro{background-color:var(--background-color2);padding:4rem}@media (max-width:43.74875em){.grid__intro{padding:2.5rem}}@media (max-width:26.87375em){.grid__intro{padding:1.5rem}}.grid__projectButtoncontainer{margin-left:2rem;margin-top:4rem}@media (min-width:56.25em){.grid__projectButtoncontainer{margin-left:-1rem;margin-top:2rem}}@media (min-width:90em){.grid__projectButtoncontainer{margin-left:-15rem}}.grid__projectButton{width:13rem;height:5rem;font-size:1.5rem;background-color:var(--background-color2);border:0;transition-property:transform,box-shadow;transition-duration:0.4s;transition-timing-function:ease-in-out;box-shadow:0 0 0 var(--navtext-color)}.grid__projectButton:hover{transform:translateX(-.7rem) translateY(-.7rem);box-shadow:.7rem .7rem 0 var(--navtext-color)}@media (min-width:90em){.grid__projectButton{width:8rem;height:3rem}}.grid__projectButton a{color:hsl(0 0% 0%)}.grid__projectButton a a:link{text-decoration:inherit;color:hsl(0 0% 0%);cursor:auto}.grid__projectButton a a:visited{text-decoration:inherit;color:hsl(0 0% 0%);cursor:auto}.grid__projectButton a a:active{text-decoration:inherit;color:hsl(0 0% 0%);cursor:auto}.grid__spacer{height:10vh}@media (min-width:43.75em){.grid__spacer{height:40vh}}.grid__contactsLinkedinimages{width:3.4375rem;opacity:inherit}@media (min-width:43.75em){.grid__contactsLinkedinimages{width:3.4375rem}}.grid--mainspacer{position:relative;height:100vh;padding-top:6rem}@media (min-width:56.25em){.grid--mainspacer{margin-left:1vw;margin-right:1vw;width:98vw}}@media (min-width:90em){.grid--mainspacer{margin-left:8vw;margin-right:2vw;width:90vw}}@keyframes fadeIn{0%{opacity:.01;transform:translateY(45%)}100%{opacity:1;transform:translateY(0%)}}@keyframes fadeInmain{0%{opacity:.01;transform:translateY(75%)}100%{opacity:1;transform:translateY(0%)}}.grid--introSidebar{text-align:center}.grid--projectPicturecontainer{border:.3rem solid var(--navtext-color);padding:0;aspect-ratio:16/9;width:100%;overflow:hidden;position:relative}.grid--projectSidebar{padding-top:1rem;padding-left:1rem}@media (min-width:56.25em){.grid--projectSidebar{padding-left:2.5rem}}@media (min-width:90em){.grid--projectSidebar{padding-left:4rem}}.grid--skills{gap:1rem;margin-bottom:1rem}@media (max-width:43.74875em){.grid--skills{width:85%;margin-left:2rem}}@media (min-width:90em){.grid--skills{margin-left:10vw;margin-right:2vw;width:88vw}}.grid--skilltext{margin:0}@media (max-width:56.24875em){.grid--skilltext{font-size:.75rem}}.grid--titletext{text-align:center;margin:0;font-size:2rem;padding-top:10vh}@media (min-width:43.75em){.grid--titletext{padding-top:8vh}}@media (min-width:56.25em){.grid--titletext{padding-top:15vh;font-size:3rem}}@media (min-width:90em){.grid--titletext{padding-top:8vh}}.grid--subtitletext{margin:0;font-size:2rem}@media (max-width:56.24875em){.grid--subtitletext{font-size:1rem}}.grid--skillsPop{background-color:var(--background-color2);transition-property:transform,background-color;transition-duration:0.2s;transition-timing-function:ease-in-out}.grid--skillsPop:hover{transform:translateX(0%) scale(1.02) translateZ(0);background-color:var(--gradient-color1)}.grid--skilltools{grid-template-columns:repeat(3,1fr)}.grid--skillsbackend{grid-template-columns:repeat(3,1fr)}.grid--skillsfrontend{grid-template-columns:repeat(3,1fr)}.grid--projecttop{margin-top:2.6875rem}.grid--contacts{margin-bottom:5rem;width:100vw;-moz-column-gap:1rem;column-gap:1rem;grid-template-rows:auto;grid-template-columns:repeat(3,1fr)}@media (min-width:43.75em){.grid--contacts{-moz-column-gap:2rem;column-gap:2rem}}@media (min-width:90em){.grid--contacts{margin-left:9vw;margin-right:3vw;width:88vw}}@media (min-width:43.75em){.grid--contactsTextcentering{margin-top:.75rem}}@media (min-width:56.25em){.grid--contactsTextcentering{margin-top:inherit}}.grid--contactstextreplace{width:-moz-fit-content;width:fit-content;opacity:1;transition:all 0.5s ease;transform:translateX(-50%) translateY(-75%)}@media (min-width:23.375em){.grid--contactstextreplace{transform:translateX(-50%) translateY(-100%)}}@media (min-width:43.75em){.grid--contactstextreplace{transform:translateX(-50%) translateY(-150%)}}@media (min-width:56.25em){.grid--contactstextreplace{transform:translateX(-50%) translateY(-100%)}}@media (min-width:100em){.grid--contactstextreplace{transform:translateX(-50%) translateY(-100%)}}.grid--contactstextmain,.grid--contactstextmainli{font-family:"Rubik",sans-serif;width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;opacity:1;transform:translateX(0);transition:all 0.5s ease}.grid--contactstext{color:var(--text-color);margin:0;font-size:2rem;-webkit-tap-highlight-color:#fff0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid--contactstext:link{text-decoration:none;color:var(--text-color);cursor:pointer}.grid--contactstext:visited{text-decoration:none;color:var(--text-color);cursor:pointer}.grid--contactstext:active{text-decoration:none;color:var(--text-color);cursor:pointer}.grid--contactstext:active .grid--contactsEmailResumereplace{opacity:1;transform:translateX(0%) translateY(-75%)}@media (min-width:23.375em){.grid--contactstext:active .grid--contactsEmailResumereplace{transform:translateX(10%) translateY(-100%)}}@media (min-width:26.875em){.grid--contactstext:active .grid--contactsEmailResumereplace{transform:translateX(25%) translateY(-100%)}}@media (min-width:43.75em){.grid--contactstext:active .grid--contactsEmailResumereplace{transform:translateX(2%) translateY(-150%)}}@media (min-width:56.25em){.grid--contactstext:active .grid--contactsEmailResumereplace{transform:translateX(0%) translateY(-100%)}}.grid--contactstext:focus{outline:none}.grid--contactstext:hover .grid--contactstextmainli{opacity:0;transform:translateX(200%);overflow-x:hidden}.grid--contactstext:hover .grid--contactsLinkedinreplace{opacity:1;transform:translateX(5%) translateY(-65%)}@media (min-width:43.75em){.grid--contactstext:hover .grid--contactsLinkedinreplace{transform:translateX(2%) translateY(-85%)}}@media (min-width:56.25em){.grid--contactstext:hover .grid--contactsLinkedinreplace{transform:translateX(0%) translateY(-75%)}}@media (max-width:56.24875em){.grid--contactstext{font-size:1rem}}.grid--contactsLinkedinreplace{width:-moz-fit-content;width:fit-content;margin-left:auto;margin-right:auto;opacity:0;transition:all 0.4s linear;transform:translateX(-100%) translateY(-65%)}@media (min-width:43.75em){.grid--contactsLinkedinreplace{transform:translateX(-200%) translateY(-85%)}}@media (min-width:56.25em){.grid--contactsLinkedinreplace{transform:translateX(-200%) translateY(-75%)}}@media (min-width:90em){.grid--contactsLinkedinreplace{transform:translateX(-350%) translateY(-75%)}}@media (min-width:100em){.grid--contactsLinkedinreplace{transform:translateX(-450%) translateY(-75%)}}.grid--projectsDescription{font-size:150%}.grid--projectsDescriptionheader{font-size:225%;color:hsl(0 0% 0%)}.navbar{z-index:1000;position:fixed;display:flex;flex-direction:row;height:4rem;width:100vw}@media (min-width:43.75em){.navbar{height:5rem}}@media (min-width:56.25em){.navbar{height:6rem}}@media (min-width:90em){.navbar{flex-direction:column;height:100vw;width:8rem}}.navbar__spacer{height:100%;background-color:#fff0}@media (min-width:43.75em){.navbar__spacer{width:100%;height:20%}}@media (min-width:56.25em){.navbar__spacer{height:25%}}@media (min-width:90em){.navbar__spacer{height:30%}}@media (min-width:100em){.navbar__spacer{height:25%}}@media (min-width:125em){.navbar__spacer{height:15%}}.navbar__items{width:20%;height:8%}@media (min-width:43.75em){.navbar__items{width:100%;height:100%}}@media (min-width:56.25em){.navbar__items{height:10%}}@media (min-width:90em){.navbar__items{height:6%}}.navbar__textcentering{width:100%;height:100%}@media (min-width:56.25em){.navbar--item6{animation-name:navbarFadein;animation-duration:2s;animation-timing-function:ease-in-out}}@keyframes navbarFadein{0%{height:200%}100%{height:55%}}.navbar__text{margin:0;text-align:center;font-size:.6875rem;padding-top:1.6875rem}@media (min-width:43.75em){.navbar__text{padding-top:2.0625rem}}@media (min-width:56.25em){.navbar__text{padding-top:2.8125rem;font-size:.9375rem}}@media (max-width:26.87375em){.navbar--textresume{font-size:.5rem}}.navbar--metal{background-image:-webkit-repeating-linear-gradient(left,#fff0 0%,#fff0 6%,hsl(0 0% 100% / .1) 7.5%),-webkit-repeating-linear-gradient(left,#fff0 0%,#fff0 4%,hsl(0 0% 0% / .03) 4.5%),-webkit-repeating-linear-gradient(left,#fff0 0%,#fff0 1.2%,hsl(0 0% 100% / .15) 2.2%),linear-gradient(180deg,hsl(0 0% 78%) 0%,hsl(0 0% 90%) 47%,hsl(0 0% 78%) 53%,hsl(0 0% 70%) 100%)}@media (max-width:89.99875em){.navbar--metal{background-image:-webkit-repeating-linear-gradient(bottom,#fff0 0%,#fff0 6%,hsl(0 0% 100% / .1) 7.5%),-webkit-repeating-linear-gradient(bottom,#fff0 0%,#fff0 4%,hsl(0 0% 0% / .03) 4.5%),-webkit-repeating-linear-gradient(bottom,#fff0 0%,#fff0 1.2%,hsl(0 0% 100% / .15) 2.2%),linear-gradient(180deg,hsl(0 0% 78%) 0%,hsl(0 0% 90%) 47%,hsl(0 0% 78%) 53%,hsl(0 0% 70%) 100%)}}.navbar--shinymetal{--shine-deg:45deg;background:linear-gradient(to bottom,var(--gradient-color1),var(--gradient-color2),var(--gradient-color1))}.button{position:relative;border:none;width:100%;height:100%;padding:0;background-color:#fff0}.button a{width:100%;height:100%;color:hsl(0 0% 0%);font-family:Arial,Helvetica,sans-serif;font-weight:700;text-align:center;text-decoration:none;display:block;position:relative;-webkit-tap-highlight-color:#fff0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.button a:after{content:"";height:100%;width:100%;padding:4px;position:absolute;bottom:0;left:0;z-index:-1;background-color:#fff0;border-radius:5px}.button a:visited,a:hover,a:active{color:hsl(0 0% 0%)}.button p{text-shadow:0 0 0 hsl(0 0% 0%);transition-property:text-shadow;transition-duration:0.3s;transition-timing-function:ease-in-out;animation-name:navbarButtonfadein;animation-duration:3s}.button p:hover{text-shadow:0 3px 15px var(--navtext-color),-15px 3px 15px var(--navtext-color),15px 3px 15px var(--navtext-color)}.button:focus{outline:none;-webkit-tap-highlight-color:#fff0;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@keyframes navbarButtonfadein{0%{opacity:.01}100%{opacity:1}}