@import"https://fonts.googleapis.com/css2?family=Michroma&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Michroma&family=Orbitron:wght@400..900&family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Roboto:wght@400;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Space+Mono:ital,wght@0,400;0,700;1,400;1,700&display=swap";:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#141414;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#f11d1d;text-decoration:inherit}a:hover{color:#f11d1d}body{margin:0;display:flex;min-width:320px;min-height:100vh}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#f11d1d}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}#root{width:100%;display:flex;flex-direction:column;margin:0;overflow-x:hidden;scroll-behavior:smooth}.navContainer{background:linear-gradient(to bottom,#14141480,#1a1a1a00);width:100%;display:flex;align-items:center;justify-content:space-between;height:80px;position:fixed;font-size:large;transition:background .9s ease,height .3s ease,font-size .5s ease;z-index:1000}.navContainer.opaque{background:#000;height:60px;font-size:medium}.title{color:red;margin:3%;letter-spacing:-6%;text-shadow:1px 3px 2px darkred;font-family:Franklin Gothic Medium,Arial Narrow,Arial,sans-serif;font-size:xx-large;transition:font-size .5s ease}.title:hover{cursor:pointer}.opaque .title{font-size:1.8rem}.menuToggle{display:none}.left{display:flex;align-items:center;justify-content:space-evenly}.right{margin-left:auto}.navButton{padding:20px;color:#ffffffcf;transition:color .2s ease,transform .2s ease}.navButton:hover{color:#ffffffa0}.navButton:active{color:#ff0000e6;transform:scale(.9)}.profileIcon{display:flex;align-items:center;cursor:pointer}.profileIconImg{width:40px;height:40px;border-radius:15%;object-fit:cover}#profileIconArrow{width:25px;height:20px;border-radius:15%;object-fit:fill;margin-left:5px;margin-right:5px}.profileContainer:hover #profileIconArrow{transform:rotate(180deg);transition:transform .3s ease}#profileIconArrow{transition:transform .3s ease}.profileContainer{position:relative;padding-bottom:15px;padding-top:15px;padding-right:60px;display:flex;flex-direction:column}.profileContainer:hover #dropdownMenu{display:flex}#dropdownMenu{background-color:#000000e3;width:160px;display:none;padding:10px 15px;border-radius:5px;box-shadow:0 4px 10px #f7000077;position:absolute;top:100%;right:0;z-index:1000;margin-right:60px}#dropdownMenu{flex-direction:column}.dropdownButtons{width:100%;height:80px;display:flex;align-items:center}.dropdownButtons a{padding:10px;cursor:crosshair;color:#ffffffcf}.dropdownButtons a:active{color:#ff0000e6;transform:scale(.95);transition:transform .1s ease}.dropdownButtons{width:100%;height:60px;display:flex;align-items:center;color:#ffffffcf;cursor:pointer;text-decoration:none;transition:color .2s ease,transform .1s ease}.dropdownButtons:hover{color:#ffffffa0}.dropdownButtons:active{color:#ff0000e6;transform:scale(.95)}.dropdownButtons span{padding-left:10px}.dropdownIconImg{width:30px;height:30px;border-radius:15%;object-fit:contain}@media (max-width: 768px){.navContainer{height:45px;font-size:medium}.navContainer.opaque{height:45px;background:#000000bf}.left{justify-content:space-evenly;width:100%}.navButton{padding:5px}.title{margin:15px;font-size:1.8rem}.opaque .title{font-size:0;margin:0}.profileContainer{padding-right:10px;padding-top:10px;padding-bottom:10px}.profileIconImg{width:30px;height:30px}#profileIconArrow{width:20px;height:15px}#dropdownMenu{width:140px;padding:8px 10px;margin-right:15px}.dropdownButtons{height:50px}.dropdownIconImg{width:25px;height:25px}}@media (max-width: 512px){.navContainer.opaque{background:#000}.menuToggle{display:unset;z-index:100;background:#0000;padding:0 0 0 30px;font-size:xx-large;height:100%;color:#fff;border:unset;transition:transform .3s ease}.menuToggle:hover{border:unset}.menuToggle:active{color:#ff0000e6;transform:scale(.9)}.left{flex-direction:column;height:100vh;width:70vw;position:fixed;align-self:flex-start;align-items:flex-start;justify-content:flex-start;background-color:#000000e9;transform:translate(-100%);transition:transform .2s ease;padding:80px 0;font-size:larger}.left.navOpen{transform:translate(0)}.navOverlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0808085f;opacity:100%;width:100%}.navOverlay.navOpen{opacity:100%;transform:translate(100%);transition:all .2s ease}.navButton{padding:20px 50px;width:100%;box-sizing:border-box}.title{font-size:xx-large;align-self:center;justify-self:center}.opaque .title{font-size:2.2rem}.right{margin:0}#dropdownMenu{margin-right:20px;box-shadow:none}}.bannerContainer{position:relative;flex:0 0 100%;scroll-snap-align:start}.bannerImg{width:100%;height:700px;object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none}.banners{display:flex;overflow-x:scroll;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;width:100%;-webkit-user-select:none;user-select:none;scrollbar-width:none;overflow-y:hidden}.banners::-webkit-scrollbar{display:none}.overlay{position:absolute;width:100%;height:700px;background:linear-gradient(to left,transparent 40%,rgba(20,20,20,.635));z-index:1;pointer-events:none}.bannerTitleContainer{position:absolute;top:-100px;height:700px;padding:60px;width:35%;z-index:2;display:flex;flex-direction:column;justify-content:center}.bannerLogo{width:80%;height:200px;object-fit:contain}.bannerText{text-shadow:2px 2px 3px rgba(0,0,0,.731);font-size:large;line-height:1.2;max-lines:8;overflow:hidden;display:-webkit-box;-webkit-line-clamp:8;line-clamp:8;-webkit-box-orient:vertical;color:#fff;font-family:Space Mono,monospace}@media (max-width: 768px){.bannerImg{height:700px;overflow-y:hidden;object-position:calc(100% + 50px) top}.bannerText{color:#fff;text-shadow:2px 2px 4px rgb(0,0,0);font-size:1rem;display:unset}}@media (max-width: 512px){.bannerTitleContainer{width:100%;margin-top:55px;padding:0;align-items:center;justify-content:flex-end}.bannerLogo{width:40vw;height:100px}.overlay{display:none}.bannerText{margin-bottom:50px;box-sizing:border-box;padding:20px;text-shadow:2px 2px 1px rgb(0,0,0);font-size:.9rem}}.bodyContainerNew{position:relative;top:-50px;z-index:2;min-height:700px;padding:0 60px;overflow:visible}.cardsContainerNew{display:flex;gap:10px;position:relative;height:144px;padding:10px 0 30px;transition:transform .4s ease-in-out}.bodyTitle{margin-bottom:0}.moveLeft1024{transform:translate(-95%)}.leftrightbtns{display:flex;position:relative;width:100vw;left:-60px;justify-content:space-between;height:0}.rightbtn{height:164px;width:80px;background:linear-gradient(to right,#0000,#141414);z-index:16;display:inline-block;justify-self:flex-end}.leftbtn{justify-self:flex-start;height:164px;width:80px;background:linear-gradient(to left,#0000,#14141400);z-index:16;display:inline-block}.lrbtn img{width:100%;height:100%;object-fit:contain;opacity:80%;transition-duration:.3s}.rightbtn img{rotate:180deg}.lrbtn:hover img{cursor:pointer;transform:scale(1.1)}.rightbtn:hover{background:linear-gradient(to right,#1414144d,#141414)}.leftbtn:hover{background:linear-gradient(to left,#1414144d,#141414)}@media (max-width: 768px){.leftrightbtns{display:none}.cardsContainerNew{overflow:auto}.bodyContainerNew{padding:0}.cardsContainerNew{padding:5px 5vw}.bodyTitle{padding:0 5vw;font-size:larger}}.cardContainer{width:256px;height:144px;background-color:#141414;transition:transform .35s ease;flex:0 0 auto;position:relative;z-index:2}.cardContainer>img{width:100%;aspect-ratio:1.77;object-fit:cover}.hoverContainer:hover{transform:scale(1.4);transform-origin:50% 100%;height:288px;position:relative;z-index:20;box-shadow:0 4px 15px #000;cursor:pointer}.cardText{display:none;padding:10px;transition:display .35s ease;transform-origin:50% 100%}.hoverContainer:hover .cardText{transform-origin:50% 100%;display:block;transition:display .35s ease}.cardinfobtn{width:32px;height:32px;opacity:85%;object-fit:cover;border-radius:100%;background-color:#1a1a1a;border:2px solid rgb(50,50,50)}.cardinfobtn:hover{border-color:#fff7f7cc;background-color:#202020;opacity:100%}.cardText div{display:flex;justify-content:space-between}@media (max-width: 768px){.cardContainer{width:20vw}.moregoBtn{display:none}.cardinfobtn{width:20px;height:20px}.cardText{font-size:smaller;height:fit-content;padding:0 10px;position:relative}.cardText div{height:20px}.hoverContainer:hover{height:116px;transform:scale(1.2);transform-origin:50% 0%;z-index:1000}#hoverDescription{display:none}}@media (max-width: 600px){.cardContainer{width:25vw}}@media (max-width: 512px){.cardContainer{width:30vw}.hoverContainer:hover{height:32px}.cardText div{position:absolute;left:0;top:-40px;width:100%;padding:0 10px;box-sizing:border-box}}@media (max-width: 412px){.cardContainer{width:45vw;transition:all .2x ease}.cardinfobtn{transform:scale(1.5);border:0}.hoverContainer:hover{transform:scale(1.2);transform-origin:50% 50%;z-index:1000}}.minimalHoverContainer:hover{transform:scale(1.4);box-shadow:0 4px 15px #000;cursor:default}.minimalHoverContainer img{border-radius:8px}@media (max-width: 768px){.minimalHoverContainer:hover{height:64px;transform:scale(1.2);transform-origin:50% 0%;z-index:1000}}.expandedCardContainer{z-index:10;align-self:center;margin-top:30px;position:relative;overflow:scroll;width:65%;min-width:550px;max-height:100vh;border-radius:12px}.outerexpandedCardContainer{width:100%;height:100vh;background-color:#0000009c;position:fixed;z-index:1001;display:flex;flex-direction:column}.expandedImage{width:100%;align-items:center;position:relative;border-top-left-radius:12px;border-top-right-radius:12px}.expandedDetailsContainer{padding:1rem;position:relative;background-color:#181818f8;top:-60px;border-bottom-left-radius:12px;border-bottom-right-radius:12px}.expandedDetails{padding:0 40px}.expandedDetails a{color:#faebd7;padding:18px 38px;background-color:#1e1e1e;border:2px solid rgb(30,30,30);border-radius:16px;box-sizing:border-box}.expandedDetails a:hover{color:#ffd6d6;border:2px solid rgba(255,228,228,.774)}.closeCardBtn{width:40px;height:40px;margin:18px;border-radius:100%;border:2px solid rgba(30,30,30,1);background-image:url(/Portfolio/assets/plus-CUkusd9b.png);rotate:45deg;background-size:cover;background-position:center}.closeCardBtn:hover{border-color:#1e1e1e;background-color:#1e1e1ef8}.closeDiv{position:absolute;z-index:1;width:100%;display:flex;align-items:flex-end;justify-content:flex-end}.playBtn{position:absolute;z-index:1}.playBtn a{background:#f5f5f5;border:2px solid rgb(220,220,220);border-radius:12px;padding:16px 64px;margin:80px;color:#1a1a1a;font-size:x-large;font-weight:700}.playBtn a:hover{background:#e1e1e1}.insidePlayBtn{display:none}::-webkit-scrollbar{display:none}@media (max-width: 600px){.expandedCardContainer{min-width:unset;width:95vw;margin:auto;height:80vh}.playBtn{position:sticky}.playBtn a{margin:0;padding:8px 32px}.outsidePlayBtn{display:none}.insidePlayBtn{display:block}.insidePlayBtn a:hover{color:#000}.expandedDetails{padding:0;top:-80px}}.promptContainer{position:fixed;width:450px;min-height:250px;top:30vh;bottom:30vh;z-index:100;padding:30px;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center;background-color:#1f1f1ffc;border:2px solid hsl(0,0%,12%);border-radius:16px}.promptText{line-height:1.8}.resumePrompt{background-color:#fce4e4e2;font-family:Space Mono,monospace;font-weight:600;font-size:1.15rem;color:#1e1e1e;width:120px;padding:10px;border-radius:12px;display:flex;align-items:center;justify-content:space-evenly;transition:all .3s ease}.linkImage{object-fit:scale-down;height:40px;filter:invert();padding:0%;margin:0}.resumePrompt:hover{transform:scale(1.1);background-color:#fce4e4f2;box-shadow:4px 4px 4px #ff0000f2;color:#ff0000f5;cursor:alias}.promptCloser{width:12%;rotate:45deg;transition:transform .15s ease}.promptCloser:hover{cursor:pointer;transform:scale(1.15)}.promptCloserDiv{position:absolute;text-align:right;height:100%;z-index:-1}.No:hover{cursor:none;color:transparent;box-shadow:unset;transform:unset;transition:unset}@media (max-width: 768px){.promptContainer{width:60vw}}.pageEndContainer{margin:60px 60px 0;position:relative;top:-60px;display:flex;flex-direction:column;align-items:center;text-align:center;height:160px}.pageEndContainer h3{margin:0;font-family:Space Mono,monospace;font-weight:700;cursor:default}.feedbackBtnContainer{display:flex;justify-content:center;align-items:center;gap:40px;width:40%;height:100%}.feedbackBtnContainer button{font-family:Space Mono,monospace;font-weight:600;font-size:large;color:#000;border:0;padding:15px;background-color:#fce4e4e2;transition:all .2s ease;width:15%}.yesReviewBtn{position:absolute;left:30%}.yesReviewBtn:hover{box-shadow:4px 4px 4px #ff0000f2;color:#ff0000f5;background-color:#fce4e4f2;border:0;transform:scale(1.05)}#noReviewBtn{position:absolute;right:30%}#noReviewBtn{cursor:none}@media (max-width: 768px){.pageEndContainer{margin:5vw}.pageEndContainer h3{font-size:1rem}.feedbackBtnContainer button{padding:5px}}@media (max-width: 412px){.pageEndContainer h3{font-size:.8rem}}.isSevenContainer{background:radial-gradient(circle at center,#000,#3c141433);width:60vw;height:60vw;max-height:80vh;margin-top:100px;padding:10px 30px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;gap:32px;position:relative;font-family:Space Mono,"serif";align-self:center;border:4px solid rgba(255,0,0,.629);border-radius:24px;min-width:450px;min-height:480px}.isSevenContainer h2{font-size:4rem;color:#e50914;letter-spacing:2px;text-shadow:0 0 10px #e50914;margin-bottom:20px;animation:flicker 2.5s infinite ease-in-out}@keyframes flicker{0%,to{opacity:1;text-shadow:0 0 10px #4e0000,0 0 20px #ff0022}50%{opacity:.9;text-shadow:0 0 20px #4e0000,0 0 10px #ff4d4d}}input[type=text]{width:100%;max-width:500px;padding:16px;font-size:1.1rem;border:none;border-radius:8px;background:#ffffff0d;color:#fff;box-shadow:inset 0 0 10px #e5091433;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:.3s ease}input[type=text]::placeholder{color:#bbb}input[type=text]:focus{outline:none;box-shadow:0 0 12px #e50914;border:1px solid #e50914}.submitIsSeven{width:100%;max-width:500px;padding:16px;font-size:1.3rem;font-weight:700;color:#fff;border:none;border-radius:8px;background:linear-gradient(to right,#e50914,#ff1a1a);box-shadow:0 0 20px #e5091480;cursor:pointer;transition:.3s ease}.submitIsSeven:hover{transform:translateY(-2px);box-shadow:0 0 30px #ff1a1a;background:linear-gradient(to right,#ff1a1a,#e50914)}.isSevenResult h3{font-size:2.7rem;color:#ffffffc8;text-shadow:0px 0px 12px #ff3f3fd6;margin:0;text-align:center}.isSevenResult{height:100%;align-content:center}@media (max-width: 512px){.isSevenContainer{min-width:unset;width:90vw;text-align:center}}.Typewriter span{color:red;font-family:Courier New,Courier,monospace;font-weight:800;font-size:large}.feedTheGuyContainer{position:relative;border-radius:24px;border:4px solid rgba(255,0,0,.65);margin-top:100px;background:radial-gradient(circle at center,#000,#3c141433);width:80%;height:80vh;min-width:450px;min-height:480px;display:flex;align-self:center;align-items:center;justify-content:center}.guyContainer{height:100%;display:flex;flex-direction:column;position:relative}.feedTheGuyContainer h1{position:absolute;align-self:flex-start;margin:0;top:-35px;padding:5px;background-color:#000;border:4px solid rgba(255,0,0,.85);border-radius:16px}.feedTheGuyContainer h1 span{color:gray;font-size:x-large}.mouth{width:30%;height:15%;background-color:#7fffd45d;position:absolute;left:35%;top:10%}.guyContainer img{width:100%;height:105%;object-fit:contain}.guyActionsContainer{padding:10%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:5%}.guyAction{display:flex;gap:15px;align-items:center}.guyAction h2{opacity:0%;font-size:large}.guyAction:hover h2{opacity:80%;color:brown;cursor:pointer}.guyAction img{width:8vh;background:radial-gradient(circle,#ff000073 10%,#000070%);border-radius:50%;padding:8px}.guyAction img:hover{scale:1.1;cursor:pointer}.guyAction img:active{transform:scale(.95);cursor:grabbing;box-shadow:0 0 10px #ff0000d9}.guyAlertsContainer{font-family:Courier New,Courier,monospace;font-weight:700;display:flex;text-align:center;align-items:center;background-color:#000;border:2px solid goldenrod;box-shadow:0 4px 8px #c74427;border-radius:16px;padding:10px;width:25%;height:20%;margin-left:20%;overflow:hidden}.guyAlertDiv{position:absolute;display:flex;align-items:center;overflow:hidden;width:100%;height:100%;background-color:#0000;z-index:10}@media (max-width: 512px){.feedTheGuyContainer{min-width:unset;width:90vw;flex-direction:column}.guyContainer{height:60%}.guyActionsContainer{flex-direction:row;padding:0;height:fit-content}.guyAction{flex-direction:column;gap:0}.feedTheGuyContainer h1{text-align:center;align-self:center}.feedTheGuyContainer span{display:block}.guyAlertDiv{margin:auto}.guyAlertsContainer{margin:auto;width:80%;padding:20px}.guyAction img:hover{scale:1;cursor:pointer}.guyAction img:active{scale:1.2}}