@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";body{background-color:#000;color:#fff!important}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:hidden;margin:0;padding:0}.nav-bar{background-color:#ffffff1a;border-radius:50px;box-shadow:0 0 10px #fff6;width:100%}.logo-wrap img{max-width:100%;height:auto}.list-item{display:inline-block;text-align:center;white-space:nowrap;margin:5px 1em auto;font-size:large;letter-spacing:1.5px;color:#fff!important;font-weight:600;position:relative;max-width:100%}.list-item:hover,.list-item:active{color:purple}.list-item:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:3px;background-color:purple;visibility:hidden;transition:.3s ease-in-out}.list-item:hover:before,.list-item:active:before{width:100%;visibility:visible}#contact-btn{border:none;border-radius:30px;width:10rem;height:3.5rem;letter-spacing:1.5px;font-size:18px;background-color:purple;color:#fff;justify-self:end!important}.offcanvas-body{overflow-x:hidden}.offcanvas.offcanvas-end{max-width:100vw}@media (max-width: 576px){.nav-bar{border-radius:0;width:100%}#contact-btn{margin-top:90%}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{transform:translate(-100px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.mainscreen-left{animation:slideIn 1s ease-out}.mainscreen-head{animation:fadeIn 1s ease-out .3s backwards}.mainscreen-subhead{animation:fadeIn 1s ease-out .6s backwards}.mainscreen-img{animation:scaleIn 1s ease-out .9s backwards}.project-box{animation:fadeIn .8s ease-out}.skill-img-box{animation:scaleIn .5s ease-out}.skill-img-box:hover,.social-handle .col:hover{animation:bounce 1s ease infinite}.shimmer{background:linear-gradient(90deg,#fff0,#fff3,#fff0);background-size:1000px 100%;animation:shimmer 2s infinite linear}.page-transition{transition:all .3s ease-in-out}.hover-scale{transition:transform .3s ease}.hover-scale:hover{transform:scale(1.05)}#contact-btn{transition:all .3s ease;position:relative;overflow:hidden}#contact-btn:hover{transform:translateY(-3px);box-shadow:0 5px 15px #0000004d}#contact-btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:#fff3;border-radius:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}#contact-btn:active:after{width:200%;height:200%}body{font-family:Roboto Mono,monospace;font-optical-sizing:auto}#Home{height:72vh;display:flex;align-items:center;margin-bottom:5em}.mainscreen-left{width:45%}.role-text{font-size:18px;font-weight:600;letter-spacing:2px;margin-bottom:1em;height:30px}.mainscreen-head{font-size:80px;font-weight:700;letter-spacing:10px;line-height:.9;height:20vh}.mainscreen-subhead{font-size:15px;margin-top:3em}.mainscreen-img{width:35%;position:relative}.mainscreen-img.loading{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px}.mainscreen-img img{height:100%;width:100%;border-radius:10px;transition:all .3s ease}.mainscreen-img.loading img{filter:blur(10px)}.image-placeholder{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:16px;color:#fff;text-align:center;z-index:1}.project-box{margin:30px auto;padding:10px;border-radius:20px;display:flex;justify-content:space-between;background-color:#ffffff1a;box-shadow:0 0 10px #ffffff80;transition:all .3s ease;flex-wrap:wrap;will-change:transform}.project-box:hover{transform:scale(1.03)}.project-box.reverse{flex-direction:row-reverse}.project-carousel{margin:auto;width:40rem}.img-wrap{width:40rem}.img-wrap img{height:100%;width:100%;border-radius:20px}.project-info{color:#fff;font-size:15px;margin:auto 20px;width:45%;padding-bottom:10px}.project-info h1{width:fit-content;margin:20px auto}.project-tech{margin:3px 8px 3px 0;padding:5px 10px;border:1px solid white;border-radius:15px}.Form-box{padding:2em;width:30vw;background-color:#ffffff1a;box-shadow:0 0 10px #ffffff80;border-radius:10px}.Contact-heading{font-size:80px;margin-bottom:.8em;text-align:center}.col{font-size:33px;transition:all .5s ease;will-change:transform}.col:hover{transform:scale(1.2)}.Footer-bar a{margin:auto 10px;text-decoration:none;color:#fff}.social-handle{position:-webkit-sticky;position:fixed;top:20vh;right:0;width:80px;box-shadow:-2px 0 5px #0000001a;z-index:1000}.social-handle .col{margin:10px auto}#Skills{margin-top:2em;display:flex;justify-content:center;align-items:center;flex-direction:column}.skill-area{width:20vw}.skill-img-box{width:80px;border-radius:10px;padding:5px;transition:all .3s ease;will-change:transform}.tech-container{width:100%}.skill-img{height:60px;width:60px}.spring-carousel{width:"80%";height:"300px";margin:"0 auto 50px auto"}.footer-line{background-color:#fff;height:2px;margin:2em auto}.logo-wrap{height:60px;width:60px}.logo-wrap img{height:100%;width:100%}.p-btn{padding:.5rem 1rem;font-size:1rem}.navbar-toggler:focus,.btn-close:focus{box-shadow:none;outline:none}@media screen and (max-width: 576px){.p-btn{padding:.25rem .5rem;font-size:.875rem}.skill-img{height:30px;width:30px}.skill-img-box{width:70px;margin-right:18px}.skill-area{width:min-content}.project-carousel{width:100%}.Contact-heading{font-size:xx-large}.social-handle{position:static;margin-bottom:0;width:100%;box-shadow:-2px 0 5px #0000001a}.social-handle col{margin:0}.footer-line{margin:0 auto 10px}.Form-box{width:100%}.Footer-bar a{margin:auto;font-size:small}.footer-a-width{width:200px}.img-wrap{width:85vw;margin:0 auto}.img-wrap img{border-radius:5px}.project-info{width:100%;margin:5px;font-size:small}.mainscreen-left{margin-top:1.5em;width:90%}.mainscreen-head{font-size:60px;letter-spacing:10px;line-height:.9;height:15vh}#Home{height:inherit}.mainscreen-subhead{font-size:12px;margin-top:0}.mainscreen-img{width:90%}.logo-wrap{height:40px;width:40px}.role-text{font-size:16.5px}}