*{margin:0;box-sizing:border-box;font-family:monospace}html{scroll-behavior:smooth;font-size:16px}html,body{width:100%;height:100vh;padding:0;max-width:100vw;font-family:monospace;overflow:hidden}@media screen and (orientation: portrait){html,body{height:100%}}a{font-family:monospace}a:-webkit-any-link{color:#fff}#root{height:100%;width:100%}.contentContainer{display:flex;flex-direction:column;background:linear-gradient(109.6deg,#0a1414 11.2%,#0b8491 91.1%);width:100%;height:100%;min-height:100%}.portfolio-header{all:initial}.portfolio-header *{all:unset}h1{margin-block-start:0;margin-block-end:0;margin-inline-start:0;margin-inline-end:0}.portfolioHeader{display:flex;flex-direction:row;align-items:center;position:fixed;top:0;left:0;background:linear-gradient(to right,#434343,#000);height:3.5rem;width:100%}.headerLinksContainer{flex-grow:1;justify-content:center}.portfolioSiteLink{padding:.75rem;line-height:1;text-align:left;position:absolute;top:0;left:0}@media screen and (max-width: 750px){.portfolioSiteLink{display:none}}.portfolioHeader h1{font-size:2rem}.portfolioHeader a,a:hover,a:visited,a:active{color:#fff;text-decoration:none}.headerLinksContainer{display:flex;flex-direction:row;gap:.5rem}.headerLink{padding:.25rem;color:#fff;font-size:1.2rem}.headerLink:hover,.headerLink:active{color:#000;background-color:#fff}.headerLinksContainer p{padding:.25rem;font-size:1.2rem;color:#fff;font-weight:400}.projectFooter{display:flex;flex-direction:row;justify-content:center;align-items:center;gap:3rem;position:fixed;left:0;bottom:0;background:linear-gradient(to right,#434343,#000);height:3rem;width:100%}.footerText{color:#fff;font-size:1.2rem;text-transform:capitalize}.footerSocialLinksImg{max-height:2rem}.detailsContainer{justify-content:center;align-items:center;min-height:100vh;color:#fff;display:flex;flex-direction:row;gap:2rem}.detailsTextContainer{display:flex;flex-direction:column;gap:1rem}.detailsTextInnerContainer{height:5rem;display:flex;justify-content:center}.detailsTitle{font-size:4rem}.detailsComment{font-size:2.5rem}@media screen and (max-width: 550px){.detailsTitle{font-size:2.5rem}.detailsComment{font-size:1.75rem}}.detailsInfoLinksContainer{display:flex;flex-direction:row;justify-content:space-evenly;align-items:space-evenly}.detailsInfoLinks{color:#fff;padding:.25rem .5rem;font-size:1.5rem;text-decoration:none;border-bottom:2px solid white;border-radius:5px}.detailsInfoLinks:hover,.detailsInfoLinks:visited,.detailsInfoLinks:active{color:#fff;text-decoration:none}.detailsInfoLinks:hover{background:#fff;color:#000}.detailsSocialLinksContainer{display:flex;flex-direction:column;transform:translateY(-4rem)}@media screen and (max-width: 650px){.detailsSocialLinksContainer{display:none}}.detailsSocialLinksImg{max-width:4rem;height:100%}.technologiesContainer{color:#fff;display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;min-height:100vh;height:100%;gap:3rem;padding:3rem}.experienceTitle{font-size:4rem;padding-top:1rem}.experienceContainer{display:flex;flex-direction:row;gap:2rem;justify-content:center;flex-wrap:wrap;width:80%;margin:auto;height:100%}.experienceInnerContainer{height:20rem}.experienceItemContainer{border:1px solid white;padding:1rem 2rem;display:flex;flex-direction:column;flex-wrap:wrap;gap:2rem;width:100%;height:100%}.experienceItemTitle{text-align:left;white-space:nowrap;font-size:2.5rem}.experienceList{padding-inline-start:2em}.experienceListItem{font-size:2rem;width:22rem}@media screen and (max-width: 520px) and (orientation: portrait){.technologiesContainer{gap:1rem}.experienceTitle{font-size:2rem;padding-top:1.5rem}.experienceContainer{overflow-y:scroll;justify-content:center;width:100%;margin-bottom:3rem}.experienceInnerContainer{height:12rem}.experienceInnerContainer:last-child{margin-bottom:8rem}.experienceItemContainer{padding:1rem;gap:1rem}.experienceItemTitle{text-align:center;white-space:nowrap;font-size:1.5rem}.experienceList{padding-inline-start:2em}.experienceListItem{font-size:1.2rem;width:12rem}}@media screen and (min-width: 521px) and (max-width: 705px) and (orientation: portrait){.technologiesContainer{gap:.1rem}.experienceTitle{font-size:2rem;padding-top:1.5rem}.experienceContainer{column-gap:1rem;row-gap:0;justify-content:space-around;height:80%;width:90%}.experienceInnerContainer{height:12rem}.experienceInnerContainer:last-child{margin-bottom:6rem}.experienceItemContainer{padding:1rem;gap:1rem}.experienceItemTitle{text-align:center;white-space:nowrap;font-size:1.5rem}.experienceList{padding-inline-start:2em}.experienceListItem{font-size:1.2rem;width:10rem}}@media screen and (min-width: 706px) and (max-width: 860px) and (orientation: portrait){.technologiesContainer{gap:1rem}.experienceTitle{font-size:3rem;padding-top:2rem}.experienceContainer{justify-content:space-evenly;height:80%;width:100%}.experienceInnerContainer{height:15rem}.experienceItemContainer{padding:1rem;gap:1rem}.experienceItemTitle{text-align:center;white-space:nowrap;font-size:2.2rem}.experienceList{padding-inline-start:2em}.experienceListItem{font-size:1.5rem;width:19rem}}@media screen and (min-width: 861px) and (max-width: 1048px) and (orientation: portrait){.technologiesContainer{gap:1rem}.experienceTitle{font-size:4rem;padding-top:2.5rem}.experienceContainer{overflow-y:scroll;justify-content:space-around;height:80%;width:100%}.experienceInnerContainer{height:23rem}.experienceItemContainer{padding:1rem;gap:1rem}.experienceItemTitle{text-align:center;white-space:nowrap;font-size:3rem}.experienceList{padding-inline-start:2em}.experienceListItem{font-size:2rem;width:22rem}}@media only screen and (max-width: 800px) and (orientation: landscape){.technologiesContainer{gap:1rem}.experienceTitle{font-size:2rem;padding-top:1rem}.experienceContainer{overflow-y:scroll;justify-content:space-evenly;height:80%;width:90%}.experienceInnerContainer{height:12rem}.experienceItemContainer{padding:1rem;gap:1rem}.experienceItemTitle{text-align:center;white-space:nowrap;font-size:1.5rem}.experienceList{padding-inline-start:2em}.experienceListItem{font-size:1.2rem;width:10rem}}@media only screen and (min-width: 801px) and (max-width: 1000px) and (orientation: landscape){.technologiesContainer{gap:1rem}.experienceTitle{font-size:2rem;padding-top:1rem}.experienceContainer{overflow-y:scroll;justify-content:space-around;height:80%;width:90%}.experienceInnerContainer{height:12rem}.experienceItemContainer{padding:1rem;gap:1rem}.experienceItemTitle{text-align:center;white-space:nowrap;font-size:1.5rem}.experienceList{padding-inline-start:2em}.experienceListItem{font-size:1.2rem;width:10rem}}@media only screen and (min-width: 1001px) and (max-width: 1400px) and (orientation: landscape){.technologiesContainer{gap:2rem}.experienceTitle{font-size:3rem;padding-top:2rem}.experienceContainer{overflow-y:scroll;justify-content:space-around;height:80%;width:90%}.experienceInnerContainer{height:18rem}.experienceItemContainer{padding:1rem;gap:1rem}.experienceItemTitle{text-align:center;white-space:nowrap;font-size:2rem}.experienceList{padding-inline-start:2em}.experienceListItem{font-size:1.5rem;width:18rem}}.projectArticleContainer{min-height:100vh;height:100%;width:100%;padding:4.5rem 2rem;color:#fff}.projectTypeSelectionContainer{text-align:center;padding:0;margin:0;display:flex;flex-direction:row;justify-content:center;gap:3rem;position:relative}.projectTypeSelection{color:#fff;padding:1rem 1.25rem;font-weight:bolder;min-width:10rem}.projectNotSelected{border-top:3px white solid;border-left:3px white solid;border-right:3px white solid;border-bottom:0;z-index:1}.projectTypeSelected{position:relative;border-top:3px white solid;border-bottom:0}.projectTypeSelected:after,.projectTypeSelected:before{content:"";height:100%;border:3px solid;position:absolute;bottom:-3px;border-top:0;z-index:0}.projectSelectedOne:after{min-width:calc(43vw + 13rem);border-image:linear-gradient(to left,#fff0 5%,#fff 40%) 3}.projectSelectedOne:before{min-width:calc(43vw - 13rem);border-image:linear-gradient(to right,#fff0 5%,#fff 70%) 3}.projectSelectedTwo:after{min-width:43vw;border-image:linear-gradient(to left,#fff0 5%,#fff 40%) 3}.projectSelectedTwo:before{min-width:43vw;border-image:linear-gradient(to right,#fff0 5%,#fff 40%) 3}.projectSelectedThree:after{min-width:calc(43vw - 13rem);border-image:linear-gradient(to left,#fff0 5%,#fff 70%) 3}.projectSelectedThree:before{min-width:calc(43vw + 13rem);border-image:linear-gradient(to right,#fff0 5%,#fff 40%) 3}.projectTypeSelected:before{border-left:0;right:calc(10rem - 3px)}.projectTypeSelected:after{border-right:0;left:calc(10rem - 3px)}.projectInformationContainer{display:flex;flex-direction:row;flex-wrap:wrap;margin:.5rem;padding-bottom:4rem;width:100%;height:100%;overflow-y:scroll}.projectIndividualItemContainer{display:flex;flex-direction:column;margin:.5rem;padding:1.5rem;max-width:calc(33% - 1rem);background:linear-gradient(109.6deg,#0f1919,#0e8a82 91.1%)}.projectImageContainer{width:100%;padding:.5rem}.projectImage{width:100%}.projectTextContainer{display:flex;flex-direction:column;text-align:center;width:100%;padding:.5rem}.projectTextTitle{padding:.5rem;font-size:1.4rem;font-weight:900}.projectTechnologies{font-size:1.1rem;padding-bottom:1rem}.projectLinksContainer{display:flex;flex-direction:row;gap:2rem;justify-content:center}.individualProjectLinks{color:#fff;font-size:1rem;padding:.1rem .5rem;text-decoration:none;border-bottom:1px solid white;border-radius:5px}.individualProjectLinks:hover,.individualProjectLinks:visited,.individualProjectLinks:active{color:#fff;text-decoration:none}.individualProjectLinks:hover{background:#fff;color:#000}@media screen and (max-width: 520px) and (orientation: portrait){.projectTypeSelectionContainer{gap:1rem}.projectTypeSelection{color:#fff;padding:1rem .75rem;font-weight:bolder;min-width:8rem}.projectTypeSelected:before{border-left:0;right:calc(8rem - 2px)}.projectTypeSelected:after{border-right:0;left:calc(8rem - 2px)}.projectIndividualItemContainer{max-width:calc(100% - 1rem)}.projectIndividualItemContainer:last-child{margin-bottom:8rem}}@media screen and (min-width: 521px) and (max-width: 705px) and (orientation: portrait){.projectIndividualItemContainer{max-width:calc(100% - 1rem)}}@media screen and (min-width: 706px) and (max-width: 860px) and (orientation: portrait){.projectIndividualItemContainer{max-width:calc(100% - 1rem)}}@media screen and (min-width: 861px) and (max-width: 1048px) and (orientation: portrait){.projectIndividualItemContainer{max-width:calc(100% - 1rem)}}@media only screen and (max-width: 800px) and (orientation: landscape){.projectIndividualItemContainer{max-width:calc(50% - 1rem)}}@media only screen and (min-width: 801px) and (max-width: 1000px) and (orientation: landscape){.projectIndividualItemContainer{max-width:calc(50% - 1rem)}}@media only screen and (min-width: 1001px) and (max-width: 1400px) and (orientation: landscape){.projectIndividualItemContainer{max-width:calc(50% - 1rem)}}