@import"https://fonts.googleapis.com/css2?family=DM+Sans&family=Josefin+Sans&family=Poppins:ital,wght@1,200&family=Rajdhani&family=Roboto+Condensed:wght@300&family=Secular+One&family=Teko:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans&family=Josefin+Sans&family=Karma&family=Manrope&family=Poppins:ital,wght@1,200&family=Rajdhani&family=Roboto+Condensed:wght@300&family=Secular+One&family=Teko:wght@500&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans&family=Josefin+Sans&family=Poppins:ital,wght@1,200&family=Rajdhani&family=Roboto+Condensed:wght@300&family=Teko:wght@500&display=swap";*{padding:0;margin:0;box-sizing:border-box;scroll-behavior:smooth}#about{width:100vw;height:50vw;color:#000;display:flex}#about-main-left{width:50%;height:100%;text-align:center;position:relative}#about-main-left div{width:100%;height:auto;padding:5px;font-size:5rem;color:#fff;background-color:#0000009c;margin-top:15rem;font-family:Secular One,sans-serif;opacity:1;text-shadow:3px 3px 10px rgba(10,10,10,.479);box-shadow:2px 2px 10px #000000b4}#about-button{width:-moz-fit-content;width:fit-content;cursor:pointer;font-family:Times New Roman,Times,serif;font-weight:500;background:none;font-size:1rem;border:none;padding:.7rem;color:#000;background-color:#b8b80a;border-radius:5px;position:absolute;top:0;left:60%;display:none}@keyframes buttonfall{0%{top:0;rotate:180deg}to{top:12.5rem}}#about-main-right{width:50%;height:100%;color:#000;position:relative}#about-right-inner{width:80%;height:80%;background-color:#a0ebf388;border-radius:1rem;padding:3rem 1rem 1rem;margin-left:10%;margin-top:15%;position:absolute;-webkit-clip-path:circle(15% at 25% 0%);clip-path:circle(15% at 25% 0%);transition:1s;cursor:pointer;border-top:4px solid rgb(14,30,251);overflow-y:scroll}#about-right-inner:hover{box-shadow:2px 2px 10px 1px #000000b1;border:none;-webkit-clip-path:circle(200% at 80% 0);clip-path:circle(200% at 80% 0)}.para{font-family:Roboto Condensed,sans-serif;color:#000;margin:1rem;font-size:1.3rem}.para span{color:#3c05f0;font-weight:700}#skill{width:100vw;padding:3rem;height:auto;background-color:#000;-webkit-clip-path:polygon(0 0,40% 5%,100% 0,100% 100%,70% 95%,0 100%);clip-path:polygon(0 0,40% 5%,100% 0,100% 100%,70% 95%,0 100%)}#skill-text{margin-top:3rem;font-size:4rem;font-family:Secular One,sans-serif;color:#08b9e5;text-align:center;text-shadow:1px 0px 0px white}#skill-box-wrap{margin-top:2rem;padding:0;width:100%;transition:1.5s;transform-style:preserve-3d}.skill-box-wrap-transform{transform:rotateY(180deg)}#skill-content-innerbox{backface-visibility:hidden;width:100%}#skill-content-innerbox ul{display:grid;grid-template-columns:1fr 1fr 1fr}#skill-content-innerbox ul li{margin:1rem;text-align:center;list-style:none;font-size:3rem;padding:1.5rem;letter-spacing:2px;background-color:#ff005d;text-shadow:2px 1px 1px rgb(15,15,15);font-family:Teko,sans-serif;border-radius:1rem}#skill-content-innerbox ul li:hover{box-shadow:2px 2px 10px 2px #fff}#skill-content-innerbox ul li:nth-child(odd){border-radius:1rem;background-color:#07dafa}#skill-content-innerbox-back{backface-visibility:hidden;transform:rotateY(180deg);width:100%;height:auto;position:absolute;top:0}#skill-content-innerbox-back ul{display:grid;grid-template-columns:1fr 1fr 1fr}#skill-content-innerbox-back ul li{margin:1rem;text-align:center;list-style:none;font-size:3.3rem;padding:1.5rem;letter-spacing:2px;font-family:Teko,sans-serif;text-shadow:2px 1px 1px rgb(14,14,14);background-color:#07dafa;border-radius:1rem}#skill-content-innerbox-back ul li:hover{box-shadow:2px 2px 10px 2px #fff}#skill-content-innerbox-back ul li:nth-child(odd){border-radius:1rem;background-color:#ff005d}#allbuttons{margin-top:4rem;position:relative}#flipbtn{margin:0rem 2rem 1rem 10rem;background:none;border:none;padding:.8rem 1rem;cursor:pointer;font-size:1.4rem;background:linear-gradient(50deg,rgb(250,7,161),rgb(221,255,0));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;border-radius:1rem;box-shadow:1px 1px 8px #00ff73}#flipbtn:hover{box-shadow:2px 2px 14px 1px #00ff73}#readmore{font-family:Rajdhani,sans-serif;font-weight:100;background:none;border:none;padding:.7rem;cursor:pointer;font-size:1.5rem;box-shadow:.5px .5px 1px #fbff00;position:absolute;right:20%;top:-1rem;letter-spacing:2px;-webkit-text-stroke:.1px rgb(236,14,236)}#readmore:hover{box-shadow:1px 1px 10px 1px #fbff00;border-radius:.4rem}*{margin:0;padding:0;box-sizing:border-box}#main-container{width:100vw;height:auto}#projects{text-align:center;background-color:#fa1254;margin:4rem 0 2rem;font-size:3rem;font-family:Secular One,sans-serif;font-weight:700;letter-spacing:2px;text-shadow:1px 1px 6px black}.project-box{width:85vw;display:flex;padding:1rem;margin:2rem 2rem 5rem}.project-image{display:flex;align-items:center;justify-content:center;width:35%}.project-image img{width:100%;height:auto;aspect-ratio:1.8;border-radius:1rem;box-shadow:1px 1px 7px #000}.project-image img:hover{box-shadow:2px 2px 14px #000}.project-desc{width:65%;border-radius:.5rem;padding:1rem;background-color:#d9eff8;background-color:#dcfaff7d;color:#000;margin-left:3rem;font-family:Manrope,sans-serif;letter-spacing:1px;font-size:1rem}.project-desc b{background-color:#017755;font-weight:800;padding:0 3px;line-height:25px;color:#f8f6f7!important}.project-title{color:#000;padding-bottom:.5rem;font-family:Secular One,sans-serif;letter-spacing:0}.project-title-span{font-size:1.5rem;padding:0 .5rem;background-color:#fc0b7b44;border-radius:.25rem;color:#0b0b0b;margin-right:1rem}.project-icon{text-align:end;background-color:#b1065c;border-radius:50%}.project-icon:hover{background-color:#ff6cb5}#contact-div{margin-top:8rem;padding-top:4rem;width:100vw;background-color:#000}#contact{text-align:center;margin-top:2rem;font-size:3.5rem;font-weight:400;font-family:Secular One,sans-serif;color:#1a8804;text-shadow:1px 1px 1px white}#contact-inner-box{width:100%;height:70%;display:flex}#contact-left{width:50%;padding:3rem 0 0 7rem}#contact-left form{font-size:1.4rem;font-family:Rajdhani,Times New Roman,Times,serif;position:relative}#contact-left form p{margin:0;padding:0}.contact-input{width:20rem;height:2.3rem;padding:1rem;margin:0rem 0 1rem;outline:none;font-size:1.2rem;background:none;border:none;border-bottom:2px solid rgb(8,251,8)}.contact-input::-moz-placeholder{opacity:0}.contact-input::placeholder{opacity:0}.contact-input-msg{width:20rem;padding:1rem;margin:1rem 0;outline:none;font-size:4.8rem;font-size:1.2rem;background:none;border:none;border:2px solid rgb(8,251,8);border-radius:1rem}.contact-input-msg::-moz-placeholder{opacity:0}.contact-input-msg::placeholder{opacity:0}#contact-submit-btn{background:none;border:none;font-size:1.2rem;position:absolute;bottom:4rem;right:4rem;border:1.5px solid rgb(8,251,8);padding:.8rem;cursor:pointer;border-radius:1rem}#contact-submit-btn:hover{box-shadow:1px 1px 5px #08fb08;border:none}#contact-right{width:50%}#contact-right p{text-align:center;font-size:2.5rem;font-family:Rajdhani,Times New Roman,Times,serif;font-weight:500}#connect-icons{font-size:3rem;padding:1rem;text-align:center}#connect-icons a{display:inline-block;margin:1rem}#linkedin:hover{background-color:#0a66c2;border-radius:5px;padding:2px}#github:hover{padding:2px}#insta:hover{background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);padding:2px;border-radius:5px}#twitter:hover{background-color:#1da1f2;padding:2px;border-radius:5px}*{margin:0;padding:0;box-sizing:border-box;color:#fff}nav{width:100vw;display:flex;justify-content:end;position:sticky;top:0;z-index:1;background-color:#000}.navlist{margin:1rem 3rem .5rem 1rem;list-style:none;padding:.5rem;cursor:pointer;font-family:Rajdhani,sans-serif;font-size:1.5rem;font-weight:500;opacity:.8}.navlist a{text-decoration:none}.navlist a:hover{color:#85a3ff}.navlist:after{display:block;content:"";border-bottom:1.5px solid rgb(247,212,55);transform:scaleX(0);transition:.3s}.navlist:hover{font-weight:700;opacity:1}.navlist:hover:after{font-weight:700;opacity:1;transform:scaleX(1)}#homediv{width:100vw;height:80vh;position:relative;background-color:#000;-webkit-clip-path:polygon(0 0,0 100%,70% 95%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,70% 95%,100% 100%,100% 0)}#homediv-imgtag{position:absolute;top:2rem;right:0;margin:3rem;width:24vw;height:auto;aspect-ratio:.85;background:url(/assets/final-b6ef7e9e.png),#ffffff;background-size:70% 90%;background-repeat:no-repeat;opacity:1;-o-object-fit:cover;object-fit:cover;background-position:0px 20px;-webkit-clip-path:circle(40% at 45% 40%);clip-path:circle(40% at 45% 40%)}#homediv-contentdiv{width:70vw;height:80%;position:relative}#homediv-content{position:absolute;top:20%;left:20%;border-radius:1rem;padding:3rem}#homediv-content h3{text-align:center;font-family:Rajdhani,sans-serif;margin:0 0 1.5rem;font-weight:400;opacity:.7;font-size:1.2rem}#homediv-content h1{color:#18e1fc;margin:1rem;font-family:Josefin Sans,sans-serif;text-align:center;font-size:2.5rem}#homediv-content p{font-size:1.5rem;text-align:center;font-family:Rajdhani,sans-serif}#homediv-content p span{padding:0 5px;background-color:#6247fb;color:#edeef5;font-weight:600}#home-button{cursor:pointer;padding:1rem;background:none;border:none;position:absolute;bottom:-15%;right:10%;text-align:center;border:1px solid rgb(9,238,9);border-radius:.4rem;color:#09ee09;opacity:1}#home-button:hover{opacity:.8}@media (max-width:1200px){#contact-submit-btn{position:absolute;bottom:4rem;right:-4rem}}@media (max-width:1145px){#homediv-content h1{font-size:2rem;margin:1rem 0rem;text-align:center}}@media (max-width:1000px){#skill-content-innerbox ul li{font-size:2.2rem;padding:1.3rem}#skill-content-innerbox ul{grid-template-columns:1fr 1fr 1fr}}@media (max-width:930px){#contact-submit-btn{position:absolute;bottom:4rem;right:-8rem}}@media (max-width:840px){#homediv{height:45vh;clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}#home-button{position:absolute;bottom:-10%;right:10%;font-size:.7rem;padding:.8rem}#homediv-content{position:absolute;top:15%;left:20%}#about-main-left div{font-size:3rem;margin-top:12rem}@keyframes buttonfall{0%{top:0;rotate:180deg}to{top:9.5rem}}.para{font-size:1rem}#skill{width:100vw;background-color:#000;-webkit-clip-path:polygon(0 0,100% 0,100% 100%,0 100%);clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}#skill-content-innerbox ul li{font-size:2rem;padding:1.2rem;text-shadow:1px 1px 1px rgb(14,14,14)}#skill-content-innerbox ul{grid-template-columns:1fr 1fr}#skill-content-innerbox-back ul{display:grid;grid-template-columns:1fr 1fr}#skill-content-innerbox-back ul li{font-size:2rem;padding:1.2rem;text-shadow:1px 1px 1px rgb(14,14,14)}#flipbtn{font-size:1rem}#projects{font-size:2.3rem;text-shadow:1px 1px 1px black}.project-box{width:90vw}.project-desc{font-size:.9rem}#contact-div{padding-top:4rem}#contact-left{padding:3rem 0 0 2rem}#connect-icons{font-size:2.5rem}.contact-input,.contact-input-msg{width:15rem}#contact-right p{font-size:2.2rem}}@media (max-width:700px){.project-image{display:flex;align-items:center;justify-content:center;width:35%}.project-image img{width:100%;height:auto;aspect-ratio:1.5;border-radius:1rem;box-shadow:1px 1px 7px #000}.project-desc{margin-left:2rem;font-size:.8}}@media (max-width:580px){#homediv{width:100vw;height:40vh;position:relative;background-color:#000;-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}#homediv-content{position:absolute;top:10%;left:0%}#homediv-contentdiv{width:75vw}#homediv-content p{font-size:1.3rem}.navlist{font-size:1.2rem;margin-left:0;margin-right:2rem}#about{width:100vw;height:50vw;color:#000;display:flex}#about-main-left div{font-size:2.5rem;margin-top:10rem}@keyframes buttonfall{0%{top:0;rotate:180deg}to{top:7.5rem}}#about-right-inner{-webkit-clip-path:circle(200% at 80% 0);clip-path:circle(200% at 80% 0);box-shadow:1px 1px 7px #0000007e;transition:.1s;padding:1rem}#about-right-inner:hover{box-shadow:1px 1px 7px #0000007e}.para{margin:0;font-size:.9rem}#skill-content{padding-left:4rem}#skill-content-innerbox ul li{font-size:2rem;padding:1rem}#skill-content-innerbox ul,#skill-content-innerbox-back ul{display:grid;grid-template-columns:1fr 1fr}#skill-content-innerbox-back ul li{font-size:2rem;padding:1rem}#skill{width:100vw;background-color:#000}#skill-text{font-size:3em}.project-box{width:100vw;display:block;padding:1rem;margin:0rem 0rem 5rem}.project-image{width:100%;display:flex;justify-content:center;align-items:center;margin:0}.project-image img{margin-left:15%;width:70%;height:auto;aspect-ratio:2}.project-desc{width:100%;margin-left:0;margin-top:1rem}#contact{font-size:3rem}#contact-inner-box{display:block;width:100vw;height:auto}#contact-left{width:100vw;padding-top:1rem}#contact-right{width:100vw}#contact-left form{margin-bottom:2rem}#contact-left form p{display:none}.contact-input{width:50vw}.contact-input::placeholder{opacity:.8;color:#fff}#contact-submit-btn{position:absolute;bottom:4rem;right:4rem;font-size:.8rem}.contact-input-msg{width:60%}.contact-input-msg::placeholder{opacity:.8;color:#fff}#connect-icons a{margin:0 2rem}}@media (max-width:450px){#skill-content{padding-left:3rem}#homediv{height:55vh;position:relative;-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}#homediv-content{position:absolute;top:25%;left:0%;width:100vw;border-radius:1rem;padding-top:5rem}#homediv-content h1{font-size:1.8rem}#homediv-imgtag{position:absolute;top:0rem;right:25vw;margin-top:2rem}#about-main-left{width:45%;height:100%;text-align:center;position:relative}#about-main-left div{font-size:2rem}@keyframes buttonfall{0%{top:0;rotate:180deg}to{top:8rem}}#about-button{padding:.4rem}#about-right-inner{width:95%;height:85%;margin-right:1rem}#about{width:100vw;height:47vh}#skill{width:100vw;background-color:#000}#skill-text{display:block;font-size:2.3rem}#skill-content-innerbox ul li,#skill-content-innerbox-back ul li{font-size:1.5rem;text-shadow:1px 1px 1px rgb(14,14,14)}#projects{font-size:2rem;text-shadow:1px 1px 1px black}#contact-div{padding-top:4rem}#connect-icons{margin-top:1rem;font-size:2rem;padding:1rem;text-align:center}#connect-icons a{display:inline-block;margin:.8rem}#contact-submit-btn{position:absolute;bottom:2rem;right:3rem;font-size:.8rem}}@media (max-width:380px){.navlist{margin:1rem 0rem .5rem 1rem}#skill-content{padding-left:2.5rem}#homediv{width:100vw;height:45vh;position:relative;background-color:#000;-webkit-clip-path:polygon(0 0,0 100%,100% 100%,100% 0);clip-path:polygon(0 0,0 100%,100% 100%,100% 0)}#homediv-content h1{font-size:1.4rem}#homediv-content{position:absolute;top:25%;left:0%;border-radius:1rem;padding:3rem}#homediv-imgtag{position:absolute;top:0rem;right:25vw;margin-top:2rem}.para{font-family:Roboto Condensed,sans-serif;color:#000;margin:0rem;font-size:1rem}#about-right-inner{width:95%;height:86%;margin-right:1rem}#about{width:100vw;height:40vh}#about-main-left{width:45%;height:100%;text-align:center;position:relative}#about-main-left div{font-size:1.5rem}@keyframes buttonfall{0%{top:0;rotate:180deg}to{top:8rem}}#skill-text{display:block;margin-left:5rem;font-size:2.3rem}#skill-content-innerbox ul li,#skill-content-innerbox-back ul li{font-size:1.5rem;text-shadow:1px 1px 1px rgb(14,14,14)}#projects{font-size:2rem;text-shadow:1px 1px 1px black}#contact-div{padding-top:2rem}.contact-input::placeholder{font-size:.9rem}.contact-input-msg::placeholder{font-size:.9rem}}@media (max-width:350px){#skill{padding-left:1rem}#contact-submit-btn{position:absolute;bottom:2rem;right:1rem;font-size:.8rem}}@media (max-width:325px){#skill{padding-left:0rem}}::-webkit-scrollbar{width:5px;height:0}::-webkit-scrollbar-track{box-shadow:inset 0 0 5px gray;border-radius:10px}::-webkit-scrollbar-thumb{background:#022af5;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:#022af5}