#root{margin:0 auto;padding:0;text-align:center;font-family:Rubik,sans-serif}::-webkit-scrollbar{width:1vw}::-webkit-scrollbar-track{background-color:#fff}::-webkit-scrollbar-thumb{background-color:#6a6884;border:.3vw solid #ffffff;border-radius:5vw}.n-container{width:100%;position:fixed;border-bottom:1px solid rgba(105,105,105,.63);background-color:#ffffffc5;backdrop-filter:blur(4px);z-index:5;top:0}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1440px;width:100%;margin:0 auto;height:90px}.bm-burger-button{position:fixed;width:36px;height:30px;left:10px;top:10px}.bm-menu{padding:2.5em 1.5em 0;font-size:1.15em;background:#373a47}.bm-menu-wrap .bm-cross-button{width:30px;height:30px}.ham-container{display:none}.name{text-shadow:2px;margin-left:60px;font-size:25px;font-weight:900}.name a{color:inherit;text-decoration:none}.menu{display:flex;text-decoration:none;list-style-type:none;align-items:center;justify-content:center}.list{padding-left:20px;padding-right:20px}.list a{color:inherit;text-decoration:none;font-size:20px;font-weight:700;box-shadow:inset 0 0 #c0ddff;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}.list a:hover{box-shadow:inset 120px 0 #c0ddff;color:#fff}.download-container{margin-right:50px}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;color:#f0f8ff;background-color:#665bff;cursor:pointer;transition:border-color .25s}button:hover{border-color:#fff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media screen and (max-width: 890px){.nav{height:50px}.menu-container{display:none}.name{font-size:20px}.download-container #dl-btn{width:100px;font-size:10px}.ham-container{display:block;position:relative;top:-40px}.list{padding:.8em;color:#fff}}@media screen and (max-width: 500px){.name{color:transparent}.bm-burger-button{width:24px;height:30px;left:10px;top:10px}.download-container{margin-right:10px}}.a-container{background-color:#fdd26f}.about-container{display:flex;justify-content:center;align-items:center;width:100%;height:450px;padding:30px;background-color:#fdd26f;max-width:1440px;margin:0 auto}.intro{width:60%;border-radius:5px;border:5px dashed white;padding:10px;margin:0 20px 0 10px}.intro h1{margin:0;padding-top:20px}.intro p{font-weight:800;padding:20px;margin:0;text-align:justify;line-height:25px}.about-picture{width:40%}.about-picture .go{width:75%;margin:0 10px}@media screen and (max-width: 860px){.about-container{flex-direction:column;height:auto}.intro{width:100%}.about-picture{width:60%}.intro p{text-align:center}}@media screen and (max-width: 440px){.intro h1{font-size:25px}.intro p{font-size:13px}.about-picture{margin-bottom:20px}}.i-container{margin-top:90px;margin-bottom:20px}.intro-contain{display:flex;justify-content:center;align-items:center;width:100%;max-width:1440px;margin:0 auto}.text-contain{text-align:center;width:60%;padding:50px}.text-contain h1{font-size:3rem}.text-contain h2{margin:25px}.text-contain p{width:400px;margin:10px auto;font-size:1.3rem}.pic-contain{width:40%}.pic-contain img{width:90%}@media screen and (max-width: 760px){.pic-contain img{width:100%}.text-contain{text-align:center;width:60%;padding:20px}.text-contain h1{font-size:2rem}.text-contain h2{margin:15px}.text-contain p{width:100%}}@media screen and (max-width: 500px){.i-container{margin-top:40px}.text-contain{text-align:center;width:60%;padding:20px}.text-contain h1{font-size:1.8rem}.text-contain h2{margin:10px}.text-contain p{width:100%;font-size:1rem;padding:1-px}}*{box-sizing:border-box}.bg-ex-container{background:#fdd26f}.ex-container{background:#fdd26f;padding-bottom:40px;max-width:1440px;margin:0 auto}.edu-header{display:flex;justify-content:center;align-items:center;padding:30px}.exe-header{padding:30px}.section-heading-ex{font-size:clamp(2rem,10vw,2.5rem);text-transform:uppercase;letter-spacing:.2rem;text-align:center;position:relative;margin-bottom:1.5rem}.section-heading-ex:before{content:attr(data-outline);position:absolute;left:2%;top:-20%;width:100%;text-align:center;text-transform:uppercase;letter-spacing:.2rem;color:transparent;-webkit-text-stroke:1.5px #5a24ed2f;z-index:2}.timeline{position:relative;max-width:1200px;margin:0 auto;margin-bottom:1.5rem}.timeline:after{content:"";position:absolute;width:6px;background-color:#fff;top:0;bottom:0;left:50%;margin-left:-3px}.econtainer{padding:10px 40px;position:relative;background-color:transparent;width:50%}.econtainer:after{content:"";position:absolute;width:25px;height:25px;right:-17px;background-color:#fff;border:4px solid #FF9F55;top:15px;border-radius:50%;z-index:1}.left{left:0%}.right{left:50%}.left:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;right:30px;border:medium solid white;border-width:10px 0 10px 10px;border-color:transparent transparent transparent white}.right:before{content:" ";height:0;position:absolute;top:22px;width:0;z-index:1;left:30px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}.right:after{left:-16px}.content{padding:20px 30px;background-color:#fff;position:relative;border-radius:6px;line-height:30px}.content .title-ex{color:#6fadff}.content h3{padding-bottom:15px}.content ul{line-height:25px;text-align:left}@media screen and (max-width: 768px){.timeline:after{left:31px}.econtainer{width:100%;padding-left:70px;padding-right:25px}.econtainer:before{left:60px;border:medium solid white;border-width:10px 10px 10px 0;border-color:transparent white transparent transparent}.left:after,.right:after{left:15px}.right{left:0%}.edu-header{padding:0%}.edu-header h1,.exe-header{font-size:26px;padding:20px}.content{padding:10px}.content .title-ex,.content h3{font-size:18px}.content li{padding-bottom:7px}.content ul{font-size:14px;line-height:20px}.title-major{font-size:15px}.content #uni{font-weight:600;font-size:14px}}.s-container{margin-top:50px;margin-bottom:50px}.skill-contain{width:100%;height:180px;max-width:1440px;margin:0 auto}.title-skill{font-size:40px;font-weight:900;padding:20px}.icon-contain{width:75%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr}.skill-icon{width:80px;padding:10px;transition:color .3s ease-in-out,box-shadow .3s ease-in-out}.skill-icon:hover{width:95px;box-shadow:inset 120px 0 #72b2ff}@media screen and (max-width: 900px){.icon-contain{grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.skill-contain{margin-bottom:120px}.skill-icon:hover{width:75px;box-shadow:inset 100px 0 #72b2ff}}@media screen and (max-width: 440px){.title-skill{font-size:30px}.skill-icon{width:60px}.skill-contain{margin-top:20px;margin-bottom:50px}.skill-icon:hover{width:70px;box-shadow:inset 100px 0 #72b2ff}}:root{--primary-color: #5924ed;--secondary-black: #0d081a;--secondary-gray: #48464b;--body-bg: #efebfa}.container{width:90%;margin:0 auto;max-width:1000px}.section-heading{font-size:clamp(2rem,10vw,3rem);text-transform:uppercase;letter-spacing:.2rem;text-align:center;position:relative;margin-bottom:3rem}.section-heading:before{content:attr(data-outline);position:absolute;left:2%;top:-20%;width:100%;text-align:center;text-transform:uppercase;letter-spacing:.2rem;color:transparent;-webkit-text-stroke:1.5px #5a24ed2f;z-index:2}.usig-skill{display:flex;justify-content:space-around;align-items:center}.subSkills{display:flex;justify-content:center;align-items:center}.usig-skill .skill-btn{background-color:#c6ddff;color:#000;padding:.4rem;margin:.5rem;border:1px solid;border:transparent}.usig-skill .slide-icon{display:inline-block;width:25px;margin:10px}#projects{padding:5rem 0}#projects .item{display:flex;align-items:center;justify-content:center;max-width:800px;margin:0 auto;margin-bottom:5rem;gap:2rem}#projects .item:nth-of-type(even){flex-direction:row-reverse}#projects .item .left{flex:1}#projects .item .right{margin-left:-150px;text-align:left;flex:1;background-color:#fff;padding:2rem;border-radius:12px;box-shadow:0 0 20px #00000028;z-index:1}#projects .item:nth-of-type(even) .right{margin-left:0}#projects .item:nth-of-type(even) .left{margin-left:-150px}#projects .item .left .img{height:500px;border-radius:12px;overflow:hidden;box-shadow:0 0 20px #4705fc33;position:relative}#projects .item .left .img:after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background-color:#c6ddff4f}#projects .item .left .img img{object-fit:cover;transition:.3s ease transform}#projects .item:hover .left .img img{transform:scale(1.1);z-index:1}#projects .item .right .project-title{font-size:1.5rem;margin-bottom:1rem}#projects .item .right .project-sub-title{font-size:1.2rem;margin-bottom:2rem}#projects .item .right .project-desc{color:var(--secondary-gray);margin-top:2rem;margin-bottom:2rem}#projects .item .right .external-link{display:flex;align-items:center;justify-content:center;gap:1rem;padding:calc(.6em - 4px) calc(1.6em - 4px)}#projects .item .right .external-link svg{width:25px}@media only screen and (max-width: 768px){#projects .item{flex-direction:column}#projects .item .left{width:100%}#projects .item .right{margin-left:0;width:90%;margin-top:-150px}#projects .item:nth-of-type(even){flex-direction:column}#projects .item:nth-of-type(even) .left{margin-left:0}}@media only screen and (max-width: 450px){#projects .item .right .buttons{flex-direction:column}#projects .item .right .buttons a{width:100%;text-align:center}.subSkills{flex-direction:column}}.g-container{background:#c5b7fc}.get-in-touch{width:100%;padding-top:30px;padding-bottom:60px;background:#c5b7fc;max-width:1440px;margin:0 auto}.swal2-container.swal2-center>.swal2-popup{font-family:Rubik,sans-serif;text-align:center}.get-in-touch h2{text-align:center;margin-bottom:32px;font-size:40px;font-weight:700;line-height:1.22;text-transform:none;text-decoration:none}.content-container{display:flex;justify-content:center;align-items:center}.form-container{display:flex;align-self:stretch;align-items:center;margin-right:40px;padding:40px 80px;border-radius:8px;flex-direction:column;background-color:#d9d9d9;width:40%}.form-container .send-header{font-size:36px;font-style:normal;font-weight:700;line-height:1.55;text-transform:none;text-decoration:none;margin-bottom:32px}.input-name,.input-email{font-family:inherit;font-size:18px;width:100%;border:none;padding:16px 24px;border-radius:8px;margin-bottom:16px}.input-message{font-family:inherit;font-size:18px;width:100%;height:140px;border:none;padding:16px 24px;border-radius:8px;margin-bottom:16px}.form-container .send-btn{text-align:center;padding:8px 80px;border-radius:24px}.logo{width:30px;padding:5px}.sub-location-container{display:flex;flex-direction:column;align-items:flex-start}.location-container .location-header{font-size:24px;font-style:normal;font-weight:700;margin-bottom:16px}.email,.linkined,.git{display:flex;align-items:center;flex-direction:row}.email .email-text,.linkined .linked-text,.git .git-text{font-size:18px;font-weight:400;line-height:1.55;text-transform:none;text-decoration:none;margin:0}.email .email-text a,.linkined .linked-text a,.git .git-text a{text-transform:none;text-decoration:none;color:inherit}@media screen and (max-width: 1080px){.form-container{margin-right:20px;padding:20px 40px 40px}}@media screen and (max-width: 968px){.content-container{flex-direction:column;align-items:center;justify-content:center}.form-container{width:60%;margin:0 auto}.location-container{margin-top:30px}}@media screen and (max-width: 600px){.get-in-touch h2{font-size:30px}.form-container{width:80%}.form-container .send-header{font-size:28px}}*{margin:0}.footer{background:#000000;display:flex;align-items:center;justify-content:flex-end;padding:20px}.copy{width:12px;margin:5px}.footer-text{color:#fff;display:flex;align-items:center}
