html{font-size:62.5%}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}h1{font-size:4.8rem;line-height:7.2rem;text-align:center}h1,h2{color:#24324b;font-weight:700}h2{font-size:3.2rem}h3{font-size:2.8rem;font-weight:700}h4{color:#24324b;font-size:2.4rem}h5{font-size:2rem;font-weight:900}h6{font-size:1.8rem;text-align:center}p{font-size:1.6rem}.mobile-nav-bar-section{display:none}.nav-bar{background-color:#24324b;left:0;position:fixed;right:0;top:0;transition:transform .3s ease-in-out;z-index:10000}.nav-bar.nav-hidden{transform:translateY(-100px)}.nav-bar.nav-shown{transform:translateY(0)}.header-wrapper{color:#fff;margin:0 auto;max-width:1280px}.header-content{align-items:center;display:flex;justify-content:space-between;padding:1.6em .8em}.flex-header-icons{display:flex;gap:2.4rem}.flex-header-text{display:flex;font-size:1.8rem;font-weight:400;gap:3.2rem;line-height:3.2rem}.landing-section{min-height:100vh;position:relative}.landing-wrapper{height:100vh;justify-content:space-between;padding-bottom:5vh;padding-top:25vh}.landing-text,.landing-wrapper{align-items:center;display:flex;flex-direction:column}.landing-text{gap:2.4rem;justify-content:center}.greeting{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#c2b793,#24324b);-webkit-background-clip:text;background-clip:text}.bio2-wrapper{text-align:center;width:76%}.bio-wrapper{align-items:center;display:flex;flex-direction:column;gap:1.6rem;width:76%}.landing-section-butt{align-items:center;background-image:linear-gradient(90deg,#c2b793,#24324b);border-radius:20rem;box-shadow:8px 8px 10px #0000004d;color:#fff;display:flex;font-weight:900;gap:3.2rem;padding:1.6em 3.2em;transition:gap .8s ease-in-out,padding .8s ease-in-out}.landing-section-butt:hover{gap:4.8rem;padding:1.6rem 2.4rem}.landing-section-butt:active{opacity:.8}strong{color:#fd2626;font-weight:700}.about-me{align-items:center;display:flex;flex-direction:column;gap:3.2rem;margin-top:4.8rem;min-height:100vh;width:100vw}.title,.title2{color:#24324b;display:inline-block;font-weight:700;padding-bottom:.4rem;position:relative}.subtitle{text-align:center}.title:after{left:25%;right:25%;width:50%}.title2:after,.title:after{background-color:#c2b793;bottom:0;content:"";height:5px;position:absolute}.title2:after{left:0;width:20%}.about-me-content{display:flex;justify-content:space-around;padding:0 2.4em;position:relative;width:100vw}.about-me-text{display:flex;flex-direction:column;gap:3.2rem;order:1;width:60%}.about-me-text a{font-weight:700;text-decoration:underline}.about-me-text a:hover{color:rgba(233,78,11,.888)}.about-me-more-less-butt{background-image:linear-gradient(90deg,#c2b793,#24324b);border-radius:1em;color:#fff;font-size:1.6rem;padding:.5em 1em;transform:scale(1);transition:all .5s ease-in-out}.about-me-more-less-butt:hover{transform:scale(1.1)}.about-me-image-tldr{display:flex;flex-direction:column;gap:3.2rem;justify-content:center;order:2}.about-me-image-tldr ul li::marker{content:none}.about-me-image-container{align-items:center;background-image:repeating-linear-gradient(45deg,#c2b793,#c2b793 1.2000000000000002px,#2d2d31 0,#2d2d31 50%);background-size:12px 12px;box-shadow:10px 10px 10px #0000004d;display:flex;flex-direction:column;justify-content:center;opacity:.9;order:1;padding:2rem;position:relative}.about-me-image{border-radius:1.5rem;height:auto;position:relative;width:32rem}.about-me-tldr{background-color:#24324b;border-radius:8px;box-shadow:5px 5px 5px #0000004d;color:#f5f5f5;display:flex;flex-direction:column;gap:1.5rem;margin-bottom:1.5rem;order:2;padding:2rem}.about-me-tldr ul{font-size:1.6rem}.junior-web-dev{font-weight:400;line-height:3.2rem}.junior-web-dev:before{content:"👨‍💻 "}.ml-and-ia{font-weight:400;line-height:3.2rem}.ml-and-ia:before{content:"🧠 "}.graduation{font-weight:400;line-height:3.2rem}.graduation:before{content:"👨‍🎓 "}.learner-4ever{font-weight:400;line-height:3.2rem}.learner-4ever:before{content:"📚 ";display:inline}.fan-of-nba{font-weight:400;line-height:3.2rem}.fan-of-nba:before{content:"🏀 "}.skill-section{align-items:center;display:flex;justify-content:space-around;margin-top:4.8rem;width:100vw}.skill-content{order:1}.skill-container{align-items:center;display:flex;flex-direction:column;gap:2.4rem;padding-block:1.6rem}.skill-grid{grid-gap:.8rem;display:grid;gap:.8rem;grid-template-columns:repeat(3,minmax(0,18rem))}.skill-text{align-items:center;border:1px solid;border-radius:1.6rem;display:flex;justify-content:space-around;margin:2%;padding:4px 8px;transform:scale(1);transition:all .4s ease-in-out}.skill-text:hover{--angle:0deg;animation:rotate 2s linear infinite;border-image:linear-gradient(var(--angle),#fd2626,#f9604f,#7064ef,#005b17,#ffd333) 1;border-radius:1.6rem;transform:scale(1.1)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes rotate{to{--angle:360deg}}.skill-title-wrapper{display:flex;flex-direction:column;gap:1.6rem;order:2;width:40%}.skill-title-wrapper .subtitle{text-align:left}.project-section{align-items:center;display:flex;flex-direction:column;gap:7.2rem;margin-top:9.6rem;min-height:100vh;width:100vw}.project-grid{grid-row-gap:6rem;grid-column-gap:6rem;column-gap:6rem;display:grid;grid-template-columns:repeat(2,minmax(0,48rem));justify-content:center;margin:0 auto;row-gap:6rem;width:100%}.project-card{align-items:center;border-radius:20px;display:flex;flex-direction:column;font-size:2rem;position:relative}.fraud-detection{background-color:#f87b6c}.ml-notes{background-color:#679673}.calculator{background-color:#b1ace9}.computer-vision{background-color:#d5c27b}.project-content{gap:2rem;padding:1.5em}.project-content,.project-detail{display:flex;flex-direction:column;width:100%}.project-detail{align-items:center;background-color:#24324b;height:100%;justify-content:space-between;left:0;opacity:0;position:absolute;top:0;transform:scale(0);transition:all .7s ease-in-out}.project-card:hover .project-detail{opacity:1;transform:scale(1)}.project-description{align-items:center;color:#fff;display:flex;flex-direction:column;gap:1.6rem;padding:1.6rem;width:100%}.project-description h4{color:#c2b793;font-weight:700;line-height:3.2rem}.project-detail a{color:#fff;transform:scale(1);transition:transform .5s ease-in-out}.project-detail a:hover{transform:scale(1.3)}.project-detail a:active{opacity:70%}.project-stack{display:flex;justify-content:space-around;padding:1rem;width:100%}.gallery-container{margin-top:9.6rem;min-height:100vh}.gallery-title-wrapper,.gallery-wrapper{align-items:center;display:flex;flex-direction:column}.gallery-title-wrapper{gap:1.6rem;margin-bottom:2.4rem}.gallery-main{align-items:center;background-color:#000000ad;display:flex;flex-direction:column;margin:0;padding:0;position:relative;width:80%}.gallery-main:hover .navigation-buttons{opacity:1}.certificates-container{-ms-overflow-style:none;display:flex;gap:3.2rem;overflow-x:hidden;padding:4rem;scroll-behavior:smooth;scrollbar-width:none;width:80%}.image-container{flex-shrink:0;position:relative;transition:all .5s ease;width:48rem}.image-container.inactive{opacity:.6;transform:scale(.92)}.image-container.active{transform:scale(1.08)}.certificate-image{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.navigation-buttons{display:flex;gap:85%;justify-content:center;opacity:0;position:absolute;top:40%;transition:all .7s ease-in-out;width:100%}.nav-button{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:hsla(0,74%,75%,.347);border:1px solid hsla(0,0%,100%,.941);border-radius:50%;cursor:pointer;padding:1.6rem;transition:all .3s ease}.nav-button:not(.disabled):hover{background-color:#89868621;transform:scale(1.1)}.nav-button.disabled{cursor:not-allowed;opacity:.5}.progress-indicators{display:flex;gap:1rem;justify-content:center;margin:1.6rem}.progress-dot{background-color:#fff;border:none;border-radius:.2rem;cursor:pointer;height:.5rem;transition:all .3s ease;width:2.4rem}.progress-dot.active,.progress-dot:hover{background-color:#24324b}.progress-dot.active{transform:scale(1.2)}.contact-me-section{background-color:"#c2b7930b";gap:3.2rem;margin-bottom:11.2rem;margin-top:9.6rem;width:100vw}.contact-me-section,.contact-me-title-wrapper{align-items:center;display:flex;flex-direction:column}.contact-me-title-wrapper{gap:1.2rem}.contact-me-form{font-size:1.8rem;width:65%}.form-wrapper{display:flex;flex-direction:column;gap:1.6rem}.form-input-container{display:flex;flex-direction:column;gap:.8rem}.form-field{border:2px solid #000;border-radius:.5rem}.textarea-min-height{min-height:16rem}.field-invalid{border:2px solid rgba(213,55,55,.877);color:rgba(53,49,49,.877)}.error-message{color:rgba(213,55,55,.877)}.submit-button-wrapper{display:flex;flex-direction:column}.submit-button{align-items:center;background-image:linear-gradient(90deg,#c2b793,#24324b);border-radius:1rem;color:#fff;display:flex;font-size:2.4rem;font-weight:600;gap:1.6rem;justify-content:center;padding:.8rem 1.6rem}.submit-button:disabled{cursor:not-allowed;opacity:.6}.alertdialog{align-items:center;background-color:#0006;bottom:0;display:flex;flex-direction:column;height:100%;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;visibility:hidden;width:100%;z-index:1000}.alertdialog.shown{opacity:1;visibility:visible}.alert-content{border-radius:2rem;display:flex;flex-direction:column;gap:1.6rem;padding:2.4rem}.alert-content.success{background-color:#81c784}.alert-content.error{background-color:rgba(213,55,55,.877)}.alert-body,.alert-header{display:flex}.alert-body{white-space:pre-line}.alert-footer{display:flex;justify-content:flex-end}.alert-close-butt{border-radius:.5rem;box-shadow:0 0 5px #21212177;color:#fff;font-size:1.6rem;font-weight:700;padding:.8rem 1.6rem}.footer-section{background-color:#24324b;min-width:100vw}.footer-content{display:flex;justify-content:space-between;padding:1.6rem 3.2rem}.footer-left{align-items:flex-start;font-size:1.8rem;font-weight:500;gap:2.4rem}.footer-left,.footer-right{color:#fff;display:flex;flex-direction:column}.footer-right{align-items:flex-end;justify-content:space-between}.footer-right-icon{display:flex;gap:2.4rem}::-webkit-scrollbar{width:.6rem}::-webkit-scrollbar-thumb{background:#24324b}@media (max-width:768px){h1{font-size:2.4rem;line-height:3.2rem;text-align:center}h1,h2{color:#24324b;font-weight:700}h2{font-size:2.2rem}h3{font-size:2rem;font-weight:700}h4{color:#24324b;font-size:1.8rem}h5{font-size:1.6rem;font-weight:900}h6{text-align:center}h6,p{font-size:1.4rem}.nav-bar{display:none}.mobile-nav-bar-section{align-items:center;background-color:#24324b;display:flex;justify-content:flex-start;left:5vw;padding:1.6rem;position:fixed;right:5vw;top:4svh;z-index:10000}.nav-butt{color:#fff;font-weight:900}.mob-nav-bar-content{background-color:#c2b793;height:100svh;left:0;padding:3.2rem 2.4rem;position:fixed;right:0;top:0;width:100vw;z-index:100}.mob-nav-bar-content.shown{transform:translateY(0)}.mob-nav-bar-content.hidden{transform:translateY(-100%)}.mob-nav-bar-link{align-items:flex-start;color:#24324b;display:flex;flex-direction:column;font-size:2rem;font-weight:900;gap:3.2rem;justify-content:center;padding-top:20svh}.landing-section{min-height:100svh}.landing-wrapper{height:100svh;padding-bottom:10svh;padding-top:20svh}.about-me{gap:2.4rem;margin:0;min-height:100svh;padding:0}.about-me-content{flex-direction:column;gap:2.4rem;padding:2.4em;width:100vw}.about-me-text{align-items:center;gap:2.4rem;order:2;width:100%}.about-me-text a{color:rgba(233,78,11,.888)}.about-me-text a:hover{display:none}.about-me-image-tldr{order:1}.skill-section{flex-direction:column;justify-content:center;margin:0;padding:0}.skill-content{order:2;padding-inline:2.4em}.skill-container{gap:1.6rem}.skill-grid{display:flex;flex-direction:column;gap:1.6rem}.skill-text{border:1px solid #24324b;height:5rem;width:16rem}.skill-title-wrapper{align-items:center;gap:3.2rem;margin-bottom:1.6rem;order:1;padding-inline:2.4em;width:100%}.skill-title-wrapper .subtitle{text-align:center}.title2{font-size:2.4rem}.title2:after{height:5px;left:25%;right:25%;width:50%}.project-section{gap:4.8rem;margin-top:3.2rem;min-height:100svh}.project-grid,.project-section{align-items:center;display:flex;flex-direction:column}.project-grid{gap:3.2rem;margin:0;width:80%}.project-detail p{font-size:1.2rem}.gallery-container{margin-bottom:2.4rem;min-height:auto}.gallery-main{min-width:100vw;padding-bottom:1rem}.image-container{height:auto;width:36rem}.certificates-container{overflow-x:scroll;padding:4rem;scrollbar-color:#fff #0000;scrollbar-width:thin;width:100%}.image-container.inactive{opacity:1;transform:scale(1)}.image-container.active{transform:scale(1)}.navigation-buttons,.progress-indicators{display:none}.contact-me-section{gap:3.2rem;margin-bottom:9.6rem;min-height:100svh;padding-inline:.8rem}.contact-me-form{font-size:1.8rem;width:72%}.form-wrapper{display:flex;flex-direction:column;gap:1.6rem}.form-field{border:1px solid #000}.submit-button{font-size:2rem;font-weight:600;padding:.8rem 1.6rem}.footer-content{display:flex;justify-content:space-between;padding:1.8rem 2.4rem}.footer-left{align-items:flex-start;font-size:1.4rem;gap:2rem}.footer-right{gap:1.6rem;justify-content:flex-end}.footer-right p{font-size:1rem}}
/*# sourceMappingURL=main.82e6547b.css.map*/