.homePage{box-sizing:border-box;background-color:var(--background);flex-direction:column;width:100%;max-width:1300px;height:-moz-fit-content;height:fit-content;min-height:100vh;margin:auto;padding:0 30px;display:flex}.header{flex-direction:row;justify-content:center;align-items:center;width:100%;padding:75px 0 0;display:flex}@media (max-width:1200px){.header{flex-direction:column}}.header .text{flex-direction:column;justify-content:flex-start;width:50%;display:flex}@media (max-width:1200px){.header .text{width:100%}}.header .text .greeting{color:var(--grey-text);font-size:25px;font-weight:500}@media (max-width:1200px){.header .text .greeting{font-size:23px}}@media (max-width:600px){.header .text .greeting{font-size:22px}}.header .text .position{margin-top:0;font-size:48px}@media (max-width:1200px){.header .text .position{font-size:36px}}@media (max-width:600px){.header .text .position{font-size:30px}}.header .text .position h1{color:var(--text);margin:0;line-height:1em}.header .text .position span{background:linear-gradient(to right,var(--primary),var(--accent));-webkit-text-fill-color:transparent;text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header .text .byline{color:var(--grey-text);margin-top:.5em;font-size:22px}@media (max-width:600px){.header .text .byline{font-size:19px}}.header .text .buttons{flex-direction:row;gap:1em;margin-top:1em;text-decoration:none;display:flex}.header .text .buttons .contact{text-align:center;box-sizing:border-box;border-radius:5px;padding:10px 15px;font-size:18px;font-weight:600;text-decoration:none;transition:all .5s}@media (max-width:800px){.header .text .buttons .contact{font-size:14px}}.header .text .buttons .project{text-align:center;box-sizing:border-box;border-radius:5px;padding:10px 15px;font-size:18px;font-weight:600;text-decoration:none;transition:all .5s}@media (max-width:800px){.header .text .buttons .project{font-size:14px}}.header .text .buttons .contact{color:var(--background);background-color:var(--primary)}.header .text .buttons .contact:hover{background-color:var(--accent)}.header .text .buttons .project{color:var(--text);border:1px solid var(--text);background:0 0}.header .text .buttons .project:hover{color:var(--background);background:var(--text)}.header .photo{justify-content:flex-end;align-items:center;width:50%;display:flex}@media (max-width:1200px){.header .photo{justify-content:center;width:100%;margin-top:3em}}.header .photo .wrapper{border:1px solid var(--primary);border-radius:50%;justify-content:center;align-items:center;width:425px;height:425px;display:flex}@media (max-width:1200px){.header .photo .wrapper{width:600px;height:600px}}@media (max-width:800px){.header .photo .wrapper{width:80vw;max-width:320px;height:80vw;max-height:320px}}.header .photo .wrapper img{border-radius:50%;width:80%;height:80%}.skills{width:100%;padding:75px 0 0}.skills .sectionTitle{color:var(--text);margin-top:0;margin-bottom:.5em;font-size:48px}.skills .sectionTitle span{background:linear-gradient(to right,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.skills .skillWrapper{flex-flow:wrap;justify-content:space-evenly;align-items:flex-start;gap:1em;width:100%;display:flex}.skills .skillWrapper .skillItem{width:24%;color:var(--text);box-sizing:border-box;flex-direction:column;height:150px;display:flex}@media (max-width:1260px){.skills .skillWrapper .skillItem{width:45%}}@media (max-width:600px){.skills .skillWrapper .skillItem{width:100%}}.skills .skillWrapper .skillItem .title{margin:0 0 .5em;font-size:22px;font-weight:700}.skills .skillWrapper .skillItem .skillList{color:var(--grey-text);font-size:18px}.story{width:100%;padding:40px 0 0}.story .sectionTitle{color:var(--text);margin-top:0;margin-bottom:.5em;font-size:48px}.story .sectionTitle span{background:linear-gradient(to right,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.story .storyWrap{flex-direction:column;justify-content:flex-start;gap:1em;display:flex}.story .storyWrap p{color:var(--grey-text);font-size:18px}.story .storyWrap p span{background:linear-gradient(to right,var(--primary),var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:600}.story .learnMore{text-align:center;box-sizing:border-box;width:-moz-fit-content;width:fit-content;color:var(--background);background-color:var(--primary);border-radius:5px;padding:7.5px 10px;font-size:14px;font-weight:600;text-decoration:none;transition:all .5s}.story .learnMore:hover{background-color:var(--accent)}