:root{font-family:Inter,system-ui;line-height:1.613;letter-spacing:.06em;font-weight:400;color-scheme:light dark;color:#ffffffea;background-color:#121212;filter:contrast(.95) hue-rotate(1deg);min-height:100%;background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:all .15s ease}a{font-weight:500;color:#b7bbff;text-decoration:inherit;cursor:pointer}a:hover{color:#646cff}body{height:100%;margin:0}h1,h2,h3,h4,h5,h6{letter-spacing:.06em}p,ol,ul,li,blockquote,pre{letter-spacing:.07em;line-height:2rem;font-size:1em;text-align:start}video{max-width:50%;margin:auto auto 0;display:flex;border:#646cff solid 1px;filter:drop-shadow(0 0 10px rgba(100,108,255,.5));border-radius:1em;justify-self:center;aspect-ratio:16 / 9}code{font-size:.9em;white-space:break-spaces}pre{display:inline-block;font-family:Courier New,Courier,monospace;background-color:#090714;padding:0 .5em;margin:0;border-radius:.33em;font-size:1.1em;max-width:100%;white-space:pre-wrap;word-break:break-word}h1{font-size:2.4em;line-height:1.1}h2{font-size:1.8em;line-height:1.1;font-weight:350}h3{font-size:1.4em;line-height:1.1;font-weight:400;letter-spacing:.11em}h4{font-size:1.1em;line-height:1.1;font-weight:350;letter-spacing:.11em}button{border:none;height:10%;border-bottom:solid .5px #b7bbff;justify-content:space-between;display:flex;padding:10%;font-size:12pt;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;position:relative}button:after{content:"";position:absolute;bottom:0;left:0;width:0;height:5px;background-color:#646cff;transition:width .25s ease}button:hover:after{width:100%}button.active:after{width:100%}button:active{background-color:#5f5f5f;transition:all .25s ease}button:hover .right-arrow{transform:translate(7px);transition:all .25s}button:active .right-arrow{transform:translate(0)}footer p{text-align:center;padding-left:5%}em{background-color:inherit;border-radius:.5em;padding:0 1%}@media screen and (max-width: 768px){h1,h2,h3{transform:scale(.9)}video{max-width:90%;margin-top:2%}footer{transform:scale(.75)}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;text-shadow:0 0 1px rgba(0,0,0,.1);-moz-font-smooth:always}#root{width:95%;margin-left:5%;overflow-x:hidden}#nav{position:fixed;top:0;left:0;width:5%;height:100dvh;background-color:#1a1a1a}#nav button{width:100%;display:flex;align-items:center;border-radius:0;text-align:left;padding-top:calc((100dvh / 4) / 2.01);padding-bottom:calc((100dvh / 4) / 2.01)}.home-page{min-height:10vh;width:100%}.home-profile-img{float:left;position:relative;border-radius:50%;padding:7%;margin:3% 7%;background-color:#949494;background-image:url(/Portfolio/assets/me_05_05_25-DHEleafl.jpg);background-size:cover;background-repeat:no-repeat;border:#646cff solid 2px;-webkit-filter:grayscale(100%);filter:grayscale(100%) drop-shadow(0 0 10px rgba(100,108,255,.5))}.home-banner{border-bottom:solid 10px #646cff;text-align:left;padding:3% 25% 0;background-color:#202020;width:100%}.home-content{min-height:50vh;padding:5% 20%;background-color:rgb(15,3,71)#000000}.book{display:flex;justify-content:center;align-items:center;width:min(80%,320px);height:auto;border:.5px solid #646cff;box-shadow:0 3px 5px #1119;margin:1rem auto;flex-shrink:0;-webkit-transform:translateZ(0)}.book img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.resume-button{width:100%}.col-2-grid .book{margin-bottom:15%}.card-view-page{min-height:100%;margin-top:25vh;width:100%}.iot-page{max-height:100vh;min-height:100%;max-width:100%;overflow:hidden}.card-view-banner{position:fixed;top:0;width:100%;height:25%;display:flex;align-items:center;justify-content:flex-start;padding:0 5%;transform:none;background-color:#1a1a1a;border-bottom:solid 1px #bfbfda;z-index:5;overflow:hidden;white-space:normal;overflow-wrap:break-word}.card-view-banner h2{padding:1% 5%;width:66%;box-shadow:#646cff -5px 5px .1px;border:solid .5px #646cff}.info-card{background-color:#2c2c2c;padding:5% 9% 0%;margin:1% 5%;border-bottom-right-radius:1em;border-bottom-left-radius:1em;border-top:solid 2px #646cff;box-shadow:#111 3px 3px 5px;background-color:#2e2e2e}.right-arrow{filter:invert(1) sepia(1) saturate(50) hue-rotate(180deg);max-width:13px;margin-right:.2em;transition:transform .3s ease}.door-open,.house,.code,.joint,.game-pad,.cube,.network,.music{filter:invert(1) sepia(1) saturate(50) hue-rotate(180deg);max-width:30px;margin-right:.2em;transition:transform .3s ease}.linkedin{filter:invert(1) sepia(1) saturate(50) hue-rotate(180deg);max-width:30px;margin-right:.2em;transition:all .2s ease}.linkedin:hover,.linkedin:focus{transition:all .25s ease;animation:iconBounce 1s ease}.email{filter:invert(1) sepia(1) saturate(50) hue-rotate(180deg);max-width:30px;margin-right:.2em;transition:all .2s ease}.email:hover,.email:focus{transition:all .25s ease;animation:iconBounce 1s ease}.x-twitter{filter:invert(1) sepia(1) saturate(50) hue-rotate(180deg);max-width:30px;margin-right:.2em;transition:all .2s ease}.x-twitter:hover,.x-twitter:focus{transition:all .25s ease;animation:iconBounce 1s ease}@keyframes iconBounce{0%{transform:translateY(0)}25%{transform:translateY(-10px)}40%{transform:translateY(-15px)}50%{transform:translateY(-9px)}60%{transform:translateY(-12px)}to{transform:translateY(0)}}.home-icons a{padding:0 15px}.home-icons a:active{transform:scale(1.2)}.view-project-button{background-color:#1a1a1a;text-align:center;transition:all 1s ease;border:solid 1px #b6b9ff;filter:drop-shadow(0px 0px 2px #eae2ff);margin:6% 0 15%;padding:3%}.view-project-button:hover{background-color:#44d;transition:all .25s ease;transform:scale(1.01);border-radius:.3em}.video-container{display:flex;flex-direction:column;align-items:center}.video-container img{width:40%;max-width:120px;height:auto;margin-top:1rem}.img-wrapper{position:relative;display:flex;justify-content:center;align-items:center;margin-top:6%;padding:0;height:25vh;overflow:hidden;filter:drop-shadow(0px 0px 12px #0c0c0cbb)}.img-wrapper img{height:100%;width:auto;object-fit:cover;border:solid .5px #7e7e7e;display:block;position:relative;z-index:0}.img-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#13dcff5d,#1900ff3b);pointer-events:none;z-index:1}.reel-title{margin-top:0;margin-bottom:2%;font-weight:500;text-align:center}.modal{display:none;position:fixed;z-index:50;left:0;top:0;width:100%;height:100%;background-color:#00000080;overflow:hidden}.modal-title{padding:0% 6%}.modal-content{background-color:#1a1a1a;margin:3% auto;padding:35px;border:1px solid #888;width:90%;max-width:90%;min-height:85vh;max-height:85vh;border-radius:2px;position:relative;max-height:70vh;overflow-y:scroll}.modal-content img{max-width:100%;filter:drop-shadow(20px 20px 20px #0c0c0c);border:solid 1px #646cff}.modal-markdown{min-width:100%;height:auto;border-radius:.5em;box-shadow:#000 0 0 15px;overflow-y:auto;padding:0% 3%;line-height:1.5em;background-color:#151515}.close{color:#dfdfdf;background-color:#202020;position:sticky;top:10px;right:10px;display:inline-block;width:fit-content;max-width:max-content;font-size:18px;padding:0 .45em;border-radius:2em;box-shadow:0 0 5px #646cff;font-weight:700;cursor:pointer;z-index:100}.close:hover,.close:focus{color:#646cff;transform:scale(1.1)}.modal-wrapper{padding:0% 12%}.three-d-page{height:100vh;width:100%;display:flex;flex-direction:column;overflow:hidden}.model-viewer{flex:1;width:100%;position:relative;cursor:crosshair}.model-viewer-nav{background-color:#3f3f3f;display:flex;align-items:center;justify-content:space-between;border-top:10px solid #646cff}.model-viewer-nav button{padding:1rem 5%;display:flex;min-height:100%;align-items:center;justify-content:center}.model-viewer-info{display:flex;justify-content:center;align-items:center;width:100%;min-height:19vh;padding:0 3%;background-color:#202020}.model-viewer-info button:hover a{color:#646cff}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#00000080;color:#fff;font-size:24px;z-index:10;pointer-events:none;text-align:center}.tab{display:flex;justify-content:flex-start;margin-top:250px;min-height:100%}.tab button{display:flex;padding:0 5%;margin:0;min-width:50%;justify-content:center;border-top-left-radius:1em;border-top-right-radius:1em}.tabcontent{background-color:#1a1a1a;border-top:solid 1px #c3c6ff;min-height:100vh;padding:5%}.tabcontent h3{margin:0;padding:3%}.row{display:flex;justify-content:center;margin:80px 0}.row p,.row a{text-align:left;width:85%}.col-2-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:80px 80px;width:100%}.col-2-grid:first-child{margin:0 10%}@media screen and (max-width: 768px){#nav{width:12.5%}#root{width:88%;margin-left:12%}.home-profile-img{padding:50%;transform:translateY(80px) scale(.5);float:none;display:block;margin:10% auto}.home-banner{padding-left:2%;padding-right:2%;padding-top:20%;text-align:center}.home-content{min-height:50vh;padding:5%;background-color:rgb(15,3,71)#000000}.card-view-banner h2{width:92%;padding:2% 5%}.info-card{padding:3% 5%}.info-card h3{padding-top:15%;padding-right:25%}.right-arrow{display:none}#nav button{justify-content:center}.col-2-grid{grid-template-columns:1fr;gap:80px}.col-2-grid:first-child{margin:0 5%}.modal-content{background-color:#1a1a1a;margin:5% auto;padding:20px;border:1px solid #888;width:90%;max-width:90%;min-height:90vh;max-height:90vh;border-radius:5px;position:relative;max-height:70vh;overflow-y:scroll}.model-viewer-info button{padding:8%}}@media screen and (max-width: 1270px){.right-arrow{display:none}}