@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&display=swap";.overlay{position:fixed;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:30;cursor:pointer}.modal-container{display:flex;justify-content:center}.hide{display:none}.modal{margin-top:8rem;width:90vw;max-width:700px;background-color:transparent;z-index:35;position:fixed;background-color:var(--primary-dark-1);border-radius:.5rem;padding-bottom:2rem;max-height:80vh;overflow:auto}.close-btn{background-color:transparent;color:#acabb4;border:none;font-size:2rem;float:right;margin:.7rem;cursor:pointer}form{display:flex;flex-direction:column;gap:1rem;margin-top:2rem;margin-left:4rem}input{width:100%;border-radius:.5rem;padding:1rem;font-size:1rem;background-color:#1c1b23;border:none;color:#fff}textarea{min-width:100%;min-height:120px;border-radius:.5rem;padding:1rem;font-size:1rem;background-color:var(--primary-dark-2);border:none;color:#fff}input:focus{outline:none!important;border:1px solid #52ea5292;box-shadow:0 0 10px #09e2ac}textarea:focus{outline:none!important;border:1px solid #52ea5292;box-shadow:0 0 10px #09e2ac}.form-row{display:flex;gap:1rem}.submit-btn{background-color:#52ea5292;color:#fff;cursor:pointer}.title{margin-bottom:1rem}@media screen and (max-width: 550px){.title{font-size:1.7rem}}.title{text-align:center;color:#acabb4;margin-top:1rem;text-transform:capitalize;letter-spacing:5px}.navbar{display:flex;justify-content:space-between;align-items:center;color:#43b343;padding:1rem;background-color:var(--primary-dark-1);position:fixed;z-index:5;width:100%;top:0}.logo-container{display:flex;gap:.4rem;margin-left:1rem}.logo{display:flex}.buttons{display:flex;align-items:center;gap:1.5rem}.buttons button:hover{cursor:pointer}.color-mode{font-size:1.5rem;cursor:pointer;color:#fff;background:none;border:none;display:flex}.contactMe{background-color:#52ea5292;color:#fff;border:none;padding:.5rem 1rem;border-radius:.5rem;font-size:1rem;display:flex;align-items:center;gap:.5rem;transition:.3s}.contactMe:hover{background-color:#09500992}.ham-btn{background:none;border:none;color:#fff;font-size:1.5rem;display:none;transition:.5s}.ham-btn:hover{rotate:180deg}.side-bar{background-color:var(--primary-dark-2);min-width:250px;border-radius:.5rem;padding:2rem 0;display:flex;flex-direction:column;position:fixed;height:90vh;margin-left:.5rem}.side-link{font-size:1.1rem;display:flex;align-items:center;padding-left:2rem;color:#8b8a91;text-decoration:none;gap:.5rem;margin-bottom:2rem;transition:.5s}.side-link:hover{transform:translateY(-5px)}.name{text-transform:capitalize;letter-spacing:1px}.resume{color:#fff}.linkedin{color:#06689d}.github{color:#2a9d8f}.leetcode{color:#ffb751}.instagram{color:#b5179e}.codewars{color:#bb432c}.stackOverflow{color:#d87105}.menu{position:fixed;top:0;left:0;height:100vh;width:300px;background-color:var(--primary-dark-2);z-index:50;transition:.5s}.overlay2{position:fixed;display:block;width:100%;height:100%;top:0;left:0;right:0;bottom:0;background-color:#000c;z-index:40;cursor:pointer}.hide-menu{left:-300px}.menu .links{margin-top:4rem;margin-left:1rem}@media screen and (min-width: 1025px){.menu{left:-300px}.overlay2{background-color:transparent}}.banner{height:175px;overflow:hidden;border-radius:.5rem;position:relative}.banner img{filter:blur(12px)!important;margin:-5px -10px -10px -5px}.me{position:absolute;top:108px;display:flex;align-items:center;gap:1rem}.photo{height:125px;width:125px;border-radius:50%;margin-left:2rem;overflow:hidden}.photo img{width:100%;object-fit:cover}.project{max-width:380px;width:100%;max-height:300px;cursor:pointer;transition:.3s;overflow:hidden;border-radius:.5rem;background-color:var(--primary-dark-1)}a{text-decoration:none;color:#acabb4}.project:hover{transform:scale(1.04)}.details{text-align:center;padding:15px}.project-name{font-size:1.5rem;font-weight:500;letter-spacing:2px;text-transform:capitalize}.project-stack{font-size:.9rem}.img-container img{width:100%;height:200px;object-fit:cover;filter:blur(2px)!important;margin:-5px -10px -10px -5px}.projects-container{margin-top:1rem;overflow:hidden;border-radius:.5rem;background-color:var(--primary-dark-2)}.projects{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin:2rem 0}.skills-container{display:flex;flex-direction:column;margin:1rem 0;overflow:hidden;border-radius:.5rem;background-color:var(--primary-dark-2);padding-bottom:1rem}.skill-card{background-color:var(--primary-dark-1);display:flex;flex-direction:column;padding:20px;max-width:350px;width:100%;border-radius:.5rem;margin-bottom:1rem}.skill-list{display:inherit;gap:15px;flex-wrap:wrap;justify-content:center}.skill-card .title{font-size:20px;margin-top:0;margin-bottom:25px;text-align:left}.skills{display:flex;justify-content:left;align-items:center;flex-wrap:wrap;gap:8px;color:#acabb4;font-size:1.2rem}.skills span{background-color:var(--primary-dark-2);padding:5px 10px;margin-bottom:5px;border-radius:.5rem}.t-blue{outline:1px solid #07587a}.r-blue{outline:1px solid #8ecddb}.green{outline:1px solid #72a864}.ex{outline:1px solid #4f4e4e}.o-red{outline:1px solid #d53f34}.m-green{outline:1px solid #118d4d}.gold{outline:1px solid gold}.yellow{outline:1px solid #efd81d}*{--primary-dark-1: #14131a;--primary-dark-2: #1c1b23}*{font-family:Poppins,sans-serif;line-height:1.5;font-weight:400;padding:0;margin:0;box-sizing:border-box}body{background-color:var(--primary-dark-1)}main{margin-top:4.7rem;margin-left:16rem;margin-right:.5rem}.page .projects-container{height:90vh;overflow:auto}@media screen and (max-width: 1025px){.side-bar{display:none}main{margin-left:.5rem}.ham-btn{display:flex}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--primary-dark-1)}::-webkit-scrollbar-thumb{background:transparent;border-radius:1rem}