@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Archivo+Black&display=swap";.sideNav{width:10%;height:100dvh;position:fixed;bottom:0;left:0;background:var(--dark1);z-index:100!important}.container{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center}.social_box{width:100%;height:67%;display:flex;flex-direction:column-reverse;justify-content:space-evenly;align-items:center}.line{background:var(--linecolor);width:2px;height:15%;position:absolute;bottom:0}.social_box .icon{font-size:1.4rem;color:var(--sideNavIconColor);position:relative;left:-5.5%}.social_box .icon:focus,.social_box .icon:hover{color:var(--btn_color);transition:all .3s ease}@media screen and (max-width:500px){.sideNav{width:15%}.social_box{height:60%}.line{height:15%}}.home{width:90%;height:100%;margin-left:10%;display:flex;justify-content:center;align-items:center;flex-direction:row;margin-bottom:5%}.home .container{width:90%;height:100%;z-index:1000!important;display:flex;justify-content:space-between;flex-direction:row-reverse}.home .image-box{width:40%;padding:0 2%}.home .image-box img{width:100%;height:100%;max-width:400px;max-height:400px;object-fit:fill;border-radius:.5rem}.container .text-box{margin:15% auto 15% 0;width:60%}.container #resume,.text-box a{display:inline-block;text-decoration:none;background:#af5cf3e1;font-weight:500!important;position:absolute;top:3%;right:3%;font-size:1.2rem;color:#e0deff;padding:.3rem .5rem;border-radius:.3rem}.home .container .text-box #myname{font-weight:400;height:8rem!important;font-size:5rem!important;font-family:Archivo Black,sans-serif}.home .container p{opacity:.8;margin:5% auto}#location{margin-top:5%}@media screen and (max-width:600px){.home .container .text-box{width:90%;margin:35% auto 0!important}.home .container .text-box #myname{font-size:3.5rem!important}.home .container .text-box p{margin:8% 0 5% 0%;width:100%;font-size:80%}}@media screen and (max-width:980px){#location{padding-top:5%}.home{flex-direction:column;width:85%;margin-left:15%}.home .container{width:100%;flex-direction:column-reverse}.home .container .text-box #myname{font-size:4rem!important;height:12rem!important}.home .container .text-box{width:90%;margin:30% auto 5%!important}.home .container .image-box{width:70%;margin-right:30%}}@media screen and (min-width: 1024px){.home .container .text-box #myname{height:14rem!important}}.techstack{width:100%;height:100%;margin:5% auto}.techstack .heading h2{font-size:2.5rem;font-weight:400;padding:1rem;text-align:center;margin-bottom:3%}.icon-box{width:70%;margin:auto;text-align:center}.icon{font-size:3rem;margin:3% 4.5% 2% 3%}.techstack .icon:hover{color:var(--btn_color);transition:all .5s ease-in-out;transform:scale(1.4)}@media screen and (max-width:680px){.techstack .heading h2{font-size:2rem;margin-top:25%;margin-bottom:10%}.icon-box{width:100%;margin:auto auto auto 5%}.icon{font-size:1.25rem}}.project_card{width:30%;height:100%;margin:2% auto;box-shadow:var(--shadow1);border-radius:.2rem;padding:.5rem 0 1rem;background:var(--card_background)}.project_card h2{text-transform:uppercase;font-weight:400;padding:.5rem;font-size:1.1rem}.project_card p{font-size:80%;width:90%!important;padding:0 .5rem .5rem}.project_card .tech-stack{text-decoration:none;color:var(--font_color1);border-radius:.2rem;font-size:75%;font-weight:500;padding:.3rem;margin:0 .5rem .5rem}.project_icon{transform:rotateY(-180deg);position:relative;top:2px}.project_card:hover{transform:scale(1.1);transition:all .5s ease-in-out}.expCard{width:70%;height:100%;border-left:2px solid var(--btn_color);padding:0 0 0 .8rem}.expCard #duration{text-align:end;padding-bottom:2%}.expCard #up{position:absolute;left:12%;color:var(--btn_color);background:var(--btn_color);border-radius:50%}.expCard .heading{width:100%;height:1.6rem;display:inline-flex;justify-content:flex-start;align-items:center;color:var(--blue1);overflow:hidden}.expCard .heading h2{font-size:1rem;overflow:hidden}.expCard .heading .icon{padding:0!important;margin:0 1% 0 0!important;font-size:1.3rem!important}.expCard p{font-size:smaller;width:100%!important;padding:.7rem .5rem .5rem 0}.spotify-card{width:98%;height:100%;margin-left:2%;padding:.5rem 0 1rem;margin-bottom:5%}.spotify-card h1{font-family:Poppins,sans-serif!important;text-transform:capitalize;font-weight:500;font-family:3.4rem;margin:2% 0 0}.spotify-card img{width:25%;height:100%;object-fit:fill}@media screen and (max-width: 680px){.project_card{width:100%;height:100%;margin:5% auto}.project_card:hover{transform:scale(1)}.expCard{width:90%;height:100%;padding-top:15%}.expCard:nth-last-child(1){padding-top:0}.expCard #duration{font-size:70%!important}.expCard #up{left:14.2%}.spotify-card h1{font-size:1.5rem}.spotify-card img{width:80%}}.about{width:90%;height:100%;margin-left:10%;padding:6% 0;background:var(--dark1)!important}.about h1{font-weight:400;padding-bottom:2%}.about p{width:70%;padding-bottom:5%}.about .container{width:65%;height:auto;margin:5% auto;display:flex;justify-content:center;flex-direction:row;background:var(--card_background);box-shadow:var(--shadow1)}.about .container .text{width:60%;height:100%}.about .container .text p{padding:0 5%;width:90%;font-size:smaller}.about .container .text h2{padding:0 5% 5%;font-weight:600;font-size:x-large}.about .container .image-box{width:40%;height:100%;overflow:hidden}.about .container .image-box img{width:100%;height:95%;object-fit:fill;margin-bottom:-5%}.experiences .title{font-size:2.5rem;font-weight:400;margin:3.5% 0}.exp-container{width:95%;height:100%;margin:auto;display:flex;flex-direction:column-reverse;background:var(--dark1)!important}.project_container{width:80%;height:100%;display:flex;justify-content:space-evenly;flex-wrap:wrap;margin:auto}.designs{width:98%;height:100%;margin-left:2%;margin-top:5%}.designs .header{overflow-y:hidden;margin:2% auto}.designs .header h1{font-weight:500}.designs .design-grid{width:80%;display:flex;flex-wrap:wrap;justify-content:space-evenly;margin:auto}.designs .design-grid .iframe-container{width:48%;height:100%;min-height:20rem;margin-bottom:5%;opacity:.7;text-align:center}.designs .design-grid .iframe-container iframe{width:100%;height:100%;min-height:18rem;border:none;border-radius:.3rem;opacity:.8}.designs .design-grid .iframe-container button{width:30%;margin:3% auto auto;padding:.5rem;border:none;border-radius:.2rem;background:var(--btn_color);font-family:Poppins,sans-serif}.cx_colorBg--XYMUF{background-color:#202124}@media screen and (max-width:680px){.about{width:80%;margin-left:15%;padding-right:5%}.about .container{width:100%;flex-direction:column-reverse}.about .container .text{width:100%}.about .container .text p{font-size:13px;padding-bottom:10%}.about .container .text h2{padding:5%}.about .container .image-box{width:100%}.project_container,.exp-container{width:100%;margin:auto}.experiences{width:100%}.experiences .title{margin-top:2.2rem;font-size:1.4rem;margin-bottom:2rem}.h1{font-size:1.5rem!important;margin-bottom:10%;margin-top:28%!important}.p{width:100%!important;margin-bottom:10%}.about h1{padding-bottom:7%}.designs{margin-top:15%}.designs .design-grid{width:100%;flex-direction:column}.designs .design-grid .iframe-container{width:100%;margin:2% auto}.designs .design-grid .iframe-container iframe{width:90%;min-height:18rem;margin:2% auto}.designs .design-grid .iframe-container button{width:50%}}@media screen and (max-width:1440px){.experiences .title .about{margin-top:25%;z-index:10}}.blogList{width:90%;margin-left:10%;padding-bottom:4%}.blogList h3{font-size:2rem;font-weight:500;margin-bottom:2%}.blogCard{width:70%;margin:2.7% 0 0;padding:.5rem!important;border-radius:.2rem;background:var(--blog_cardBg);border:var(--border1)}.blogCard h2,.blogCard p,.blogCard a{font-size:1rem;font-weight:400;color:var(--blue1)}.blogCard h2{margin-top:3px}.blogCard p,.blogCard a{font-size:small}.blogCard a{color:var(--font_color1);text-decoration:none;font-size:.8rem}.blogCard .user-info{width:100%;display:flex;justify-self:start;align-items:center}.blogCard .user-info p{font-size:.7rem;margin-left:5px}.blogCard .user-info img{width:35px;border-radius:50%}.blogCard:hover{box-shadow:var(--shadow1);transition:all .3s ease-in-out;transform:translateY(-5px);background:var(--card_background)}@media screen and (max-width:780px){.blogList{width:85%;padding-top:10%;padding-bottom:15%;margin:0% 0 0% 15%}.blogCard{width:90%;margin:5% 0 0}.blogCard h2{font-size:80%;font-weight:500;margin-top:2%}.blogCard p{font-size:65%;margin:2% 0}}.footer{width:90%;height:15vh;padding-top:5%;margin-left:10%;background:var(--dark1)!important}.footer .footer_container{display:flex;justify-content:center;align-items:center}.footer .footer_container .footline{width:40%;height:2px;background-color:var(--linecolor)}.footer .footer_container .content{width:60%}.footer .footer_container .content a{text-decoration:none;color:var(--sideNavIconColor);margin-left:1rem;font-family:var(--robotic_font)}.footer .copyrights{width:100%;text-align:center;margin:2% 0}.footer .copyrights p{font-size:.95rem;opacity:.3;font-weight:300}@media screen and (max-width:680px){.footer{padding-top:3rem}.footer .footer_container .footline{width:10%}.footer .footer_container .content{width:90%}}*{margin:0;padding:0;overflow-x:hidden}:root{--dark1: #ededed;--font_color1: #0f1010;--linecolor: #0f0f10;--sideNavIconColor: var(--linecolor);--card_background: #d4d4d4;--blog_cardBg: var(--dark1);--blue1: var(--font_color1);--robotic_font: "Roboto Mono", monospace;--btn_color: #9665f7;--green1: #9fef00;--border1: 1px solid #14141445;--border2: 1px solid rgba(15, 15, 15, .271);--shadow1: 3px 6px 5px 0 rgba(0, 0, 0, .2)}[data-preferred-theme=light],[data-preferred-theme=light][data-editor-theme=design],[data-preferred-theme=light] [data-editor-theme=design]{--color-bg: #202124;color-scheme:var(--dark1)}html{width:100%;height:100%;color-scheme:dark;font-family:Poppins,sans-serif;color:var(--font_color1);overflow-x:hidden}body{background:var(--dark1)}.grid-overlay{background:var(--dark1) url("data:image/svg+xml,%3csvg%20width='100%25'%20height='100%25'%20xmlns='http://www.w3.org/2000/svg'%3e%3cdefs%3e%3cpattern%20id='smallGrid'%20width='50'%20height='50'%20patternUnits='userSpaceOnUse'%3e%3cpath%20d='M%2050%200%20L%200%200%200%2050'%20fill='none'%20stroke='rgba(255,255,255,%200.4)'%20stroke-width='0.5'/%3e%3c/pattern%3e%3cpattern%20id='grid'%20width='100'%20height='100'%20patternUnits='userSpaceOnUse'%3e%3crect%20width='100'%20height='100'%20fill='url(%23smallGrid)'/%3e%3cpath%20d='M%20100%200%20L%200%200%200%20100'%20fill='none'%20stroke='gray'%20stroke-width='0'/%3e%3c/pattern%3e%3c/defs%3e%3crect%20width='100%25'%20height='80%25'%20fill='url(%23grid)'%20/%3e%3c/svg%3e") no-repeat center/cover}.grid-overlay:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;max-height:800px;background:linear-gradient(to bottom,rgba(0,0,0,0) 0%,var(--dark1) 80%)}#planet{width:70%;height:70%}.earth-orbit,.venus-orbit,.mercury-orbit,.mars-orbit,.jupiter-orbit,.saturn-orbit,.uranus-orbit,.neptune-orbit,.pluto-orbit{overflow:hidden}html{color-scheme:dark}