@import"https://fonts.googleapis.com/css2?family=Host+Grotesk:ital,wght@0,300..800;1,300..800&family=Libre+Franklin:ital,wght@0,100..900;1,100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Roboto+Condensed:ital,wght@0,100..900;1,100..900&display=swap";.formBtn{display:flex}.submitBtn{margin-top:2rem}.submitBtn:hover{background:#ff5722!important;cursor:pointer;transform:scale(1.2)}.submitBtn{padding:1rem 1.5rem;background-color:#ffc107;border-radius:8px;color:#002347!important;font-weight:800;border:none;transition:transform .3s ease}.resumeDownload{display:flex;align-items:center;justify-content:center;height:100%;padding:3.5rem}.resumeImg{border:1px solid #000;width:22rem;display:flex;align-items:center;justify-content:center;border-radius:10px;transition:all .3s ease-in-out;transform:scale(1)}.resumeImg:hover{transform:scale(1.1);cursor:pointer}.tooltip{position:absolute;background-color:#333;color:#fff;padding:5px 10px;border-radius:5px;font-size:12px;white-space:nowrap;z-index:1000;pointer-events:none;box-shadow:0 4px 6px #0000001a;top:100%;left:50%;margin-top:10px}@media screen and (max-width: 480px) and (orientation: portrait){.resumeImg{width:14rem}.resumeDownload{padding:0;height:auto;padding-top:2rem;padding-bottom:2rem}}.grid-container2{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto;gap:2rem;margin:20px auto}ul{list-style-type:none}.box{background-color:#fff;color:#0d0d0d;padding:2rem;text-align:left;font-size:1rem;border-radius:5px}.box1{grid-column:1;grid-row:1 / span 2}.box2{grid-column:1;grid-row:3}.box3{grid-column:2;grid-row:1}.box4{grid-column:2;grid-row:2}.box5{grid-column:2;grid-row:3}.box6{grid-column:3;grid-row:1 / span 3}.icon:hover path{fill:red}.reactIcon:hover path{fill:#4ad5ff}.HtmlIcon:hover .HtmlIconPath{fill:#ec6432}.cssIcon:hover path{fill:#264de4}.jsIcon:hover path{fill:#f7df1e}.tsIcon:hover path{fill:#3179c7}.canvaIcon:hover path{fill:#7d2ae8}.premiereIcon:hover path{fill:#99f}.davinciIcon:hover path{fill:#f2465c}.figmaIcon:hover path{fill:#0acf83}.banner{display:flex;flex-direction:column;width:100%;height:30rem;background-color:#0d0d0d;color:#e0e0e0;justify-content:center;align-items:center;//background-image: url(/monobg.png);//background-size: contain;//background-repeat: no-repeat;//background-position: center;//position: relative}.bannerName{margin-top:12rem}.mainIntro{display:flex;flex-direction:column;justify-content:center;padding:5.5rem;background-color:#1a1a1a;color:#e0e0e0}.intro1{display:flex}.intro2{display:flex;justify-content:space-between;margin-top:2rem;text-align:justify;gap:4rem}.asymSection{background-color:#0d0d0d;color:#1a1a1a;display:flex;align-items:center;justify-content:space-between;padding:5.5rem}.section1,.section2{width:220rem}.column1{width:29%}.column2{width:30%}.column3{width:32%}.edu{height:auto;background:#e0e0e0;border:16px solid #333;border-radius:32px!important;position:relative;overflow:hidden}.inner{width:100%;height:100%;background:#fff;border-radius:10px;padding:2rem}.inner1{width:100%;height:100%;background:#fff;border-radius:10px;padding:2.2rem}.liTitle{font-size:1.5rem;display:flex;align-items:center;gap:1rem;margin-top:1rem}.liSubtxt{padding-left:1.8rem;font-size:1.2rem}.exp{background:#e0e0e0;margin-top:3rem}.soft{height:auto;background:#e0e0e0}.softList svg,.skillList svg{height:3rem;width:3rem;transition:transform .3s ease}.softList svg:hover,.skillList svg:hover{transform:scale(1.2)}.skills{height:auto;background:#e0e0e0;margin-top:3rem}.skillList,.softList{margin-top:1rem;display:flex;flex-wrap:wrap;align-items:stretch;justify-content:space-between}.hobb{height:auto;background:#e0e0e0;margin-top:3rem}.resume{text-align:center;background:#e0e0e0}.edu,.exp,.soft,.skills,.hobb,.resume{border:16px solid #333;border-radius:32px!important;position:relative;overflow:hidden}.projects{background:#1a1a1a;color:#e0e0e0;padding:5.5rem}.card2{width:300px;height:200px;background-color:#fff;border-radius:10px;box-shadow:0 4px 8px #0003;transition:transform .4s,box-shadow .3s}.card2:hover{transform:translateY(-20px);box-shadow:0 8px 16px #0000004d}.contact{background:#0d0d0d;color:#e0e0e0;padding:5.5rem}.subText{margin-top:1rem}.contactForm{display:flex;flex-direction:row;justify-content:space-between}.contactForm form{width:40%}.formLbInp{display:flex;flex-direction:column}.formLbInp label{margin-top:3rem}.formLbInp input{height:3.5rem;border-radius:8px;margin-top:1rem;padding:1rem}.formLbInp textarea{height:7.5rem;border-radius:8px;margin-top:1rem;padding:1rem}.leftSide{width:100%}.rightSide{width:40%;background:#fff;color:#1a1a1a;border-radius:10px;display:flex;flex-direction:column;align-items:center;padding:2rem}.row1{display:flex;align-items:center;margin-top:2rem;gap:4rem;justify-content:start}.contactDetails svg{width:2rem;height:2rem}.linkIn{text-decoration:none;color:#000;transition:color .3s ease-in-out}.linkIn:hover{text-decoration:none;color:#ff5722}.projCards{display:flex;flex-direction:row;justify-content:space-between;gap:2rem;margin-top:3rem;flex-wrap:wrap}.card2{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:1rem;border-radius:12px;transition:box-shadow .3s ease-in-out,transform .3s ease;background-color:#fff}.card2 img{height:8rem;max-width:100%;object-fit:cover;border-radius:8px}.card2:hover{box-shadow:0 0 20px 10px #888;transform:translateY(-20px)}.navBar{display:flex;justify-content:center;align-items:center;background-color:#0d0d0d;padding:2rem 5.5rem;box-shadow:0 4px 6px #0000001a}.headerContents{display:flex;align-items:center;gap:4rem;justify-content:center;width:100%}.content1{flex-grow:1;text-align:center}.content1 a{text-decoration:none;color:#fff;font-size:16px;font-weight:700;transition:color .3s ease-in-out}.content1 a:hover{color:#ff5722}.logo{width:3rem;height:auto;cursor:pointer;transition:opacity .3s ease-in-out,transform .2s ease-in-out}.logo:hover{content:url(/orangelogobg.png);transform:scale(1.3)}.contactBtn{flex-grow:0}.contactBtn button:hover{background:#ff5722!important;cursor:pointer;transform:scale(1.1)}.contactBtn button{padding:1rem 2rem;background-color:#ffc107;border-radius:8px;color:#002347!important;font-weight:800;border:none;transition:transform .3s ease-in-out,background-color .3s ease-in-out}.aboutNav{padding:1rem 2rem;display:flex;align-items:center;justify-content:center}.mobContents{display:none}@media screen and (max-width: 1023px){.headerContents{display:none}.navBar{padding:1rem}.mobContents{display:flex;width:100%;padding:0 1rem}.InsideMobContents{display:flex;justify-content:space-between;align-items:center;width:100%}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}.dropdownMenu{position:absolute;top:75px;left:0;width:100vw;background-color:#1a1a1a;padding:1rem;box-shadow:0 4px 8px #0000001a;z-index:1000;visibility:hidden;opacity:0;transition:opacity .3s ease,visibility .3s ease;text-align:right;color:#e0e0e0}.dropdownMenu.open{visibility:visible;opacity:1;animation:slideDown .3s ease-in-out forwards}.dropdownMenu.close{visibility:visible;opacity:0;animation:slideUp .3s ease-in-out forwards}.dropdownMenu ul{list-style:none;padding:0;margin:0;display:flex;justify-content:space-around;flex-direction:column}.dropdownMenu ul li{margin:0}.dropdownMenu ul li a{color:#fff;text-decoration:none;padding:10px 20px;display:block}}.sepa{height:1px;background:#ffc107;width:96%}.footerContent1 a{text-decoration:none;color:#fff}.footer{background:#0d0d0d;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%}.footerContents{color:#e6e6e6;padding:2rem;display:flex;flex-direction:row;width:100%;gap:5rem}.footerLinks{width:68%;display:flex;justify-content:space-between}.copyRight{width:30rem}.footerLinks a:hover{color:#ff5722;transition:color .3s ease-in-out}@media screen and (max-width: 480px) and (orientation: portrait){.footerLinks{justify-content:center;gap:1rem;width:100%}.mobSlash{display:none}.footerContent1{text-align:center}.footerContents{flex-direction:column;justify-content:center;gap:2rem}.copyRight{width:auto}}html,body{margin:0;padding:0;width:100%;height:100%;font-family:Noto Sans,sans-serif;font-optical-sizing:auto;font-weight:400;font-style:normal;font-variation-settings:"wdth" 100;scroll-behavior:smooth}::-webkit-scrollbar{display:none}html{scrollbar-width:none}body{overflow:auto}*{margin:0;padding:0;box-sizing:border-box}h1{font-size:3rem}h2{font-size:2rem}h3{font-size:1.5rem;font-weight:400}.normaltext{font-size:1rem}.req{color:#ff5003}@media screen and (max-width: 375px) and (orientation: portrait){h1{font-size:1.7rem}h2{font-size:1.2rem}h3{font-size:.8rem}.normaltext{font-size:.7rem}.mobContents svg{height:1.5rem}.mobContents img{height:2.5rem;width:auto}.banner{height:24rem}.mainIntro{padding:2rem}.intro2{flex-direction:column;gap:1rem}.section1,.section2{width:auto}.asymSection{padding:2rem;flex-direction:column}.soft svg,.skills svg,.hobb svg{height:2rem}.softList,.skillList{gap:1rem}.column1,.column2,.column3{width:100%}.exp,.soft,.skills,.hobb,.resume{margin-top:2rem}.resumeImg{width:10rem}.resumeDownload{padding:2rem 0 1rem}.projects{padding:2rem}.projCards{flex-direction:column;gap:3rem}.projCards a{width:100%}.card2{width:100%;height:12rem}.card2 svg{height:5rem}.card2 img{height:6rem}.contact{padding:2rem}.contactForm{flex-direction:column}.contactForm form{width:100%}.rightSide{width:100%;margin-top:2rem}.row1{gap:.5rem}.row1 svg{width:1rem}}@media screen and (min-width: 376px) and (max-width: 480px) and (orientation: portrait){h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1rem}.normaltext{font-size:.8rem}.softList svg,.skillList svg{width:2rem;height:2rem}.section1,.section2{width:fit-content}.intro2{flex-direction:column;gap:1rem}.mainIntro{padding:3rem}.asymSection{flex-direction:column;padding:3rem}.column1,.column2,.column3{width:100%;margin:0}.exp,.hobb,.resume{margin-bottom:0}.resume{height:auto}.projects{padding:3rem;display:flex;flex-direction:column;align-items:center}.projCards{width:100%;flex-direction:column;gap:3rem}.projCards a{width:100%}.card2{width:100%;height:16rem}.intro1{justify-content:center}.contact{padding:3rem}.contactForm{flex-direction:column}.formLbInp input,.formLbInp textarea{width:100%}.rightSide{width:100%;margin-top:3rem}.soft,.resume{margin-top:3rem}.edu,.exp,.soft,.skills,.hobb,.resume{height:auto}.contactForm form{width:100%}.row1{gap:1rem}.leftSide{width:100%}.inner,.inner1{padding:1.5rem}}@media screen and (min-width: 481px) and (max-width: 767px) and (orientation: portrait){h1{font-size:2.3rem}h2{font-size:1.7rem}h3{font-size:1.2rem}.normaltext{font-size:1rem}.softList svg,.skillList svg{width:2.5rem;height:2.5rem}.section1,.section2{width:fit-content}.intro2{flex-direction:column;gap:1rem}.mainIntro{padding:3rem}.asymSection{flex-direction:column;padding:3rem}.column1,.column2,.column3{width:100%;margin:0}.exp,.hobb,.resume{margin-bottom:0}.resume{height:auto}.projects{padding:3rem;display:flex;flex-direction:column;align-items:center}.projCards{width:100%;display:flex;flex-direction:column;gap:4rem}.projCards a{width:100%}.card2{width:100%;height:16rem}.intro1{justify-content:center}.contact{padding:3rem}.contactForm{flex-direction:column}.formLbInp input,.formLbInp textarea{width:100%}.rightSide{width:100%;margin-top:3rem}.soft,.resume{margin-top:3rem}.edu,.exp,.soft,.skills,.hobb,.resume{height:auto}.contactForm form{width:100%}.row1{gap:2rem}.leftSide{width:100%}.inner,.inner1{padding:1.5rem}.resumeImg{width:28rem}.resumeDownload{padding:3rem 0 2rem}}@media screen and (min-width: 1900px){.resume{height:49rem}.resumeImg{width:25rem}.logo{width:4rem}}@media screen and (min-width: 1489px) and (max-width: 1899px){.skills,.soft{height:auto}.resume{height:49rem}.resumeDownload{padding:0}.resumeImg{width:20rem}.logo{width:4rem}}@media screen and (min-width: 1440px) and (max-width: 1488px){.rightSide{width:30%}.leftSide{width:75%}.skills,.soft{height:17rem}.resume{height:53rem}.logo{width:4rem}}@media screen and (min-width: 1280px) and (max-width: 1439px){h2{font-size:1.6rem}h3{font-size:1.2rem}.normaltext{font-size:.8rem}.projects{padding:5.5rem}.card2 svg{height:5rem;width:auto}.card2 img{height:6rem;width:auto}.card2{height:10rem;width:15rem}.softList svg,.skillList svg{width:2rem;height:2rem}.inner{padding:1.5rem}.inner1{padding:1.82rem}.resumeDownload{padding:4.5rem 0}.resumeImg{width:17rem}}@media screen and (min-width: 1024px) and (max-width: 1279px){h1{font-size:2.3rem}h2{font-size:1.2rem}h3{font-size:1rem}.normaltext{font-size:.7rem}.navBar{padding:2rem}.logo{width:3rem}.section1,.section2{width:fit-content}.intro2{flex-direction:column;gap:1rem}.mainIntro{padding:3rem}.asymSection{padding:3rem;gap:3rem}.column1,.column2{width:100%;margin:0}.column3{width:30%;margin:0}.edu,.exp{width:100%}.exp,.hobb,.resume{margin-bottom:0}.resume{height:36rem}.projects{padding:3rem;display:flex;flex-direction:column;align-items:center}.projCards{width:100%;display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.projCards a{width:100%}.card2{width:100%;height:16rem}.intro1{justify-content:center}.contact{padding:3rem}.contactForm{flex-direction:row;gap:3rem}.formLbInp input,.formLbInp textarea{width:100%}.rightSide{width:70%;margin-top:3rem}.contactForm form{width:100%}.row1{gap:2rem}.leftSide{width:80%}.inner{padding:1.5rem}.inner1{padding:1.2rem}.resumeImg{width:15rem}.soft,.skills,.hobb{width:100%}.skillList,.softList{gap:1rem}.skillList svg,.softList svg{width:2rem;height:auto}.exp{margin:3rem 0 0}}@media screen and (min-width: 801px) and (max-width: 1023px){h1{font-size:2.3rem}h2{font-size:1.7rem}h3{font-size:1.2rem}.normaltext{font-size:1rem}.softList svg,.skillList svg{width:2.5rem;height:2.5rem}.section1,.section2{width:fit-content}.intro2{flex-direction:column;gap:1rem}.mainIntro{padding:3rem}.asymSection{flex-direction:column;padding:3rem}.column1,.column2,.column3{width:100%;margin:0}.edu,.exp{width:100%}.exp,.hobb,.resume{margin-bottom:0}.resume{height:auto}.projects{padding:3rem;display:flex;flex-direction:column;align-items:center}.projCards{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem;width:100%}.projCards a,.card2{width:100%}.intro1{justify-content:center}.contact{padding:3rem}.contactForm{flex-direction:column}.formLbInp input,.formLbInp textarea{width:100%}.rightSide{width:100%;margin-top:3rem}.soft,.resume{margin-top:3rem}.contactForm form{width:100%}.row1{gap:2rem}.leftSide{width:100%}.inner,.inner1{padding:1.5rem}.resumeImg{width:28rem}.resumeDownload{padding:3rem 0 2rem}.column1,.column2{display:flex;gap:3rem}.soft,.skills,.hobb{width:100%}.skillList,.softList{gap:1rem}.exp{margin:0}}@media screen and (min-width: 768px) and (max-width: 800px){h1{font-size:2.3rem}h2{font-size:1.7rem}h3{font-size:1.2rem}.normaltext{font-size:1rem}.softList svg,.skillList svg{width:2.5rem;height:2.5rem}.section1,.section2{width:fit-content}.intro2{flex-direction:column;gap:1rem}.mainIntro{padding:3rem}.asymSection{flex-direction:column;padding:3rem}.column1,.column2,.column3{width:100%;margin:0}.exp,.hobb,.resume{margin-bottom:0}.resume{height:auto}.projects{padding:3rem;display:flex;flex-direction:column;align-items:center}.projCards{display:grid;grid-template-columns:repeat(2,1fr);gap:3rem}.projCards a{width:100%}.card2{width:20rem;height:16rem}.intro1{justify-content:center}.contact{padding:3rem}.contactForm{flex-direction:column}.formLbInp input,.formLbInp textarea{width:100%}.rightSide{width:100%;margin-top:3rem}.soft,.resume{margin-top:3rem}.contactForm form{width:100%}.row1{gap:2rem}.leftSide{width:100%}.inner,.inner1{padding:1.5rem}.resumeImg{width:28rem}.resumeDownload{padding:3rem 0 2rem}.column1{display:flex;gap:3rem}.exp{margin:0}}