.projectCard{flex-direction:column;gap:12px;padding:12px 36px;display:flex}#cubeGameProjectCard{background-color:#ebe0fc}#tetrisProjectCard{background-color:#c4fbca}#littleShopProjectCard{background-color:#fce0e0}.titleSection{flex-direction:row;flex:1 0 auto;align-items:center;gap:12px;display:flex}.topTitleSection{flex-direction:column;flex-grow:1;gap:12px;display:flex}p{color:#2c3036;margin:0;padding:0;font-family:Inter,sans-serif;font-size:18px;font-weight:lighter}.titleImageContainer{aspect-ratio:1;align-items:center;width:120px;height:120px;margin:auto}.desktopTitleImageContainer{width:200px}#titleImage{aspect-ratio:1;object-fit:cover;border-radius:12.5px;width:100%;height:100%}.boldLabel{color:#2c3036;text-wrap:nowrap;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.boldTitle{color:#2c3036;text-wrap:nowrap;margin-block:0;font-family:Inter,sans-serif;font-size:24px;font-weight:700}.screenshot-mobile{border-radius:2vw;width:10vw;height:20vw}.screenshot-desktop{border-radius:12px;width:20vw;height:10vw}.screenRow{flex-direction:row;display:flex}.thinRow{gap:12px}.thickRow{align-items:center;gap:50px;padding:50px}.tetrisRow{align-items:stretch}#tetrisImageList{flex-direction:column;justify-content:space-between;gap:25px;display:flex}#tetrisContentText{align-items:center;display:flex}.linkButton{all:unset;color:#2c3036;text-align:center;border:2px solid #2c3036;border-radius:12.5px;width:fit-content;margin-block:0;padding:12px;font-family:Inter,sans-serif;font-size:18px;font-weight:700}.linkButton:hover{background-color:#cee9f1;scale:103%}#submitButton{padding-left:24px;padding-right:24px}#contactMeTitle{text-align:center}.contactMeField{color:#2c3036;outline-offset:2px;resize:vertical;border:2px solid #2c3036;border-radius:12.5px;flex-grow:2;padding:10px;font-family:Inter,sans-serif;font-size:18px;font-weight:400}.contactMeField:focus-visible{border-style:solid;border-color:#509d47;border-radius:12.5px;outline:none}.invalid-input{border-style:solid;border-color:#9d4747;border-radius:12.5px}.contactMeCol{flex-direction:column;gap:10px;width:100%;display:flex}#contactMeProjectCard{align-items:center}#contactMeProjectCardSubmitted{justify-content:center;align-items:center;width:100%;height:100%;padding:0}#submittedEmail{flex-direction:column;align-items:center;gap:12px;width:fit-content;height:fit-content;display:flex}#emailIcon{width:120px;padding-right:40px}
.skillItemContainer{flex-flow:wrap;gap:12px;display:flex}.skillContainer{flex-direction:row;align-items:start;gap:12px;display:flex}.skillTitle{padding-top:4px}.skillItem{background-color:#2c3036;border-radius:10px;flex-direction:row;flex-shrink:1;align-items:center;height:fit-content;display:flex}.skillItemIcon{aspect-ratio:1;border-radius:10px;height:30px}.skillItemTitle{color:#f0efef;padding-left:12px;padding-right:12px;font-family:Inter,sans-serif;font-size:16px;display:block}
.progressItem{background-color:#2c3036;border-radius:12.5px;flex-shrink:1;gap:12.5px;width:fit-content;padding:12.5px;display:flex}.progressItemIcon{border-radius:10px;width:20px;height:20px}.progressItemTitle{color:#f0efef;font-family:Inter,sans-serif;font-size:16px;display:block}
.navItem{background-color:#0000;justify-content:space-between;padding:12px 20px;display:flex}.navItem:hover{background-color:#cee9f1}.navItem.activeNavItem{background-color:#ade4f3}.navItemTitle{color:#2c3036;align-self:center;font-family:Inter,sans-serif;font-size:20px;font-weight:700}.navItemIcon{border-radius:20px;align-self:center;width:40px;height:40px}
body{background-color:#2c4a5b;margin:0;padding:0;overflow:hidden}.fullScreen{width:100vw;height:100vh;display:flex;position:absolute;top:0;left:0}.unselectable-text{-webkit-user-select:none;user-select:none}#fullScreenImage{z-index:2;pointer-events:none}#fullScreenContent{z-index:1}#pixelDesktopImg{object-fit:fill;align-self:flex-end;width:100vw;display:inline-block}#navBar{background-color:#f0efef;align-self:flex-end;width:21.5vw;height:41vw;display:inline-block;position:absolute;bottom:14vw;left:14vw}#navBarInner{flex-direction:column;gap:0;padding-top:24px;display:flex;overflow-y:auto}#content{background-color:#f0efef;align-self:flex-end;width:59vw;height:28vw;display:inline-block;position:absolute;bottom:18vw;left:37vw;overflow-y:auto}#embeddedResume{width:100%;height:100%}.postItNote{all:unset;z-index:3;color:#2c3036;text-align:center;font-family:Inter,sans-serif;font-size:1.5vw;font-weight:bolder;position:absolute}.postItNote:hover{scale:105%}#resumeText{bottom:48.5vw;left:3vw;transform:rotate(-23deg)}#contactMe{bottom:39vw;left:4vw;transform:rotate(23deg)}