:root{--color-primary:#2584ff;--color-secondary:#00d9ff;--color-accent:#ff3400;--color-headings:#1b0760;--color-body:#918ca4;--color-body-darker:#5c5577;--color-border:#ccc;--border-radius:30px;--padding-vertical:5rem}*,:after,:before{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--color-primary);color:#fff}html{font-size:62.5%}img{width:100%}body{font-family:Raleway,Arial,Helvetica,sans-serif;font-size:2rem;line-height:1.5;color:var(--color-body);overflow-x:hidden}h1,h2,h3{color:var(--color-headings);margin-bottom:1rem;line-height:1.1}h1{font-size:6rem}h2{font-size:4rem}h3{font-size:2.8rem;font-weight:600;line-height:1.3}p{margin-top:0}@media screen and (min-width:1024px){body{font-size:1.8rem}h1{font-size:8rem}h2{font-size:4rem}h3{font-size:2.4rem}}a{text-decoration:none}.list{list-style:none;padding-left:0}.collapsible__content{max-height:0;overflow:hidden;opacity:0;transition:all .3s}.collapsible--expanded .collapsible__content{max-height:100%;opacity:1}#navbar{overflow-x:hidden}.nav{background:#fff;position:fixed;left:0;top:0;width:100%;display:flex;justify-content:start;flex-wrap:wrap;padding:1rem 3rem;align-items:center;z-index:100}.nav__list{width:100%;margin:0;font-family:Poppins,Arial,Helvetica,sans-serif}.nav__item{padding:.5rem 2rem;border-bottom:1px solid #ddd}.nav__item:last-of-type{border-bottom:none}.nav__item>a{color:#444;transition:color .3s}.nav__item>a:hover{color:#3e43e9}.nav__toggler{opacity:.5;transition:box-shadow .15s;cursor:pointer}.nav.collapsible--expanded .nav__toggler{opacity:1;color:#555;border-radius:5px;margin-left:40rem}.nav__brand{color:#333;font-family:Yellowtail,cursive;transform:translateY(5px);font-size:3rem}.resume{font-size:13px;padding:10px 20px;box-shadow:2px 2px 10px -1px rgb(0 0 0/14%);border-radius:30px;font-weight:500;display:none}.resume:hover{background-color:var(--color-headings);color:#fff}.resume1{padding-left:2rem}.res{display:visible}@media screen and (max-width:650px){.nav__toggler{margin-left:40rem}}@media screen and (max-width:500px){.nav__toggler{margin-left:25rem}}@media screen and (max-width:400px){.nav__toggler{margin-left:18rem}}@media screen and (max-width:440px){.nav__toggler{margin-left:20rem;padding-top:1rem}}@media screen and (max-width:350px){.nav__toggler{margin-left:12rem}}@media screen and (min-width:800px){.nav__toggler,.resume1{display:none}.resume2{display:inline-block}.nav{justify-content:space-between}.resume{display:visible}.res{display:none}.nav__list{width:auto;display:flex;font-size:1.6rem;max-height:100%;opacity:1}.nav__item{border:0}}.hero{display:flex;align-items:center;justify-content:center;min-height:100vh}.hero__content{text-align:center;width:620px}.my_name{background-color:#555;color:#fff;padding:.5rem}.grid{display:grid}@media screen and (min-width:768px){.grid--1x2{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.grid--1x3{grid-template-columns:repeat(3,1fr)}}.block--skewed-left{padding-bottom:8rem;clip-path:polygon(0 10%,100% 0,100% 90%,0 100%)}.about_me,.skills{min-height:20vh;background:#f8fafc;color:#333}.heading_skills{padding-top:5rem}.heading_skills,.tag_skills{text-align:center}.skills__list{margin-top:50px;display:grid;grid-template-columns:repeat(5,1fr);grid-column-gap:5rem;grid-row-gap:2.5rem}@media (max-width:1200px){.skills__list{grid-template-columns:repeat(4,1fr)}}@media (max-width:900px){.skills__list{grid-template-columns:repeat(3,1fr)}}@media (max-width:700px){.skill__list{flex-direction:column}}@media (max-width:325px){.skills__list{grid-template-columns:repeat(2,1fr)}}.skills__list .skill__list{display:flex;min-height:80px;align-items:center;justify-content:center;font-size:16px;border-radius:15px;transition:.1s ease-in-out;color:#333}.skills__list :hover{background:#333}.skills__list :hover .name{color:#fff}.skills__list .skill__list .icon__main .icon{font-size:42px;margin-top:6px;padding-right:.3rem}.skills__list .skill__list .name{font-size:15px}.skill_container{max-width:1200px;margin:auto}@media (max-width:450px){.skill_container{max-width:340px}}#projects,#skills{padding-top:2rem}.feature{gap:4rem 2rem;margin:12rem 0;color:#555;justify-content:center}.feature:first-of-type{margin-top:6rem}.feature__heading{margin:1rem 0}.feature__content{padding:1rem;text-align:justify}@media screen and (min-width:768px){.feature__content{padding:1rem 2rem}.movie_phone{bottom:-10px;right:-30px}}.dtx,.movies{display:flex;position:relative;margin:auto}.movie_phone{position:absolute;max-width:120px;max-height:200px;bottom:0;right:-50px}.movie_lap{border-radius:3rem;max-width:450px;max-height:300px;text-align:center;margin:auto;padding:1rem}.dtx_mobile{max-height:300px;max-width:170px}@media screen and (max-width:1055px){.movie_phone{position:absolute;max-width:100px;max-height:230px;right:-20px}}@media screen and (max-width:960px){.dtx_mobile{max-width:130px}}@media screen and (max-width:450px){.dtx_mobile{max-width:100px}}.social_media{display:flex;align-items:center;justify-content:center}.logo{font-size:40px;margin:0 6px}.logo:hover{transform:scale(1.2)}#footer{background-color:#444;color:#fff;padding:1rem}#footer .copy{text-align:center;font-size:15px}#contact{margin-top:2rem;margin-bottom:4rem}.contact_heading{text-align:center}.social{width:25%;display:grid;grid-column-gap:15px;margin:auto;padding:1rem 0 4rem}@media screen and (max-width:450px){.social{width:50%;padding:1rem 0 .1rem}}.logo_flex{display:flex;align-items:center;border-bottom:2px solid #ccc}.logo_title{color:#333;font-size:30px;margin-left:3px}.about_me{padding-top:2rem;padding-bottom:9rem}.about_container{max-width:600px;margin:auto;padding:1rem;text-align:justify}.about_heading{padding:4rem 0 2rem;text-align:center}.heart{color:red;font-size:15px}.project-stack{margin:1rem 0}.link-btn,.project-stack span{display:inline-block;background:#dae2ec;color:#617d98;margin:.25rem;padding:.65rem .75rem;border-radius:.25rem;text-transform:uppercase;letter-spacing:2px;font-size:.85rem}.link-btn{background:#4b5563;color:#fff;font-size:1.25rem;padding:.75rem 1rem}.live-btn{background:#8739fa;color:#fff}.txt-type>.txt{border-right:.2rem solid #777}@media screen and (max-width:600px){.txt-type:before{content:"\a";white-space:pre}.hero__content{width:100%}}.typing{margin:1rem 0}
/*# sourceMappingURL=/styles.0102bbfe.css.map */