:root{--gradientColor1:hsl(160,28%,80%);--gradientColor2:hsl(160,28%,90%);--gradientColor3:hsl(0, 0%, 91%);--textColor:rgb(0, 0, 0);--card:white;--cardText:black;--secondary1:hsl(37.44,59.11%,70.12%);--secondary2:hsla(168, 95%, 8%, .554);--secondary1og:hsl(37.44,59.11%,44.12%);--secondary2og:hsl(160.91,28.21%,15.29%);--borderColor:black;--emphasis:black;--icon:hsl(160.91,28.21%,15.29%);--colorSecondary:rgb(59, 58, 58);font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:var(--textColor);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:row-reverse;scroll-behavior:smooth;box-sizing:border-box}@media(prefers-color-scheme:dark){:root{--gradientColor1:var(--secondary2);--gradientColor2:var(--secondary2);--gradientColor3:var(--secondary2);--textColor:rgb(255, 255, 255);--secondary1:hsl(42.55,44.72%,51.76%);--borderColor:white;--emphasis:hsl(43, 77%, 60%);--icon:var(--emphasis);--colorSecondary:grey}}.emy{color:var(--emphasis)}body{background:linear-gradient(to bottom,var(--gradientColor1) 0%,var(--gradientColor2) 5%,var(--gradientColor3) 50%);width:78%;min-width:340px}#root{display:flex;flex-direction:column;width:100%;min-height:100vh;align-items:center;justify-content:center}#menuButton{display:none}@media not (min-width:768px){.properMobile{margin-top:3em}body{width:100%}header{width:100%;position:fixed;display:flex;align-items:center;justify-content:center;top:0;left:0;z-index:1000}#headerDiv{width:90%;background-color:var(--secondary2);-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);height:30px;align-items:center;padding:10px;border-radius:10px}#menuButton{display:inherit}}.navContainer{display:flex;position:fixed;flex-direction:column;align-items:center;justify-content:center;height:100vh;width:20%;left:0;background:transparent;top:0;overflow:auto}.navIcon{color:#000}.navItem{display:flex;align-items:center;margin:1em 0 0 1em;font-size:20px;font-weight:700;background-color:var(--secondary1);color:var(--textColor);border-radius:10px;padding:5px;width:8em}.navItem>span{text-decoration:none;color:#000;margin-left:1em}@media not (min-width:768px){.navContainer{width:fit-content;padding:0 1.5em 0 0;-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:var(--secondary2);margin:1em 0 0 -100%;top:2em;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:10px;height:100%}.navContainer.open{margin-left:3%;transition:margin-left .8s cubic-bezier(.22,1,.36,1)}.navItem{margin:1em 0 0;padding-right:1em}}#home{display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;min-width:30px;max-width:(77vw,1366px);height:100vh;text-align:left;padding:0 10%;background:transparent}#homeSection>h1{margin-bottom:0}#secondary{color:var(--colorSecondary)}#skills{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-width:30px;width:100%;min-height:100vh;text-align:left;padding:0 10%;background:transparent}#skills>h1{margin-bottom:20%}.skillsIcons{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;margin:0;min-width:320px;width:100%;max-width:768px;padding:0 10%}.s_icon{margin:30px;font-size:50px;color:var(--icon)}.topic{font-family:Georgia,Times New Roman,Times,serif,Times New Roman,Times,serif}@media not (min-width:445px){.skillsIcons{gap:1px}}#projects{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-width:370px;width:100%;min-height:100vh;padding:0 10% 10%;background:transparent}#projects>h1{color:var(--textColor);margin-bottom:15%}#allProjects{display:flex;width:100%;flex-wrap:wrap;gap:30px;justify-content:center}.project{display:flex;flex-direction:column;border:solid var(--borderColor) 2px;border-radius:10px;padding:20px;height:fit-content;min-width:150px;max-width:312px;width:25%}.projectRedirect{margin-left:auto;background-color:var(--secondary1);border-radius:10px;font-size:15px;right:0;padding:.5em;border:none}.projectRedirect::hover{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);cursor:pointer}hr{height:1px;background:var(--textColor);border:none;width:100%;margin-bottom:20px}#references{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-width:30px;min-width:370px;width:70vw;height:100vh;margin-top:3em;text-align:left;padding:0 10%;background:transparent}#refCards{display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:20px;width:100%;height:auto;margin-top:20px}@media not (min-width:768px){#references{width:100%}}.refCard>img{aspect-ratio:1/2;height:16em;border-radius:10%}.refCard{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px;box-shadow:0 4px 8px #2f2f2f96;border-radius:10px;background-color:var(--card);min-width:150px;width:25%;color:var(--cardText)}.refCard>button{padding:8px 16px;background-color:var(--secondary1);color:var(--textColor);border:none;border-radius:5px;cursor:pointer}#contact{display:flex;flex-direction:column;align-items:center;box-sizing:border-box;min-width:30px;width:75vw;height:100vh;text-align:left;padding:0 10%;background:transparent}#formContainer{width:70vw;height:80vh;display:flex;flex-direction:column;align-items:center;justify-content:center}#user_message,#message{width:90%;min-width:200px;max-width:600px;height:30px;border-radius:10px;margin-bottom:10px;padding:10px}#contactForm>button{height:40px;margin-bottom:90px;border-radius:10px;border:.5px solid var(--borderColor)}label{font-weight:700}#contactForm>.contactInput{width:90%;min-width:200px;max-width:600px;height:20px;border-radius:10px;border:.5px solid var(--borderColor);padding:10px}#sendStatus{font-size:large;background-color:var(--secondary2);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:10px;color:var(--textColor);width:90%;max-width:500px;border-radius:10px;display:flex;flex-wrap:wrap;justify-content:center;opacity:0;transition:opacity .8s cubic-bezier(.22,1,.36,1)}#sendStatus.sent{opacity:1}@media not (min-width:768px){#contact{margin-top:3em}#formContainer{margin-top:-60px}}