*{border:0;box-sizing:border-box;list-style:none;margin:0;outline:0;padding:0;text-decoration:none}:root{--color-primary:#fff;--color-primary-variant:#5a55ae;--color-light:#f7c978;--color-btn:#cc6b8e;--color-contrast:#877d7d;--primary-font:0.9rem;--h1-font:2.5rem;--h2-font:2rem;--h3-font:1.2rem;--h4-font:0.8rem;--h5-font:0.5rem;--badge-font:0.6rem;--transition:all 400ms ease;--lg-screen-width:75%;--md-screen-width:85%;--sm-screen-width:90%}html{scroll-behavior:smooth}::-webkit-scrollbar{display:none}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;background-image:linear-gradient(0deg,#3f51b1 0,#5a55ae 13%,#7b5fac 25%,#8f6aae 38%,#a86aa4 50%,#cc6b8e 62%,#f18271 75%,#f3a469 87%,#f7c978);display:flex;font-family:Courier New,Courier,monospace;font-size:.9rem;font-size:var(--primary-font);height:100vh;justify-content:center;line-height:1.5;padding-bottom:5rem}.container{color:#fff;color:var(--color-primary);margin:0 auto;width:75%;width:var(  --lg-screen-width)}.container_inner{margin:0 3rem;padding-bottom:2rem}h1{font-size:2.5rem;font-size:var(--h1-font)}h1,h2{color:#fff;color:var(--color-primary)}h2{background:inherit;font-size:2rem;font-size:var(--h2-font);padding:1rem 0;position:-webkit-sticky;position:sticky;top:0;z-index:1}h2:after{background:#5a55ae;background:var(--color-primary-variant);border-radius:50px;content:"";display:block;height:5px;left:0;margin-left:auto;margin-right:auto;right:0;width:70px}h3{font-size:1.2rem;font-size:var(--h3-font)}h4{font-size:.8rem;font-size:var(--h4-font)}h5{font-size:.5rem;font-size:var(--h5-font)}.center{text-align:center}a{color:#cc6b8e;color:var(--color-btn);transition:all .4s ease;transition:var(--transition)}a:hover{color:#fff;color:var(--color-primary)}.btn{border:1px solid #cc6b8e;border:1px solid var(--color-btn);border-radius:.4rem;color:#cc6b8e;color:var(--color-btn);cursor:pointer;display:inline-block;padding:.75rem 1.2rem;transition:all .4s ease;transition:var(--transition);width:-webkit-max-content;width:max-content}.btn:hover{background:#fff;background:var(--color-primary);border-color:transparent;color:#5a55ae;color:var(--color-primary-variant)}.btn-primary{background:#cc6b8e;background:var(--color-btn);color:#fff;color:var(--color-primary )}.dark-bg{backdrop-filter:blur(3.5px);-webkit-backdrop-filter:blur(3.5px);background:rgba(0,0,0,.65);border:.1px solid rgba(0,0,0,.31);border-radius:1rem;box-shadow:0 4px 30px rgba(0,0,0,.1)}::selection{background:transparent;color:#3e9dd8}@media screen and (max-width:1024px){.btn{padding:.5rem .6rem}.container{width:85%;width:var(  --md-screen-width)}}@media screen and (max-width:600px){body{display:block;padding-top:5rem}.container{width:90%;width:var(--sm-screen-width)}.container_inner{margin:0 1rem}.btn{padding:.1rem .4rem}}.credit{bottom:1rem;color:var(--color-light);left:2rem;position:fixed}@media screen and (max-width:825px){.credit{bottom:.2rem;font-size:.5rem;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%)}}.avatar{height:250px;margin-bottom:3.5rem;position:relative;text-align:center;width:auto}.avatar:after{background:#ffffff8a;bottom:calc(-3.5rem - .1px);content:"";display:block;height:3.5rem;left:calc(50% - .1px);position:absolute;width:1px}.avatar-img{border:.3px solid #cdd5db;border-radius:50%;height:100%}@media screen and (max-width:600px){.avatar{height:200px}}@media screen and (max-width:380px){.avatar{height:150px}}.socials{display:flex;gap:.8rem}.socials a{background:rgba(0,0,0,.306);border:.1px solid transparent;border-radius:50%;display:flex;font-size:1.1rem;padding:.9rem;transition:var(--transition)}.socials a:hover{background:transparent;border-color:#fff}.bio{display:flex;flex-direction:column;gap:1rem;margin:3.5rem auto;padding:3rem 6rem;text-align:center;transition:opacity .325s ease-in-out;transition-delay:.25s;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.text-light{color:var(--color-contrast)}@media screen and (max-width:375px){.bio{padding:1.5rem 3.5rem}}.about-section-p{padding:3rem}@media screen and (max-height:851px),screen and (max-width:600px){.about_container{height:40vh;overflow-y:scroll}.about-section-h2{font-size:1.5rem}.about-section-p{padding:1rem .5rem}}@media screen and (max-width:375px){.about-section-p{font-size:.7rem}}.experience{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.experience_card_title{display:flex;gap:1.5rem}.experience_card_title_icon{color:var(--color-primary-variant);font-size:var(--h3-font)}.experience_card_description{border-left:.1px solid;margin-left:.5rem;padding-left:2rem}.job-date{color:var(--color-light);font-size:var(--badge-font);margin:.5rem 0}@media screen and (max-width:600px){.job-description{font-size:.7rem}}.skills{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(100px,1fr))}.skill-card{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);background:hsla(0,0%,100%,.24);border:.5px solid transparent;border-radius:1rem;padding:1rem .5rem;text-align:center;transition:var(--transition)}.skill-card:hover{background:transparent;border-color:var(--color-contrast)}.skill_name{color:var(--color-light);font-size:var(--badge-font)}.education{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.education_card{margin-top:1rem}.education-date{color:var(--color-light);font-size:var(--badge-font);padding:.5rem 0}.resume_container{height:80vh;overflow-y:scroll}.resume-btn,.resume_sections{margin-top:2.5rem}.resume_sections_title{margin-bottom:1rem}.resume_sections_title:after{background:var(--color-primary-variant);content:"";display:block;height:1px;position:absolute;width:70px}@media screen and (max-height:851px),screen and (max-width:600px){.resume_container{height:70vh}}.portfolio_cards{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-top:3rem}.portfolio_card{border:.1px solid transparent;padding:1.5rem 1.5rem 60px;transition:var(--transition)}.portfolio_card_image_scroll{border-top-left-radius:1rem;border-top-right-radius:1rem;height:200px;overflow-y:scroll}.portfolio_card_image{border-radius:1rem;width:100%}.portfolio_card:hover{backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);background:rgba(0,0,0,.2);border:1px solid rgba(0,0,0,.3);border-radius:16px;box-shadow:0 4px 30px rgba(0,0,0,.1)}.portfolio_card_summary,.project_tech{margin-top:1rem}.tech_list_item{border-bottom:.1px dotted #fff;display:inline-block;font-size:.5rem;margin:0 .5rem}.project_btn1,.project_btn2{bottom:0;margin:1rem .5rem;padding:.2rem .6rem;position:fixed}.project_btn1{left:50%}.project_btn2{right:50%}@media screen and (max-width:1024px){.portfolio_cards{gap:2.5rem;grid-template-columns:repeat(2,1fr)}}@media screen and (max-height:851px),screen and (max-width:600px){.portfolio_cards{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}}@media screen and (max-width:375px){.portfolio_card_image_scroll{height:200px}.project_btn,.project_tech{margin-top:.5rem}.project_btn{margin-bottom:.5rem;margin-left:inherit;margin-right:inherit}}.projects_container{height:80vh;overflow-y:scroll}.projects_h2{position:static}.contact_info{align-items:center;display:flex;gap:3rem;justify-content:center;margin-top:2.5rem}.contact-info_list{flex-direction:column}.contact-info_list,.contact_info_list_item{display:flex;gap:2rem}.conatct_info_icon{font-size:1.5rem}.contact_social_media>*{margin:0 auto;padding:1.5rem}.contact_social_media:after,.contact_social_media:before{background:#ffffff8a;content:"";display:block;height:.1rem;width:100%}@media screen and (max-width:600px){.contact_info{flex-direction:column}}.contact_container{padding-bottom:2rem;width:75vw}@media screen and (max-width:600px){.contact_container{width:var(--sm-screen-width)}}.navBar{backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);background-color:rgba(0,0,0,.3);border-radius:3rem;bottom:2rem;display:flex;gap:.8rem;left:50%;padding:.7rem 1.7rem;position:fixed;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:-webkit-max-content;width:max-content;z-index:2}.navBar a{background:transparent;border-radius:50%;display:flex;font-size:1.1rem;padding:.9rem}.navBar a:hover{background:rgba(0,0,0,.306)}.navBar a.active{background:var(--color-btn);color:var(--color-primary)}
/*# sourceMappingURL=main.ff682ea8.css.map*/