.tag[data-v-05b9919a]{margin-top:.2rem;padding:.2rem .7rem;border-radius:20px;display:inline-block}.tagContent[data-v-05b9919a]{font-style:normal;font-weight:400;line-height:normal;font-size:.9rem}.portfolioItem[data-v-56c54242]{font-family:IBM Plex Sans Condensed,Helvetica Neue,Arial,sans-serif;width:100%;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:4px solid #000}.closedItem[data-v-56c54242]:hover,.openItem[data-v-56c54242]{z-index:2;-webkit-transform:translateY(-4px);transform:translateY(-4px);-webkit-box-shadow:0 12px 0 -8px #000;box-shadow:0 12px 0 -8px #000}.itemHeader[data-v-56c54242]{position:relative;height:270px;cursor:pointer;background-blend-mode:color-dodge;overflow:hidden;min-height:270px}.itemHeaderNoBackgroundImageTitle[data-v-56c54242]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;text-align:center;height:100%}.itemHeaderNoBackgroundImageTitle>div[data-v-56c54242]{font-size:2.6rem;padding:2rem 1rem;font-weight:600}.itemHeaderBackground[data-v-56c54242]{width:100%;height:100%;background-size:cover;background-position:50%}.itemHeaderContent[data-v-56c54242]{position:absolute;top:0;left:-100%;opacity:0;-webkit-transition:all .15s ease;transition:all .15s ease;height:100%;width:calc(100% - 2rem);padding-right:2rem}.itemTitle[data-v-56c54242]{font-size:2rem}.techTagContainer[data-v-56c54242]{position:absolute;bottom:2rem;width:100%}.closedItem:hover .itemHeaderContent[data-v-56c54242],.openItem .itemHeaderContent[data-v-56c54242]{opacity:1;left:2rem}.closedItem:hover .itemHeaderBackground[data-v-56c54242],.closedItem:hover .itemHeaderNoBackgroundImageTitle[data-v-56c54242],.openItem .itemHeaderBackground[data-v-56c54242],.openItem .itemHeaderNoBackgroundImageTitle[data-v-56c54242]{opacity:.3;-webkit-filter:grayscale(100%);filter:grayscale(100%)}.techTag[data-v-56c54242]{margin-right:.8rem}.closeItemButtonContainer[data-v-56c54242]{width:100%}.closeItemButton[data-v-56c54242]{display:block;margin:0 auto;border:none;background:none;cursor:pointer;padding:.5rem 0}.closeItemButton[data-v-56c54242]:focus{outline:2px dashed #17171d}.closeItemButton:hover svg[data-v-56c54242]{-webkit-transform:scale(1.2);transform:scale(1.2)}.closeItemButton[data-v-56c54242]::-moz-focus-inner{border:0}.hidden[data-v-56c54242]{display:none}.contentContainer[data-v-56c54242]{max-height:0;overflow:hidden;-webkit-transition:max-height .2s ease-out;transition:max-height .2s ease-out}.content[data-v-56c54242]{padding:1rem}.itemLink[data-v-56c54242]{color:#000;cursor:pointer;text-decoration:underline;background:transparent}.videoContainer[data-v-56c54242]{width:100%;padding-bottom:56.25%;height:0;overflow:hidden;position:relative}.videoPlaceholder[data-v-56c54242],.vimeoPlayer[data-v-56c54242],.youtubeFrame[data-v-56c54242]{position:absolute;top:0;left:0;width:100%;height:100%}.longDescription[data-v-56c54242]{text-align:justify}.videosContainer>div[data-v-56c54242],.videosContainer[data-v-56c54242]{width:100%}.image[data-v-56c54242],.videosContainer video[data-v-56c54242]{max-width:100%;height:auto}.image[data-v-56c54242]{-ms-flex-item-align:center;align-self:center}.imageContainer[data-v-56c54242]{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;margin-top:2rem;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.imageContainer .image[data-v-56c54242]:not(:first-child){margin-top:1rem}.listItem{margin-bottom:2rem}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:400;src:local("IBM Plex Sans Condensed"),local("IBMPlexSansCondensed"),url(../fonts/IBMPlexSansCondensed-Regular-Latin1.8ae505b3.woff2) format("woff2")}@font-face{font-family:IBM Plex Sans Condensed;font-style:normal;font-weight:600;src:local("IBM Plex Sans Condensed"),local("IBMPlexSansCondensed"),url(../fonts/IBMPlexSansCondensed-SemiBold-Latin1.568c9009.woff2) format("woff2")}.portfolioContainerContainer{width:70vw;min-width:270px;background-color:#fff;position:absolute;top:7rem;left:50%;max-width:700px;-webkit-transform:translate(-50%);transform:translate(-50%);font-family:IBM Plex Sans Condensed,Helvetica Neue,Arial,sans-serif}.portfolioContainer{margin-top:2rem}@media (max-width:599px){.portfolioContainerContainer{top:0;width:90vw;height:100vh}}@media (min-width:600px){.portfolioContainerContainer{width:80vw}}@media (min-width:900px){.portfolioContainerContainer{width:60vw}}@media (min-width:1200px){.mainContentContainer{width:50vw}}@media (min-width:1800px){.mainContentContainer{width:40vw}}.porfolioContainerHeader,.portfolioContainerFooter{background:#fff;width:100%;border:4px solid #000;-webkit-box-shadow:none;box-shadow:none}.porfolioContainerHeader{text-align:right;position:-webkit-sticky;position:sticky;top:0;z-index:3;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.portfolioContainerHeaderTitle{font-size:1.5rem;font-weight:600;margin:1rem 2rem}.portfolioContainerFooter{padding-top:1rem;padding-bottom:1rem;text-align:right}.portfolioContainerFooter a:last-child{padding-right:2rem}.portfolioContainerFooter a{font-size:1.1rem;margin-left:.4rem;background:transparent;cursor:pointer;color:#000;text-decoration:underline}.backgroundContainer{position:absolute;width:100%;top:0;bottom:0}.portfolio .background{overflow:hidden;-webkit-transition:max-height .15s ease-out,opacity .3s ease-out;transition:max-height .15s ease-out,opacity .3s ease-out}.portfolio .background.invisible{opacity:0}.closeButton{display:inline-block;font-family:IBM Plex Mono,Menlo,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier,monospace;font-size:1.2rem;border:none;margin-right:2rem;margin-top:1rem;margin-bottom:1rem;font-weight:700;background:transparent;cursor:pointer;color:#000;text-decoration:none}@media (max-width:350px){.closeButton{margin-bottom:1rem}}.closeButton:hover{text-decoration:underline}