.comp-head-body{align-items:center;display:flex;flex-direction:column;height:100px;justify-content:space-around;margin:10px auto;position:relative;text-align:center;width:70%}.comp-head-title{color:#000;font-size:35px;font-weight:700}.comp-head-description{color:grey}@-webkit-keyframes fadeInAnimationSide{0%{opacity:.3;right:-100px}to{opacity:1;right:0}}@keyframes fadeInAnimationSide{0%{opacity:.3;right:-100px}to{opacity:1;right:0}}@-webkit-keyframes fadeInAnimationTop{0%{opacity:.3;top:-100px}to{opacity:1;top:0}}@keyframes fadeInAnimationTop{0%{opacity:.3;top:-100px}to{opacity:1;top:0}}.side-nav-container{-webkit-animation:fadeInAnimationSide 1.4s ease-in-out;animation:fadeInAnimationSide 1.4s ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;background:#c4c4c4a6;height:60%;position:absolute;right:0;top:14%;width:8%}.side-nav-body{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-evenly;width:100%}.side-nav-component{align-items:center;background-color:#fff;border-radius:20px;box-shadow:4px 4px 2px grey;display:flex;height:14%;justify-content:center;margin:1em 0;padding:10%;width:55%}.side-nav-component:hover{height:15%;margin:.86em 0!important;width:55%}.side-nav-component>i{font-size:2em}.side-nav-component .tooltiptext{background-color:#fff;border-radius:6px;color:#ffd49c;display:none;padding:5px 0;position:absolute;right:7.5em;text-align:center;width:100px}.side-nav-component:hover .tooltiptext{display:block}.active-nav{background-color:orange}@media (max-width:820px){.side-nav-component>i{font-size:1.3em}}@media (max-width:1046px){.side-nav-component .tooltiptext{right:5em}}@media (max-width:750px){.side-nav-component .tooltiptext{font-size:15px;padding:2px 0;right:4em;width:80px}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.side-nav-container{-webkit-animation:fadeInAnimationTop 1.4s ease-in-out;animation:fadeInAnimationTop 1.4s ease-in-out;-webkit-animation-iteration-count:1;animation-iteration-count:1;height:9%;position:absolute;top:0;width:100%}.side-nav-body{align-items:center;display:flex;flex-direction:row;height:100%;justify-content:space-evenly;width:100%}.side-nav-component{align-items:center;background-color:#fff;border-radius:20px;box-shadow:4px 4px 2px grey;display:flex;height:10%;justify-content:center;padding:6%;width:10%}.side-nav-component:hover{font-size:1.2em;height:12%;margin:7.5% 0;width:12%}.side-nav-component .tooltiptext{background-color:#fff;border-radius:6px;color:#ffd49c;display:none;padding:3px 0;position:absolute;right:auto;text-align:center;top:5.7em;width:70px}.side-nav-component:hover .tooltiptext{display:block}}.details-icons{gap:.8rem}.footer-icon{background:hsla(0,0%,100%,.9);box-shadow:0 3px 10px rgba(0,0,0,.08);font-size:1.2rem;padding:.8rem}.footer-icon:hover{background:#fff}@media (max-width:768px){.social-links{bottom:.8rem;right:4rem}.footer-icon{font-size:1rem;padding:.6rem}}@media (max-width:480px){.social-links{bottom:.6rem;right:3.5rem}.footer-icon{font-size:.9rem;padding:.5rem}}.projects-container{align-items:center;display:flex;flex-direction:column;font-family:ubuntu mono;height:100vh;overflow:hidden;position:relative}.projects-body{-ms-overflow-style:none;height:66%;margin:auto;max-width:1200px;overflow-y:auto;padding:20px;scrollbar-width:none;width:100%;&::-webkit-scrollbar{display:none}}.projects-row{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;margin-bottom:30px}.card{background-color:#fff;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);flex:1 1;max-width:400px;min-width:300px;transition:box-shadow .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,box-shadow .3s ease;transition:transform .3s ease,box-shadow .3s ease,-webkit-transform .3s ease}.card:hover{box-shadow:0 6px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.card-body{padding:20px}.card-title{color:#333;font-size:1.25rem;font-weight:700;margin-bottom:15px}.card-text{color:#666;line-height:1.5;margin-bottom:20px}.card-btn{background-color:#fff!important;border:2px dotted #ffd49c!important;box-shadow:5px 6px 1px #bebdbd;color:#ffd49c!important;font-size:15px;font-weight:700!important;min-width:120px;padding:8px 20px;transition:all .3s ease;width:auto}.card-btn:hover{box-shadow:7px 8px 1px #bebdbd;font-size:16px;font-weight:700!important;padding:8px 22px;-webkit-transform:translateY(-2px);transform:translateY(-2px)}.card-btn:focus{box-shadow:5px 6px 1px #bebdbd;outline:none}.loading-projects{bottom:0;margin-top:40px;padding:20px;text-align:center}.loading-projects span{color:#666;display:block;font-weight:600;margin-bottom:10px}#progress-bar{background-color:#f5f5f5;border-radius:2px;height:4px;margin:0 auto;overflow:hidden;position:relative;width:200px}#progress-bar:before{-webkit-animation:progress-bar-stripes 1s linear infinite;animation:progress-bar-stripes 1s linear infinite;background-color:#ffd49c;background-image:linear-gradient(45deg,hsla(0,0%,100%,.15) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.15) 0,hsla(0,0%,100%,.15) 75%,transparent 0,transparent);background-size:1rem 1rem;content:"";height:100%;left:0;position:absolute;top:0;width:50%}@-webkit-keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{0%{background-position:1rem 0}to{background-position:0 0}}@media (max-width:768px){.projects-container{height:100vh}.projects-body{padding:0 18px}.card{min-width:250px}.projects-row{gap:15px;margin-bottom:20px}}.home-link{bottom:20px;left:20px;z-index:10}#home{color:#333;font-size:24px}#home:hover{color:#ffd49c}.resume-container{display:flex;flex-direction:row;font-family:ubuntu mono;height:75vh;justify-content:center;margin-bottom:20px;overflow:auto;top:4%;width:100%}.resume-header{height:25%}.resume-body{flex-direction:row;height:75%;justify-content:space-between;margin:auto auto 20px;width:70%}.resume-body,.resume-side-bar{display:flex;position:relative}.resume-side-bar{background-color:#fff;box-shadow:10px 7px 5px #c7c3c3;height:100%;margin:0 15px;width:60%}.resume-icon-bar{background-color:#c4c4c4;display:flex;flex-direction:column;height:100%;padding:30px 10px;width:20%}#icon-bar-links{align-items:center;color:#000!important;display:flex;font-size:23px;height:20%;justify-content:center}.resume-icon-bar>.nav-pills .nav-link.active{background-color:transparent!important}.resume-icon-bar a{pointer-events:none}.resume-list{display:flex;padding:30px 10px 30px 0;width:80%}.resume-list>ul>li>a{color:#000!important}ul.nav.nav-pills{display:flex;height:100%!important}li.nav-item{align-items:center;color:#000!important;display:flex;height:20%!important;justify-content:center;width:100%}li>a.nav-link{font-size:20px;font-weight:800}li>a.nav-link:hover{color:#000!important;text-shadow:0 1px 2px grey}.resume-list ul li>.active{background-color:#ffd49c!important}.resume-list ul li>.active,.resume-list ul li>a:hover{border-radius:0 30px 30px 0!important;color:#000!important;font-weight:700}.resume-list ul li>a:hover{background-color:#ffd49c80!important;transition:all .5s ease-out}.resume-content{height:100%;margin:0 15px;position:relative;width:100%}.tab-content>.active{background-color:#fff!important}.tab-content,.tab-pane,.tab-pane>div{height:100%}.education-section{display:flex;flex-direction:row;justify-content:space-between;margin:auto;overflow:scroll;padding:20px}.schools{display:flex;flex-direction:column;height:100%;width:85%}.schools>li{height:100%;padding:20px}.school-li>p{color:grey;padding-top:20px}ul.schools{list-style:none}ul.schools li:before{color:#ffd49c;content:"\2022";display:inline-block;font-weight:900;margin-left:-1em;width:1em}.year-labels{display:flex;flex-direction:column;height:100%}.year-labels>div{height:50%;padding:20px}.year-labels>div>span{background:#ffd49c;border-radius:20px;font-weight:700;padding:5px}.school-header{color:#000;font-size:20px;font-weight:700;text-shadow:3px 2px 2px #ced4da}.experience-section{display:flex;flex-direction:row;justify-content:space-between;margin:auto;overflow:scroll;padding:20px}.works{display:flex;flex-direction:column;height:100%}.works>li{height:100%;padding:20px}.work-header-container{align-items:center;display:flex;justify-content:space-between;width:100%}.work-duration{background:#ffd49c;border-radius:20px;font-size:15px;font-weight:700;margin-left:50px;padding:5px 10px}.work-header{color:#000;font-size:20px;font-weight:700;text-shadow:3px 2px 2px #ced4da}.work-li>p{color:grey;padding-top:20px}ul.works{list-style:none;padding-left:1em}ul.works li:before{color:#ffd49c;content:"\2022";display:inline-block;font-weight:900;left:20px;margin-left:-1em;position:absolute;width:1em}.work-li{height:100%;padding:20px;position:relative}.skills-section{margin:auto;overflow:scroll;padding:1.8rem}.skills{align-items:center;display:flex;flex-direction:row;justify-content:space-around}.skills-header{font-size:14px;font-weight:600;margin-bottom:2px}.skills-li{display:flex;flex-direction:column;justify-content:space-between;padding:5px}.skills-list-div{margin-bottom:20px;padding:10px}.skills-list-div>span{color:#000;font-size:20px;font-weight:700;text-shadow:3px 2px 2px #ced4da}.skills-list-div-inner-list{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin-top:10px}.skills-list-div-inner-list>div{padding:5px}.progress{background-color:#f5f5f5;border-radius:3px;height:6px;margin:4px 0;overflow:hidden;width:100%}.pro{background-color:#ffd49c}.learning,.pro{height:100%;transition:width .3s ease}.learning{background-color:#ffd49c80}.projects-section{align-items:center;display:flex;flex-direction:column;justify-content:center}#projects-header{font-size:26px;font-weight:600;letter-spacing:2px;margin:8px 5px}.projects-section{text-align:center}.projects-section>a{color:#b8dbffbf!important;font-size:25px;font-weight:700;text-decoration:none}.interests-section{align-items:center;display:flex;flex-direction:column;justify-content:space-around;overflow:scroll}.interests-header{color:#000;font-size:21px;font-weight:800;text-shadow:3px 2px 2px #ced4da}div.interests-description{margin:6px 5px}ul.interests{list-style:none}ul.interests li:before{color:#ffd49c;content:"\2022";display:inline-block;font-weight:900;margin-left:-1em;width:1em}li.interests-li{margin:20px 5px}.interests-description{color:grey;padding:5px 0}@media only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.resume-body{margin-bottom:1.7em;width:100%}.resume-side-bar{box-shadow:none;width:15%}.resume-icon-bar{position:relative;width:100%}.resume-icon-bar a{pointer-events:auto!important}.resume-icon-bar>i{font-size:1.5em}.resume-list{display:none;visibility:hidden;width:0}#icon-bar-links.active,#icon-bar-links:hover{font-size:26px}.year-labels>div{font-size:12px}.school-header{font-size:17.5px;font-weight:700}.school-li{margin-bottom:1rem}.work-header{font-size:17.5px;font-weight:700}.skills{padding-left:0}.skills-section{align-items:center;display:flex;justify-content:center}.skills-list{height:100%}.skills-list-div-inner-list{flex-direction:column}#home{bottom:-8px;font-size:25px;left:-18px}}#icons-div{background-color:hsla(0,0%,100%,.9);bottom:0;box-shadow:0 -2px 10px rgba(0,0,0,.1);padding:10px 0;position:fixed;width:100%}.details-icons{gap:20px;justify-content:center}#footer-icon{color:#333;font-size:24px;transition:all .3s ease}#footer-icon:hover{color:#ffd49c;-webkit-transform:translateY(-3px);transform:translateY(-3px)}@media only screen and (max-device-width:480px){#icons-div{padding:8px 0}#footer-icon{font-size:20px}.details-icons{gap:15px}}.resume-downaload-container{bottom:50vh;left:10px;position:absolute}.contact-container{font-family:ubuntu mono;height:100%;overflow:auto;position:relative;width:100%}.contact-body{display:flex;height:76%;margin:auto;width:80%}.contact-body>div{height:70vh;margin-top:7%}.contact-form-div{position:relative;width:45%}#notification{height:9%;margin-bottom:3%}#contact-form{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:20px 0;position:relative}#contact-form>div{width:100%}.form-label{color:#ffd49c;font-size:1.1em;letter-spacing:1.5px;padding-left:5px;position:absolute;-webkit-transform:translateY(-2em)!important;transform:translateY(-2em)!important;transition:.1s ease-in}#contact-form>div>input{background-color:#fff;border:1px solid hsla(0,0%,78%,.3)!important;height:42px;outline:#ffd49c!important;width:100%}#contact-form>div>input:focus{background-color:#fff;border:none!important;outline:#ffd49c!important}#contact-form>div>input:not(:-ms-input-placeholder)+.form-label{color:#000;font-size:20px;font-weight:800;transform:translateY(-4em)!important;-ms-transition:.1s ease-out;transition:.1s ease-out}#contact-form>div>input:focus~.form-label,#contact-form>div>input:not(:placeholder-shown)+.form-label{color:#000;font-size:20px;font-weight:800;-webkit-transform:translateY(-4em)!important;transform:translateY(-4em)!important;transition:.1s ease-out}#contact-form>div>input::-webkit-input-placeholder{color:transparent}#contact-form>div>textarea{background-color:#fff;border:1px solid hsla(0,0%,78%,.3)!important;height:100px;outline:none;width:100%}#contact-form>div>textarea:focus{background-color:#fff;border:none!important;outline:none!important}#contact-form>div>textarea:not(:-ms-input-placeholder)+.form-label-t{color:#000;font-size:20px;font-weight:800;transform:translateY(-7em)!important;-ms-transition:.1s ease-out;transition:.1s ease-out}#contact-form>div>textarea:focus~.form-label-t,#contact-form>div>textarea:not(:placeholder-shown)+.form-label-t{color:#000;font-size:20px;font-weight:800;-webkit-transform:translateY(-7em)!important;transform:translateY(-7em)!important;transition:.1s ease-out}#contact-form>div>textarea::-webkit-input-placeholder{color:transparent}.form-label-t{color:#ffd49c;font-size:1.1em;letter-spacing:1.5px;padding-left:5px;position:absolute;-webkit-transform:translateY(-4em)!important;transform:translateY(-4em)!important;transition:.1s ease-in}#div-btn{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:10px 0;width:100%}#div-btn>button.send-btn{background-color:#fff;border:2px dotted #ffd49c;box-shadow:5px 6px 1px #bebdbd;color:#ffd49c;font-size:15px;font-weight:700!important;width:50%}#div-btn>button.send-btn:hover{border:2px dotted #b8dbffbf;color:#b8dbffbf;font-size:17.5px;font-weight:700;margin:-2px 0}.contact-space-div{color:#fff;display:flex;flex-direction:column;justify-content:center;text-align:left;width:40%}.connect-header{color:#000;font-size:60px;font-weight:800;text-align:right}.space-div-icons{margin:10px 0 10px 10px;text-align:right}.space-div-icons>span{font-size:20px;margin:10px}.space-div-icons>i{color:#ffd49c;font-size:20px}#view-cv-span:hover{text-decoration:underline}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.contact-body{flex-direction:column;height:68%;margin:29% auto auto;overflow-y:scroll;width:100%}#notification{font-size:15px;height:9%;line-height:14px;margin-bottom:4%;margin-top:2%}.contact-body>div{margin-top:22%}.contact-form-div{margin:auto;width:90%}.contact-space-div{justify-content:center;margin:auto;width:90%}#contact-form,.contact-space-div{align-items:center;display:flex;flex-direction:column}#contact-form{height:50vh;justify-content:space-between;padding:20px 0;position:relative}#home{bottom:-8px;font-size:25px;left:-18px}}@-webkit-keyframes fadeInAnimation2{0%{opacity:0}50%{opacity:0}to{opacity:1}}@keyframes fadeInAnimation2{0%{opacity:0}50%{opacity:0}to{opacity:1}}@-webkit-keyframes swinging{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swinging{0%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}50%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.about-container{font-family:ubuntu mono;height:100vh;overflow:hidden;position:relative}.about-main{-webkit-overflow-scrolling:touch;display:flex;height:100%;margin-right:80px;overflow-x:auto;padding:0 1rem;position:relative;scroll-behavior:smooth;-ms-scroll-snap-type:x mandatory;scroll-snap-type:x mandatory;width:calc(100% - 80px)}.about-main::-webkit-scrollbar{display:none}.about-section{align-items:center;display:flex;flex:0 0 100%;height:90vh;justify-content:center;min-width:100%;padding:2rem;position:relative;scroll-snap-align:start}#about-my-image{margin:0;position:relative}#my-img{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:24em;object-fit:cover;width:18em}#about-text{color:#000;font-size:20px;font-weight:800;margin-left:2rem;max-width:500px;text-align:left}#about-my-gadgets-music-container{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;max-width:800px}#my-gadgets{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);padding:1.5rem}#my-apple-music-card{display:flex;justify-content:center;width:100%}#my-apple-music-card>img{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);height:auto;max-width:100%}#about-my-updates{margin:0 auto;max-width:800px;position:relative;width:100%}.hero-section{align-items:center;display:flex;gap:4rem;margin:0 auto;max-width:1200px;padding:0 2rem}.profile-image{flex-shrink:0}.profile-image img{border-radius:20px;box-shadow:0 10px 20px rgba(0,0,0,.1);height:300px;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:300px}.profile-image img:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.intro-text{flex:1 1;max-width:500px}.intro-text h1{color:#2c3e50;font-size:2.5rem;margin-bottom:.5rem}.intro-text h2{color:#7f8c8d;font-size:1.4rem;margin-bottom:1rem}.wave-emoji{-webkit-animation:wave 2.5s infinite;animation:wave 2.5s infinite;display:inline-block;-webkit-transform-origin:70% 70%;transform-origin:70% 70%}@-webkit-keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes wave{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}20%{-webkit-transform:rotate(-8deg);transform:rotate(-8deg)}30%{-webkit-transform:rotate(14deg);transform:rotate(14deg)}40%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg)}50%{-webkit-transform:rotate(10deg);transform:rotate(10deg)}60%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}.tagline{color:#e67e22;font-size:1.2rem;margin-bottom:1rem}.bio{color:#34495e;font-size:1.1rem;line-height:1.6}.tech-lifestyle-section{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:1fr 1fr;margin-bottom:1rem}.tech-stack{background:#f8f9fa;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.05);padding:2rem}.tech-stack h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem}.tech-category h4{color:#7f8c8d;font-size:1.2rem;margin-bottom:1rem}.tech-items ul{list-style:none;padding:0}.tech-items li{display:flex;flex-direction:column;margin-bottom:1.5rem}.item-name{color:#2c3e50;font-size:1.1rem;font-weight:600;margin-bottom:.3rem}.item-desc{color:#7f8c8d;font-size:.9rem}.music-section{background:#f8f9fa;border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.05);padding:2rem}.music-section h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem}.music-card{align-items:center;background:hsla(0,0%,100%,.8);border-radius:10px;display:flex;justify-content:center;min-height:170px;overflow:hidden;width:100%}.music-card img{height:100%;object-fit:cover;transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%}.music-card img:hover{-webkit-transform:scale(1.02);transform:scale(1.02)}.music-card-placeholder{align-items:center;color:#7f8c8d;display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:2rem;text-align:center}.music-card-placeholder i{-webkit-animation:pulse 2s infinite;animation:pulse 2s infinite;color:#e67e22;font-size:2rem}@-webkit-keyframes pulse{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{opacity:1;-webkit-transform:scale(1);transform:scale(1)}50%{opacity:.7;-webkit-transform:scale(1.1);transform:scale(1.1)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}.life-snapshots{background:rgba(248,249,250,.95);border-radius:20px;box-shadow:0 5px 15px rgba(0,0,0,.05);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:0 auto 4rem;max-width:900px;padding:1.5rem;position:relative;width:100%}.life-snapshots h3{color:#2c3e50;font-size:1.5rem;margin-bottom:1.5rem}.carousel-container{border-radius:10px;box-shadow:0 5px 15px rgba(0,0,0,.1);margin-top:1.5rem;max-height:60vh;overflow:hidden;width:100%}.carousel-container img{height:100%;object-fit:contain;width:100%}#pov-span{background:hsla(0,0%,100%,.8);border-radius:15px;color:#e67e22;font-size:1.2rem;font-weight:600;padding:.3rem .8rem;position:absolute;right:1.5rem;text-shadow:none;top:1.5rem}.home-link{bottom:1rem;left:1.5rem;position:fixed;z-index:100}#home{background:hsla(0,0%,100%,.9);border-radius:50%;box-shadow:0 3px 10px rgba(0,0,0,.08);color:#2c3e50;font-size:1.2rem;padding:.8rem;transition:all .3s ease}#home:hover{background:#fff;-webkit-transform:scale(1.1);transform:scale(1.1)}.social-links{bottom:2rem;position:fixed;right:2rem;z-index:100}.details-icons{display:flex;gap:1rem}.footer-icon{background:#fff;border-radius:50%;box-shadow:0 5px 15px rgba(0,0,0,.1);color:#2c3e50;font-size:1.5rem;padding:1rem;transition:color .3s ease,-webkit-transform .3s ease;transition:transform .3s ease,color .3s ease;transition:transform .3s ease,color .3s ease,-webkit-transform .3s ease}.footer-icon:hover{color:#e67e22;-webkit-transform:scale(1.1);transform:scale(1.1)}.scroll-indicator{color:#e67e22;cursor:pointer;font-size:2rem;opacity:.6;position:fixed;top:43%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all .3s ease;z-index:10}.scroll-indicator:hover{opacity:1;-webkit-transform:translateY(-50%) scale(1.1);transform:translateY(-50%) scale(1.1)}.scroll-left{left:1.5rem}.scroll-right{right:calc(80px + 2.5rem)}.scroll-dots{background:hsla(0,0%,100%,.9);border-radius:20px;bottom:2rem;box-shadow:0 3px 10px rgba(0,0,0,.08);display:flex;gap:.8rem;left:50%;padding:.5rem 1rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:10}.scroll-dot{background-color:#2c3e50;border-radius:50%;cursor:pointer;height:8px;opacity:.5;transition:all .3s ease;width:8px}.scroll-dot.active{background-color:#e67e22;opacity:1;-webkit-transform:scale(1.2);transform:scale(1.2)}@media (max-width:1024px){.hero-section{flex-direction:column;gap:2rem;text-align:center}.tech-lifestyle-section{grid-template-columns:1fr}.about-section{height:85vh}.life-snapshots{max-width:800px}}@media (max-width:768px){.about-main{margin-right:60px;width:calc(100% - 60px)}.scroll-right{right:calc(50% + 1.5rem)}.scroll-indicator{font-size:1.2rem;padding:.6rem}.life-snapshots{margin-bottom:3rem;padding:1rem}}@media (max-width:480px){.about-main{flex-direction:column;height:83%;margin:5rem 2rem 6rem;padding-bottom:2rem}.about-section{margin-bottom:7rem}.tech-lifestyle-section{align-items:center;display:flex;flex-direction:column;margin-top:1rem}.about-container{height:calc(100vh - 7rem)}.scroll-indicator{display:none}.scroll-dots{bottom:2rem;padding:.4rem .8rem}.scroll-dot{height:6px;width:6px}.life-snapshots{margin-bottom:2rem}.intro-text h1{font-size:1.8rem}.intro-text h2{font-size:1.2rem}}.footer-container{bottom:0;display:flex;height:20%;justify-content:center;position:absolute;top:79%;width:100%}.footer-parent,.footer-parent img{height:100%;width:100%}.footer-parent img{-ms-interpolation-mode:nearest-neighbor;image-rendering:auto;image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:pixelated;-webkit-transform:scale(1.1);transform:scale(1.1)}@media only screen and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.footer-parent img{height:100%;width:130%}}@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait){.footer-container{-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;position:fixed;width:100%}}.bg-container{background-color:#b8dbffbf;height:100vh;overflow:auto}.profile-container{align-items:center;color:#0a0707;display:flex;flex-direction:row;font-family:ubuntu mono;height:85%;justify-content:center;margin:4em auto auto;text-align:center;width:80%}.profile-left,.profile-right{height:100%;width:100%}.main-nav{display:grid;height:90%;width:100%}.grid-row{flex-direction:row;justify-content:space-around}.grid-row,.intro-div{align-items:center;display:flex}.intro-div{flex-direction:column;height:90%;justify-content:center;width:100%}.intro-div>div{margin:1em;width:80%}.main-nav-component{align-items:center;background:#fff;border-radius:20px;cursor:pointer;display:flex;height:11em;justify-content:center;width:11em}.component-inner{border-radius:30px;height:100%;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:100%}.main-nav-component:hover .component-inner{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-front{background-color:#fff;color:#000;font-size:70px}.flip-back,.flip-front{align-items:center;border-radius:20px;display:flex;justify-content:center}.flip-back{background-color:#ffd49c;color:#fff;font-size:40px;-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.flip-back,.flip-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}#name-div{align-items:center;background-color:#fff;border-radius:30px;display:flex;height:5em;justify-content:center}#profile-name{font-size:35px;font-weight:800;line-height:40px}#profile-greet,#profile-name{color:#000;font-family:Ubuntu Mono}#profile-greet{font-size:30px;font-weight:600;line-height:30px}.name-div-component{border-radius:30px;height:100%;position:relative;text-align:center;-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:100%}#name-div:hover .name-div-component{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.name-div-back,.name-div-front{align-items:center;display:flex;justify-content:center}.name-div-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.name-div-back,.name-div-front{-webkit-backface-visibility:hidden;backface-visibility:hidden;height:100%;position:absolute;width:100%}.accent-text{color:#ffd49c}#greetings-div{align-items:center;border:2px solid #fff;border-radius:30px;color:#fff;display:flex;font-size:20px;justify-content:center}.download-btn{background-color:transparent;border:none;color:#000;cursor:pointer;font-size:20px;font-weight:700;height:100%;padding:8px;text-shadow:3px 1px 2px #fff;width:100%}.profile-details-icons{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}#profile-icons-div{display:flex;flex-direction:row;justify-content:space-evenly}.profile-details-icons a{align-items:center;color:#fff;display:flex;font-size:25px;justify-content:center;margin:2px;padding:10px;position:relative;transition:.4s;z-index:0}.profile-details-icons a>i{-webkit-backdrop-filter:blur(50px);backdrop-filter:blur(50px);background-color:transparent;padding:5px;transition:all .4s}.profile-details-icons a:hover>i{border-radius:5px}.profile-details-icons>a:before{background:linear-gradient(90deg,#fff,#fad49c);content:" ";height:100%;left:0;position:absolute;top:0;-webkit-transform:scale(.2,1.05);transform:scale(.2,1.05);transition:-webkit-transform .4s;transition:transform .4s;transition:transform .4s,-webkit-transform .4s;width:100%;z-index:-2}.profile-details-icons>a:hover:before{-webkit-transform:scaleY(.2);transform:scaleY(.2)}@media(max-width:940px){.profile-container{display:flex;flex-direction:column;margin-top:2.3em}.main-nav-component{height:9em;width:9em}.main-nav>.grid-row{margin:10px}#profile-greet,#profile-name{font-size:27px;font-weight:700}.flip-back{font-size:30px}#name-div{width:100%}}.complete-container,.complete-contents{height:100%;overflow:auto;width:100%}.complete-contents{position:absolute;top:0}body{height:100%;position:fixed;width:100%}
/*# sourceMappingURL=main.cd6cba71.css.map*/