:root{--dark-sidebar-bg:#4d4d53;--dark-body-bg:#3d3b42;--dark-side-text:#b6b6b6;--side-width:calc(3vw + 230px);--btn-hover:#6075eb;--light-sidebar-bg:#f0effa;--light-side-text:#000;--light-body-bg:#fff}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}::selection{color:#fff;background:#6075eb;background:var(--btn-hover)}html{width:100vw;overflow-x:hidden}.main-loader{position:fixed;width:100vw;height:100vh;z-index:100;background-color:#fff;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}.hide-loader{transition:.5s;opacity:0}@-webkit-keyframes animateLoad{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}@keyframes animateLoad{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(180deg);transform:rotate(180deg)}}.load-spinner{-webkit-animation:animateLoad 1s ease-in-out infinite;animation:animateLoad 1s ease-in-out infinite;width:calc(3vw + 40px);height:calc(3vw + 40px);border:6px solid grey;border-radius:5px}.navbar{height:60px;background-color:#4d4d53;background-color:var(--dark-sidebar-bg);position:fixed;min-width:300px;z-index:5;top:0;right:0;transition:.2s ease-in-out;left:calc(3vw + 230px);left:var(--side-width);display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;color:#fff;box-shadow:0 1px 12px 0 rgba(0,0,0,.158)}.light-mode-navbar{background-color:#f0effa!important;background-color:var(--light-sidebar-bg)!important}.light-mode-navbar,.light-mode-navbar a{color:#4d4d53!important;color:var(--dark-sidebar-bg)!important}.light-mode-sidebar{color:#3d3b42!important;color:var(--dark-body-bg)!important;background-color:#f0effa!important;background-color:var(--light-sidebar-bg)!important}.light-mode-sidebar ul li a{color:#3d3b42;color:var(--dark-body-bg)}.light-mode-sidebar ul li a:hover{color:#a3a3a3}.light-mode-sidebar .dark-mode-btn:hover{color:#a3a3a3}.light-mode-section{color:#000!important;background-color:#fff!important;background-color:var(--light-body-bg)!important}.light-mode-section .section h1,.light-mode-section p{color:#000}.light-mode-section .profile-img{border-color:#3d3b42;border-color:var(--dark-body-bg)}.light-mode-section .home-info{color:#4d4d53;color:var(--dark-sidebar-bg)}.light-mode-section .social-icons>*{color:#3d3b42;color:var(--dark-body-bg);background-color:#f0effa;background-color:var(--light-sidebar-bg)}.light-mode-section .contact-inputs>*{background-color:#f0effa;background-color:var(--light-sidebar-bg);color:#3d3b42;color:var(--dark-body-bg)}.light-mode-section .skill-item{background-color:rgba(201,211,223,.267)}.light-mode-section .skill-item .progress{background-color:#d7dbdf}.light-mode-section .skill-item .pg-percent{color:#000}.light-mode-section .contact .address{background-color:#e3e5e9}.light-mode-section .contact .address a{color:#3d3b42;color:var(--dark-body-bg)}.light-icon{color:#3d3b42!important;color:var(--dark-body-bg)!important}.navbar>*{margin:0 1.5em;cursor:pointer}.navbar .menu-bar{font-size:22px;-webkit-user-select:none;-ms-user-select:none;user-select:none;padding:0}.sidebar .cross-icon{position:absolute;font-size:22px;color:#fff;top:18px;left:35px;display:none;cursor:pointer}.navbar .nav-logo a{font-size:22px;text-decoration:none;color:#fff;font-family:"KoHo",sans-serif;font-weight:700;letter-spacing:2px}.sidebar{background:#4d4d53;background:var(--dark-sidebar-bg);color:#b6b6b6;color:var(--dark-side-text);position:fixed;top:0;left:0;bottom:0;min-height:380px;width:calc(3vw + 230px);width:var(--side-width);font-family:"Montserrat",sans-serif;font-weight:400;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;justify-content:center;z-index:10;-webkit-user-select:none;-ms-user-select:none;user-select:none;box-shadow:-2.5px 0 10px 0 rgba(0,0,0,.404);transition:.2s ease-in-out;overflow:hidden}.sidebar ul li{transition:.1s ease;list-style:none;font-size:15px;cursor:pointer;height:15px;width:-webkit-max-content;width:max-content;letter-spacing:2.5px;margin:.7em 0 0 1.5em}.sidebar a{transition:.2s ease;text-decoration:none;color:#b6b6b6;color:var(--dark-side-text)}.dark-mode-btn:hover,.sidebar ul a:hover{color:#fff}.sidebar ul a:hover{padding-left:10px}.collapse{width:0!important}.side-active{width:calc(3vw + 230px);width:var(--side-width)}.dark-mode-btn{position:absolute;bottom:3%;display:-webkit-flex;display:flex;-webkit-transform:translate(-50%);transform:translate(-50%);left:50%;text-transform:capitalize;-webkit-align-items:center;align-items:center;cursor:pointer;font-family:"koho"}.dark-mode-btn p{margin:0 .5em;font-size:.9em}section{background:#3d3b42;background:var(--dark-body-bg);position:absolute;left:calc(3vw + 230px);left:var(--side-width);transition:.2s ease-in-out;right:0;min-width:360px;overflow-x:hidden}.section{min-height:500px;position:relative}.active-main{left:0!important}.section h1{color:#fff;margin:auto;position:relative;top:70px;letter-spacing:2px;text-transform:uppercase;font:900 24px "Montserrat",sans-serif;width:-webkit-max-content;width:max-content}.section h1:before{content:"";position:absolute;width:50%;height:3px;bottom:-12px;border-radius:10px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%);background-color:#b1b1b1}.home{height:750px}.home-content{font-family:"Montserrat",sans-serif;color:#fff;width:100%;height:85%;position:relative;top:60px;padding:100px 0 0;text-align:center}.profile-img{width:200px;height:200px;margin:auto;background-image:url(/static/media/Professional_Pic.12f46a7b.jpeg);background-size:100%;background-repeat:no-repeat;background-position:0 -10px;background-color:#c9c9c9;border-radius:50%;border:7px solid #fff}.home-name{font-size:calc(1.5vw + 25px);font-weight:900;margin:10px 0 0}.home-info{margin:0 0 20px}.resume{color:#fff;background-color:#575763;text-decoration:none;padding:10px 30px;margin:20px auto;cursor:pointer;border-radius:6px;font-size:19px;transition:background .2s;-webkit-user-select:none;-ms-user-select:none;user-select:none}.resume:hover{background-color:#6075eb;background-color:var(--btn-hover)}.social-icons{position:absolute;bottom:0;left:50%;width:-webkit-max-content;width:max-content;-webkit-transform:translate(-50%);transform:translate(-50%)}.social-icons>a{display:inline-grid;place-items:center;background-color:#575763;margin:10px;font-size:20px;width:40px;height:40px;text-decoration:none;color:#fff;transition:background .2s;border-radius:5px;cursor:pointer}.social-icons>:hover{background-color:#6075eb;background-color:var(--btn-hover);color:#fff}#skills p{max-width:1000px}.skill-container{margin:25px auto 0;display:grid;max-width:1000px;grid-row-gap:20px;row-gap:20px;grid-column-gap:20px;-webkit-column-gap:20px;column-gap:20px;width:90%;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));font-family:"Montserrat",sans-serif}.skill-item{background-color:#454550;padding:15px 25px;color:#fff}.skill-item p{margin:0 0 20px}.skill-item .progress{height:7px;width:100%;border-radius:70px;background-color:#535664;position:relative}.skill-item .progressbar{position:absolute;border-radius:70px;top:0;bottom:0;left:0;background-color:#6075eb;background-color:var(--btn-hover)}.contact-inputs{width:90%;min-width:300px;display:-webkit-flex;display:flex;-webkit-flex-direction:column;flex-direction:column;margin:130px auto auto;max-width:700px}.contact-inputs>*{margin:10px 0;font-size:16px;height:40px;color:#fff;font-family:"montserrat",sans-serif;padding:5px 10px;border:.1px solid rgba(0,0,0,.151);outline:none;border-radius:5px;background-color:#4d4d53;background-color:var(--dark-sidebar-bg)}.contact-inputs .address{margin-top:20px;background-color:#2e2d31;height:-webkit-max-content;height:max-content}#contact{min-height:670px}#contact p{color:#fff;font-family:"montserrat",sans-serif;position:absolute;top:135px;left:50%;-webkit-transform:translate(-50%);transform:translate(-50%)}.contact-inputs textarea{height:150px;padding:10px;resize:none}.contact-inputs input:focus,.contact-inputs textarea:focus{box-shadow:inset 0 0 0 1.5px #6075eb;box-shadow:inset 0 0 0 1.5px var(--btn-hover)}.error-input{box-shadow:inset 0 0 0 1.5px red!important}.contact-inputs button{height:50px;font-size:20px;cursor:pointer;transition:.2s;color:#fff!important;background-color:#6075eb!important;background-color:var(--btn-hover)!important}.contact-inputs button:hover{-webkit-user-select:none;-ms-user-select:none;user-select:none}footer{background-color:#4e4b58;color:#fff;font-family:"montserrat",sans-serif;height:70px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media only screen and (max-width:700px){.cross-icon{display:block!important}.navbar{left:0}.profile-img{width:200px;height:200px}}
/*# sourceMappingURL=main.6d8ba537.chunk.css.map */