:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:TekoRegular;src:url(/PortfolioWebsite/Fonts/Teko-Regular.ttf)}@font-face{font-family:Syxtyfour;src:url(/PortfolioWebsite/Fonts/ProtestGuerrilla-Regular.ttf)}.activeContact[data-v-b81858a2]{color:#43f7f7;font-size:clamp(10px,7vw,20px)}.activePage[data-v-b81858a2]{font-size:clamp(10px,7vw,20px);color:#fff}.hyperlink[data-v-b81858a2]:hover{text-shadow:1px 1px 2px black,0 0 25px#fdfdfd,0 0 5px #ffffff}.contactMeHyperLink[data-v-b81858a2]{text-decoration:none;color:#43f7f7;font-size:clamp(10px,7vw,20px)}.contactMeHyperLink[data-v-b81858a2]:hover{text-shadow:1px 1px 2px black,0 0 25px#43f7f7,0 0 5px #43f7f7}.outerMainContentOld[data-v-b81858a2]{overflow:hidden;border-color:#43f7f7;border-style:solid;background-color:#272424;border-radius:50px;grid-row:3/12;grid-column:2/12;z-index:3;padding-right:1px}.innerMainContentOld[data-v-b81858a2]{scrollbar-width:thin;overflow:scroll;overflow-x:hidden;display:flex;scrollbar-color:#43f7f7 rgb(39,36,36);height:100%;width:100%;min-height:auto;z-index:2;padding-right:1px}.mainLayout[data-v-b81858a2]{display:grid;height:100vh;grid-template-rows:100px repeat(11,1fr);grid-template-columns:repeat(12,1fr);background-color:#272424;background-image:url(/PortfolioWebsite/Pictures/backgroundHexagonCyan.svg);background-repeat:no-repeat;background-attachment:fixed;background-size:cover}.hyperlink[data-v-b81858a2]{color:#fff;text-decoration:none;font-size:clamp(10px,7vw,20px)}.nav[data-v-b81858a2]{display:flex;justify-content:right;width:100%}.header[data-v-b81858a2]{display:flex;align-items:center;font-family:Syxtyfour;padding-left:50px;padding-right:50px;color:#faebd7;z-index:5;position:sticky;top:0;border-color:#43f7f7;border-radius:50px;border-style:solid;grid-column:1/13;grid-row:1/2;background-color:#272424}.dropbtn[data-v-b81858a2]{display:none}.dropdown-content[data-v-b81858a2]{display:flex;gap:2vw}.portfolioHeader[data-v-b81858a2]{font-size:clamp(20px,7vw,30px)}@media screen and (max-width:800px){.contactMeHyperLink[data-v-b81858a2],.activePage[data-v-b81858a2]{font-size:4vw}.mainLayout[data-v-b81858a2]{display:grid;height:100vh;grid-template-rows:clamp(50px,20vw,100px) repeat(11,1fr);grid-template-columns:repeat(12,1fr);background-color:#272424}.outerMainContentOld[data-v-b81858a2]{overflow:hidden;border-color:#43f7f7;border-style:solid;background-color:#272424;border-radius:50px;grid-row:3/12;grid-column:2/12;z-index:3;padding-right:1px}.portfolioHeader[data-v-b81858a2]{font-size:clamp(20px,7vw,30px)}.header[data-v-b81858a2]{border-radius:10vw;padding-left:min(max(20px,5%),50px);padding-right:10vw}.dropbtn[data-v-b81858a2]{background-color:#272424;background-image:url(/PortfolioWebsite/Pictures/HamburgerMenu.svg);background-size:100% 100%;color:#fff;padding:16px;font-size:16px;border:none;cursor:pointer;display:block;width:100%;height:100%;border-radius:10px}.hyperlink[data-v-b81858a2]{font-size:4vw}.dropdown[data-v-b81858a2]{position:relative;display:inline-block;width:clamp(40px,10vw,60px);height:clamp(40px,10vw,60px)}.dropdown-content[data-v-b81858a2]{display:none;position:absolute;background-color:#272424;box-shadow:0 8px 16px #0003;z-index:1;border-radius:10px}.dropdown-content a[data-v-b81858a2]{color:#d1cece;padding:12px 16px;text-decoration:none;display:block}.dropdown-content a[data-v-b81858a2]:hover{background-color:#0f0f0f}.dropdown:hover .dropdown-content[data-v-b81858a2]{display:block}.dropdown:hover .dropbtn[data-v-b81858a2]{background-color:#0f0f0f}}@media screen and (max-width: 200px) and (max-height:200px){.mainLayout[data-v-b81858a2]{width:200px;height:200px}}@media screen and (max-height:200px){.mainLayout[data-v-b81858a2]{height:200px}}.item[data-v-24d8d093]{margin-top:2rem;display:flex;position:relative}.details[data-v-24d8d093]{flex:1;margin-left:1rem}i[data-v-24d8d093]{display:flex;place-items:center;place-content:center;width:32px;height:32px;color:var(--color-text)}h3[data-v-24d8d093]{font-size:1.2rem;font-weight:500;margin-bottom:.4rem;color:var(--color-heading)}@media (min-width: 1024px){.item[data-v-24d8d093]{margin-top:0;padding:.4rem 0 1rem calc(var(--section-gap) / 2)}i[data-v-24d8d093]{top:calc(50% - 25px);left:-26px;position:absolute;border:1px solid var(--color-border);border-radius:8px;width:50px;height:50px}.item[data-v-24d8d093]:before{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;bottom:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-24d8d093]:after{content:" ";border-left:1px solid var(--color-border);position:absolute;left:0;top:calc(50% + 25px);height:calc(50% - 25px)}.item[data-v-24d8d093]:first-of-type:before{display:none}.item[data-v-24d8d093]:last-of-type:after{display:none}}.imgSocial[data-v-df15c259]{width:100%;height:auto}.imgSocial[data-v-df15c259]:hover{filter:drop-shadow(0 0 5px rgb(0,238,255))}.linkGithub[data-v-df15c259]{width:10%;display:flex;align-items:center}.linkLinkedIn[data-v-df15c259]{display:flex;align-items:center;width:10%;height:fit-content}.divSocial[data-v-df15c259]{margin-top:10%;display:flex;justify-content:center;gap:5%}.mainHome[data-v-df15c259]{display:flex;flex-direction:row;align-items:center;padding-top:2vh;padding-left:5vw;padding-right:5vw;padding-bottom:2vh;height:fit-content;min-height:100%}.imgContainer[data-v-df15c259]{width:100%;display:flex;justify-content:center;align-items:flex-start}.pictureMain[data-v-df15c259]{width:30vw;height:auto;filter:drop-shadow(0px 12px 12px rgb(0,238,255))}.divIntroduction[data-v-df15c259]{width:100%;color:#fff;font-family:TekoRegular;font-size:1.6vw;text-align:center}@media screen and (min-aspect-ratio: .4) and (max-aspect-ratio: 1.3){.mainHome[data-v-df15c259]{display:flex;flex-direction:column;align-items:top;padding-bottom:5vh}.pictureMain[data-v-df15c259]{margin-top:10vw;width:50vw;height:auto;filter:drop-shadow(0px 12px 12px rgb(0,238,255))}.divIntroduction[data-v-df15c259]{width:100%;padding:20px;color:#fff;font-family:TekoRegular;font-size:2.5vw;text-align:center}}@font-face{font-family:TekoRegular;src:url(/PortfolioWebsite/Fonts/Teko-Regular.ttf)}@media screen and (max-width:800px){.linkLinkedIn[data-v-df15c259]{width:20%}.mainHome[data-v-df15c259]{display:flex;flex-direction:column;align-items:top;padding-top:5vh;padding-bottom:5vh}.pictureMain[data-v-df15c259]{width:60vw;height:auto;filter:drop-shadow(0px 12px 12px rgb(0,238,255))}.divIntroduction[data-v-df15c259]{width:100%;padding:20px;color:#fff;font-family:TekoRegular;font-size:5vw;text-align:center}.linkGithub[data-v-df15c259]{width:20%}}.cardDiv[data-v-0979ffba]{border-style:solid;flex-direction:column;display:flex;width:10vw;height:10vw;border-radius:1vw;padding:1vw;border-color:#00fff2}.cardDiv[data-v-0979ffba]:hover{background-color:#0f0f0f;transform:rotateX(360)}.cardDiv[data-v-0979ffba]:active{background-color:#2a6163}.cardImg[data-v-0979ffba]{width:100%;height:80%;padding-left:1.5vw;padding-right:1.5vw}.skillImg[data-v-0979ffba]{width:100%;height:auto;transition:transform 1s}.cardDiv:hover .skillImg[data-v-0979ffba]{transform:rotateX(360deg) rotateY(360deg) rotate(360deg);filter:drop-shadow(0 0 5px rgb(0,0,0));transition:1s}.cardText[data-v-0979ffba]{line-height:1;width:100%;height:20%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:TekoRegular;font-size:1.5vw;color:#fff}@media screen and (max-width:800px){.cardDiv[data-v-0979ffba]{width:15vw;height:20vw}.cardText[data-v-0979ffba]{height:30%;font-size:3.5vw}}.languagesNote2[data-v-c4d42050]{width:25vw}.languagesNote[data-v-c4d42050]{font-family:TekoRegular;font-size:1.5vw;color:#f5f5f5;text-align:center;display:flex;justify-content:center;margin-bottom:2vw}.skillText[data-v-c4d42050]{text-align:center;font-family:TekoRegular;color:#fff;font-size:4vw}.divLanguage[data-v-c4d42050]{margin-top:1vw;display:grid;grid-template-columns:repeat(2,10vw);justify-content:center;align-items:center;gap:2vw}.divDatabase[data-v-c4d42050]{margin-top:1vw;display:grid;grid-template-columns:repeat(3,10vw);justify-content:center;align-items:center;gap:2vw}.divVersionControl[data-v-c4d42050]{margin-top:1vw;display:grid;grid-template-columns:repeat(2,10vw);justify-content:center;align-items:center;gap:2vw}.divFrameworks[data-v-c4d42050]{margin-top:1vw;display:grid;grid-template-columns:repeat(4,10vw);justify-content:center;align-items:center;gap:2vw}.divProgrammingLanguages[data-v-c4d42050]{display:grid;grid-template-columns:repeat(4,10vw);justify-content:center;align-items:center;gap:2vw}.divTools[data-v-c4d42050]{margin-top:1vw;display:grid;grid-template-columns:repeat(3,10vw);justify-content:center;align-items:center;gap:2vw}.divTools>div[data-v-c4d42050]:last-child{grid-column:2 / 4}.mainSkils[data-v-c4d42050]{margin-top:1vw;height:fit-content;min-height:100%;width:100%;padding:3vw;font-family:TekoRegular;display:flex;gap:5vw;flex-direction:column}@media screen and (max-width:800px){.languagesNote2[data-v-c4d42050]{width:50vw}.languagesNote[data-v-c4d42050]{font-size:3vw}.skillText[data-v-c4d42050]{font-size:10vw}.divLanguage[data-v-c4d42050]{grid-template-columns:repeat(2,15vw)}.divDatabase[data-v-c4d42050]{grid-template-columns:repeat(3,15vw)}.divVersionControl[data-v-c4d42050]{grid-template-columns:repeat(2,15vw)}.divFrameworks[data-v-c4d42050],.divProgrammingLanguages[data-v-c4d42050]{grid-template-columns:repeat(4,15vw)}.divTools[data-v-c4d42050]{grid-template-columns:repeat(3,15vw)}}.downloadCVHyperLink[data-v-286ce20a]{text-decoration:none;color:#272424}.contactMeHyperLink[data-v-286ce20a]{color:#fff}.contactMeHyperLink[data-v-286ce20a]:hover{filter:drop-shadow(0 0 5px rgb(0,238,255))}.downloadText[data-v-286ce20a]{font-family:TekoRegular;font-size:2vw}.CVsDiv[data-v-286ce20a]{display:grid;grid-template-columns:repeat(2,1fr);width:100%;margin-top:4vw}.cvDownloadButton[data-v-286ce20a]{display:flex;justify-content:center;width:100%;height:auto;background-image:url(/PortfolioWebsite/Pictures/ButtontBackground.svg);padding:5% 10%;background-size:100% 100%;background-repeat:no-repeat}.cvDownloadButton[data-v-286ce20a]:hover{filter:drop-shadow(0 0 5px rgb(0,238,255))}.thankYouDiv[data-v-286ce20a]{color:#fff;display:flex;text-align:center;margin-top:3vw;font-family:TekoRegular;font-size:2vw;width:50vw}.mainPorfolio[data-v-286ce20a]{height:fit-content;min-height:100%;width:100%;padding:3vw;font-family:TekoRegular;display:flex;justify-content:center}@media screen and (min-aspect-ratio: .4) and (max-aspect-ratio: 1.3){.mainPorfolio[data-v-286ce20a]{padding:6vw}.thankYouDiv[data-v-286ce20a]{color:#fff;display:flex;text-align:center;margin-top:3vw;font-family:TekoRegular;font-size:3vw;width:60vw}.CVsDiv[data-v-286ce20a]{margin-top:10vw}}@media screen and (max-width:800px){.mainPorfolio[data-v-286ce20a]{padding:6vw}.thankYouDiv[data-v-286ce20a]{color:#fff;display:flex;text-align:center;margin-top:3vw;font-family:TekoRegular;font-size:5vw;width:60vw}.CVsDiv[data-v-286ce20a]{display:grid;grid-template-columns:repeat(1,1fr);gap:3vw;width:100%;margin-top:10vw}.downloadText[data-v-286ce20a]{font-size:5vw}}@font-face{font-family:TekoRegular;src:url(../src/Fonts/Teko-Regular.ttf)}.containerLink[data-v-283e1e27]{font-family:TekoRegular;gap:1vw;display:flex;flex-direction:row;width:100%}.divImgLink[data-v-283e1e27]{width:10vw;display:flex}.textLink[data-v-283e1e27]:hover{filter:drop-shadow(0 0 5px rgb(255,255,255))}.textLink[data-v-283e1e27]{color:#fff;font-size:3vw;text-decoration:none}.divTextLink[data-v-283e1e27]{display:flex;justify-content:left;align-items:center;width:100%}.hyperlinkImg[data-v-283e1e27]{display:flex;justify-content:center;width:100%;height:100%}.imgSocialLink[data-v-283e1e27]{width:100%;height:auto}.imgSocialLink[data-v-283e1e27]:hover{filter:drop-shadow(0 0 5px rgb(0,238,255))}.buttonText[data-v-283e1e27]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#272424;font-size:2vw;text-align:center}.closeDialogButton[data-v-283e1e27]{height:1vw;width:1vw;margin:.2vw;position:absolute;top:0;right:0;text-align:center;background-size:100% 100%;background-repeat:no-repeat;background-color:#272424;border:none;background-image:url(/PortfolioWebsite/Pictures/cancelDialogThicker.svg)}.dialog[data-v-283e1e27]{text-align:center;bottom:20px;right:100px;background-color:#272424;color:#fff;padding:2vw;border-style:solid;border-radius:10px;border-color:#0ef;width:20vw;height:fit-content;font-family:TekoRegular;font-size:1.5vw}.sendEmailButtonDiv[data-v-283e1e27]{position:relative;text-align:center;display:flex;justify-content:center;width:100%;height:6vw}.sendEmailImg[data-v-283e1e27]:hover{filter:drop-shadow(0 0 5px rgb(0,238,255))}.sendEmailImg[data-v-283e1e27]{width:100%;height:100%}.sendEmailButton[data-v-283e1e27]{background-color:#272424;color:#272424;text-align:center;font-family:TekoRegular;font-size:2vw;border:none;outline:none;width:100%;height:100%;background-size:100% 100%;background-repeat:no-repeat}.emailContentInput[data-v-283e1e27]:focus{font-size:1vw;text-align:left}.emailContentInput[data-v-283e1e27]{background-color:#fff;text-align:center;padding-left:10px;padding-right:10px;font-family:TekoRegular;font-size:2vw;border:solid;border-color:#43f7f7;border-radius:1vw 1vw 0;color:#fff;resize:vertical;min-height:5vw;height:6vw;outline:none;width:100%;background-color:#272424;scrollbar-width:thin;scrollbar-color:#43f7f7 rgb(39,36,36)}.emailContentInput[data-v-283e1e27]:hover{filter:drop-shadow(0 0 5px rgb(0,238,255))}.emailContentInputDiv[data-v-283e1e27]{display:flex;justify-content:center;width:100%;height:auto}.emailInputDiv[data-v-283e1e27]{display:flex;justify-content:center;width:100%;height:auto;background-image:url(/PortfolioWebsite/Pictures/InputBackground.png);padding:5% 10%;background-size:100% 100%;background-repeat:no-repeat}.emailInput[data-v-283e1e27]{background-color:#272424;color:#fff;text-align:center;padding-left:10px;padding-right:10px;font-family:TekoRegular;font-size:2vw;border:none;outline:none;width:100%;height:100%}.emailInputDiv[data-v-283e1e27]:hover{filter:drop-shadow(0 0 5px rgb(0,238,255))}.emailInput[data-v-283e1e27]:focus{border-left:.5vw solid rgb(0,238,255);border-right:.5vw solid rgb(0,238,255);border-radius:10%}.sendEmailForm[data-v-283e1e27]{display:flex;gap:2vh;flex-direction:column;width:100%;padding-left:5vw;padding-right:5vw}.mainContact[data-v-283e1e27]{display:flex;flex-direction:row;height:100%;width:100%;padding:5%;height:fit-content;min-height:100%}.socialMediaDiv[data-v-283e1e27]{flex:1;display:flex;flex-direction:column;justify-content:top;gap:1vw}.sendEmailDiv[data-v-283e1e27]{flex:1}@media screen and (min-aspect-ratio: .4) and (max-aspect-ratio: 1.3){.sendEmailForm[data-v-283e1e27]{display:flex;gap:2vh;flex-direction:column;width:100%;padding-top:5vw;padding-left:10vw;padding-right:10vw}.socialMediaDiv[data-v-283e1e27]{justify-content:space-around;flex:0;display:flex;flex-direction:row;height:fit-content;padding:3vw;gap:0}.mainContact[data-v-283e1e27]{display:flex;flex-direction:column;height:100%;width:100%;padding:5%;height:fit-content;min-height:100%}.containerLink[data-v-283e1e27]{font-family:TekoRegular;gap:1vw;display:flex;flex-direction:column;width:15vw;align-items:center}.divImgLink[data-v-283e1e27]{width:10vw}.textLink[data-v-283e1e27]{font-size:3vw}.divTextLink[data-v-283e1e27]{display:flex;text-align:center;justify-content:center;width:100%}.imgSocialLink[data-v-283e1e27]{width:100%;height:auto}.emailContentInput[data-v-283e1e27]{height:10vw}}@media screen and (max-width:800px){.emailInput[data-v-283e1e27]{font-size:5vw}.sendEmailForm[data-v-283e1e27]{display:flex;gap:2vh;flex-direction:column;width:100%;padding-top:5vw;padding-left:10vw;padding-right:10vw}.socialMediaDiv[data-v-283e1e27]{justify-content:space-around;flex:0;display:flex;flex-direction:row;height:fit-content;padding:3vw;gap:0}.mainContact[data-v-283e1e27]{display:flex;flex-direction:column;height:100%;width:100%;padding:5%;padding-top:10vw;height:fit-content;min-height:100%}.containerLink[data-v-283e1e27]{font-family:TekoRegular;gap:1vw;display:flex;flex-direction:column;width:20vw;align-items:center}.divImgLink[data-v-283e1e27]{width:15vw}.textLink[data-v-283e1e27]{font-size:4vw}.divTextLink[data-v-283e1e27]{display:flex;text-align:center;justify-content:center;width:100%}.imgSocialLink[data-v-283e1e27]{width:100%;height:auto}.emailContentInput[data-v-283e1e27]{font-size:5vw;height:20vw}.emailContentInput[data-v-283e1e27]:focus{font-size:3.5vw}.sendEmailButton[data-v-283e1e27]{font-size:5vw}.sendEmailButtonDiv[data-v-283e1e27]{height:15vw}.buttonText[data-v-283e1e27]{font-size:5vw}}