@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{font-family:Poppins,sans-serif;display:flex;justify-content:center;background-color:#000}html{margin:0;width:98vw;min-height:100vh;overscroll-behavior-y:none}body{margin:0;width:90%;min-height:100vh;background-color:#000;outline:.3vw white solid;overscroll-behavior-y:none}.banner{position:fixed;top:0;left:0;width:100%;background-color:#ffa50080;color:#fff;text-align:center;font-size:1.2rem;padding:1vw 0vw;font-weight:700;z-index:1000}@media (max-width: 640px){body{width:100%;outline:none}}#root{flex-direction:column;width:100%;min-height:100vh;display:flex;align-items:center;padding-bottom:5vw}.home-info{display:flex;flex-direction:column;align-items:center;margin-top:1vw}.head-section{display:flex;flex-direction:row;margin-top:25vh;margin-bottom:5vh}.my-name{color:#fff;font-size:8vw;white-space:nowrap;font-weight:300;margin:0vw 0vw -1vw;transform:translateY(-100vh);animation:dropDown .5s cubic-bezier(.15,1,.3,1) .8s forwards}.my-name span{color:#0095ff;font-weight:500}@keyframes dropDown{0%{transform:translateY(-100vh);opacity:1}to{transform:translateY(0);opacity:1}}.summary{color:silver;font-size:calc(.5vw + 1.5vh);margin:0vw;font-weight:400;text-transform:uppercase;text-align:center}section{width:100vw;height:10vh;text-align:center;color:#fff;font-size:calc(2vw + 3vh);text-transform:uppercase;font-weight:400;margin:10vh 0vh 0vh}.section-content{width:90vw;margin-top:5vw;margin-bottom:5vw;display:flex;flex-direction:column}.spacer{height:10vw}@media (max-width: 640px){.head-section{flex-direction:column;justify-content:flex-start;align-items:center;margin-top:10vh}.my-name{font-size:22vw;line-height:.95;margin-right:0;margin-top:20vw;text-align:center;white-space:pre-line}.summary{font-size:4vw;width:75vw;font-weight:400;text-transform:uppercase;margin-bottom:10vh;margin-top:3vh}}.hamburger-container{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;margin:0vw 0vw 0vw 5vw}.hamburger{width:calc(1.5vw + 4vh);height:calc(1.5vw + 3vh);display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);transition:all .5s ease-in-out}.line{width:100%;height:calc(.2vw + .2vh);background-color:#fff;border-radius:5vw;transition:all .5s ease-in-out;pointer-events:none}.side-menu{display:flex;flex-direction:column;gap:1vw;justify-items:center;opacity:0;transition:opacity .5s ease-in-out;pointer-events:none}.side-menu.visible{opacity:1;pointer-events:auto}.side-menu.hidden{opacity:0;pointer-events:none}.hamburger.open .top{transform:translateY(calc(-1 * var(--line-move)))}.hamburger.open .bottom{transform:translateY(var(--line-move))}.hamburger.open .middle{opacity:0}.menu-link{font-size:calc(1.2vw + 1.5vh);text-decoration:none;color:#fff;text-align:center;font-weight:200}.menu-link:hover{text-decoration:underline}@media (max-width: 640px){.hamburger-container{margin:0}}.about{display:flex;flex-direction:row;gap:3vw;margin-top:5vw;margin-bottom:5vw}ul li{margin-bottom:calc(1vh + .5vw);color:#c8c8c8}a{color:#fff}.me-photo{width:25vw;height:25vw;border-radius:100vw;border:.3vw solid #0095ff;background:#191919;margin-left:3vw}.text{width:50vw;font-size:1.5vw;color:#c8c8c8;font-weight:300;margin-top:.5vw}@media (max-width: 640px){.me-photo{width:60vw;height:60vw;margin-left:0vw}.about{flex-direction:column;justify-content:center;align-items:center}.text{width:80vw;font-size:2vh;color:#c8c8c8;margin-bottom:5vh}}.contact{text-align:center;margin-top:2vw}.note{font-size:1.5vw;color:#fff;font-weight:500;margin-top:1vw}.contact p{font-size:1.5vw;color:#fff;font-weight:300}.copyable{cursor:pointer;color:#fff;font-weight:700;margin-left:5px;transition:color .2s ease-in-out}.copyable:hover{color:#0095ff}.copy-notification{position:fixed;bottom:calc(2vw + 1vh);right:calc(2vw + 2vh);background:#fff;color:#0095ff;padding:15px 20px;border-radius:5px;font-size:calc(1vw + 1vh);opacity:1;transition:opacity .5s ease-in-out}.copy-notification:not(:empty){animation:fadeOut 2s ease-in-out forwards}@keyframes fadeOut{0%{opacity:1}80%{opacity:1}to{opacity:0}}.social-icons{margin-top:20px;display:flex;justify-content:center;gap:20px;text-decoration:none}.icon{color:#0095ff;transition:transform .2s ease-in-out,color .3s ease;text-decoration:none;font-size:4vw}.icon:hover{transform:scale(1.2)}@media (max-width: 640px){.note{font-size:2vh;margin-left:1rem;margin-right:1rem}.contact p{font-size:2vh}.icon{font-size:4vh}}.experience{width:90%;display:flex;flex-direction:column;margin-bottom:3vw;padding:3vw 0px}.experience-list{display:flex;flex-direction:column;gap:2rem}.experience-item{display:flex;align-items:stretch;position:relative;background:#191919;border-radius:1vw}.timeline-line{width:2px;background-color:#0095ff;position:absolute;left:1rem;top:1vw;bottom:1vw}.experience-content{padding:1.5rem;margin-left:3rem;width:70%;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow-wrap:break-word;word-wrap:break-word}.tech-stack{display:flex;flex-direction:column;width:30%;padding:1.5rem 1.5rem 1.5rem 0;gap:1rem;align-items:center;justify-content:center}.title{font-size:2rem;font-weight:400;color:#fff;margin-bottom:.5rem;margin-top:1rem;text-transform:uppercase}.company{font-size:1.2rem;color:silver}.date{font-size:1rem;color:silver;margin-bottom:1rem}ul{padding-left:20px}li{font-size:1rem;color:silver;margin-bottom:.5rem}.tech-box{width:30%;height:4rem;display:flex;align-items:center;justify-content:space-evenly;background:#252525;border-radius:.5rem;box-shadow:0 2px 5px #0003;transition:transform .2s ease-in-out;cursor:pointer;text-align:center}.tech-logo{width:2.2rem;height:2.2rem;margin-bottom:.3rem}.tech-name{font-size:1rem;color:#fff}@media (max-width: 640px){.experience-item{flex-direction:column}.experience-content{width:calc(100% - 30px);margin-left:30px;padding:1.5rem 1.5rem 1.5rem 0}.tech-stack{flex-direction:row;width:90%;padding:0 1.5rem 1.5rem 0;margin-left:30px;flex-wrap:wrap;justify-content:center;gap:.8rem}.tech-box{width:30%;height:3.5rem}.title{font-size:1.2rem;color:#fff}.company,.date,li{font-size:.9rem;color:silver}}.education{width:90%;display:flex;flex-direction:column;margin-bottom:4vw;margin-top:3vw}.raikes{display:flex;justify-content:space-between}.raikes img{width:20vw;height:20vw;background-color:#fff;border-radius:1vw;padding:1vw;margin-top:1vw}.text{line-height:1.5;margin-bottom:1vw}.download-buttons{margin-top:calc(2vw + .5vh);display:flex;gap:15px;justify-content:center}.download-btn{padding:10px 15px;background-color:#0095ff;color:#fff;text-decoration:none;font-weight:700;border-radius:5px;transition:background-color .2s ease-in-out}.download-btn:hover{background-color:#0086e6}@media (max-width: 640px){.raikes{flex-direction:column;align-items:center}.raikes img{width:60vw;height:60vw}.text h3{text-align:center}}.projects-section{display:flex;flex-direction:row;width:90%;max-width:1200px;margin:3vw auto;gap:1rem}.projects-section *{box-sizing:border-box}.projects-selector{width:30%;display:flex;flex-direction:column;gap:1rem;background:#191919;padding:1rem;border-radius:1vw;max-height:65vh;overflow-y:auto}.project-title{cursor:pointer;padding:.4rem;border-radius:.5rem;transition:all .2s;color:#c8c8c8;background:#252525;text-align:center;margin-top:.4rem}.project-title:hover{background:#333;color:#fff}.project-title.active{background:#007bff;color:#fff;font-weight:700}.project-details{width:90vw;background:#191919;padding:1rem;border-radius:1vw}.project-details h2{color:#fff;text-align:left;margin-top:1vw;margin-bottom:1vw}.project-details p{color:#c8c8c8}.tech-list{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;justify-content:left}.tech-box{width:7rem;height:4rem;display:flex;align-items:center;justify-content:space-evenly;background:#252525;border-radius:.5rem;box-shadow:0 2px 5px #0003;transition:transform .2s ease-in-out;cursor:pointer;text-align:center;color:#fff}.tech-box img{width:2.2rem;height:2.2rem}.tech-box:hover{transform:scale(1.1)}.category-title{font-size:1rem;font-weight:700;color:#fff;margin:.5rem 0;text-align:center;border-bottom:1px solid #c8c8c8;padding-bottom:.3rem}.image-gallery{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem;margin-left:.2rem}.image-preview{width:6rem;height:4rem;object-fit:cover;border-radius:.5rem;cursor:pointer;transition:transform .2s ease-in-out}.image-preview:hover{transform:scale(1.1)}.image-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.expanded-image{max-width:90%;max-height:90%;border-radius:1rem}@media (max-width: 640px){.projects-section{flex-direction:column}.projects-selector{width:100%;flex-direction:row;overflow-x:auto;white-space:nowrap;padding:.5rem}.project-details{width:100%}.category{width:30%}.project-title,.category-title{text-wrap:wrap}.tech-list{justify-content:center}}h2{color:#fff;font-size:calc(1.5vw + 1vh);width:80%;text-align:center;margin-top:0;font-weight:500}.main-box{width:90%;height:50vh;outline:#0095ff solid .5vw;border-radius:2vw;margin:2vw 0vw 7vw;display:flex;flex-direction:column;padding-top:2vw}.main-box p{margin:0;color:#fff;text-align:center;font-size:calc(1.5vw + 1vh);font-weight:600;margin-bottom:1vw}.bars{display:flex;justify-content:space-evenly;align-items:end;height:99%;width:100%}.bars div{width:20%;background-color:#0095ff;border-radius:1vw 1vw 0vw 0vw;height:100px;position:relative;transition:all .5s ease-in-out;min-height:4vw}.bars div:after{content:attr(data-label);position:absolute;top:100%;left:50%;width:140%;transform:translate(-50%) translateY(40%);color:#fff;font-weight:500;font-size:calc(1.5vw + .5vh);text-align:center}.bars div:before{content:attr(data-quant);position:absolute;top:10%;left:50%;width:100%;transform:translate(-50%);color:#fff;font-weight:500;font-size:calc(2vw + 1vh);text-align:center;line-height:1}.controls{display:flex;justify-content:center;gap:2vw;margin:0}.dashed-bar{width:100%;border-top:.4vw dotted #c8c8c8;height:.5vw}.max{position:absolute;font-size:calc(1.5vw + 1vh);color:#fff;transform:translateY(1vw) translate(1.3vw);margin:0;text-align:center}.dropdown-container{display:flex;align-items:center}.dropdown{padding:.5rem;font-size:1rem;border-radius:.5rem;border:1px solid #ccc;background-color:#fff;margin-right:1rem;cursor:pointer}.selected-mode p{font-size:1rem;color:#0095ff;font-weight:700;white-space:nowrap}button.submit,button.refresh,.dropdown{padding:calc(1vw + 1vh) 1vw;background-color:#0095ff;color:#fff;text-decoration:none;font-weight:700;border-radius:1vw;font-size:calc(1vw + 1vh);transition:background-color .2s ease-in-out;border:none;cursor:pointer}button.submit:hover,button.refresh:hover,.dropdown{background-color:#0086e6}button.submit img,button.refresh img{width:1.5vw;margin-left:1vw}