@import url(https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap);html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{overflow-x:hidden}*,:after,:before{box-sizing:border-box;margin:0;padding:0}#container{font-family:Inter,sans-serif;height:100%;margin:0 auto;max-width:600px;padding:3rem;-webkit-user-select:none;user-select:none;width:70%}#main-heading{font-size:1.4rem;font-weight:500;line-height:2rem;text-align:center}#sub-heading{color:#797979;font-size:1.1rem;line-height:1.5rem;padding:2rem;text-align:center}#skills-heading{font-size:1.5rem;font-weight:600;margin-top:2rem;text-align:center}#skills{align-items:center;background-color:#f0f0f0;border-radius:3rem;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-evenly;margin-top:3rem;min-height:32rem;padding:1rem;width:100%}.skill-section{display:flex;flex-direction:column;gap:1.3rem;position:relative}.skill-icon{cursor:pointer;height:4rem;transition:transform .3s ease,filter .3s ease}.skill-icon:hover{filter:brightness(1.1) blur(3px);transform:scale(1.2) translateY(-4px)}.skill-name{color:#4a4a4a;font-size:.8rem;text-align:center}.percent{background:#000;border-radius:6px;color:#fff;font-size:14px;opacity:0;padding:.5rem;pointer-events:none;position:fixed;transition:opacity .3s ease}.skill-icon:hover+.percent{opacity:1}#my-web-heading{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:3rem}.Project-box{cursor:pointer;justify-content:space-between;padding:1.5rem 0}#project-details,.Project-box{align-items:center;display:flex}#project-details{gap:1.5rem}#icon-box{background-color:#e8e8e8}#icon-box,#icon-img{border-radius:.5rem;height:3rem}.project-name{font-size:1.1rem;font-weight:500}.project-desc-box{display:flex;gap:1rem;justify-content:space-between}.btn{background-color:#f0f0f0;border:none;border-radius:1.2rem;color:#7a7a7a;cursor:pointer;padding:.5rem 1rem}#live-btn{align-items:center;background-color:#e3f3d3;color:#5e9526;display:flex;justify-content:space-between}#line{background-color:#dddada;border:none;height:1px}#About-heading{font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;margin-top:3rem;text-align:center}#about-container{background-color:#b799ee;border-radius:3rem;height:auto;margin-top:3rem;padding:2rem;transition:color .3s ease;width:100%}.about-content-1,.about-content-2{color:#4e4e4e;font-weight:500;line-height:2rem;margin-bottom:2rem;text-align:justify;transition:color .3s ease;transition:.2s ease}.about-content-1:hover{color:#1e1e1e;transform:rotate(-3deg)}.about-content-2:hover{color:#f8f6ff;transform:rotate(3deg)}#Contact{display:flex;justify-content:space-evenly;margin-top:5rem}.folder-div{position:relative}a{color:inherit;text-decoration:none}.content-div{align-items:center;cursor:pointer;display:flex;height:auto;justify-content:space-around;left:1.5rem;position:absolute;top:1.5rem;width:80%}#linkedin-img{width:7rem}#see-you-soon-div{background-color:#000;border-radius:.8rem;color:#fff;font-size:.8rem;overflow:hidden;padding:.5rem 1rem;pointer-events:none;position:fixed;transform:rotate(-10deg);z-index:999}#contact{font-size:1.1rem;font-weight:600;padding:1rem}#grey-color{color:#797979}.folder-icon{height:13rem;max-width:100%}.Text-on-folder{bottom:2rem;font-size:1.5rem;font-weight:500;position:absolute;right:20%}#red-text{color:#801c1c}#yellow-text{color:#754912}@media (min-width:601px) and (max-width:900px){#container{min-width:600px;padding:2.5rem 2rem}}@media (max-width:600px){#container{padding:1.5rem 1rem;width:100%}#skills{gap:1.5rem;justify-content:center;padding:1.5rem}.skill-icon{height:3.2rem}.skill-name{font-size:.75rem}.Project-box{align-items:flex-start;flex-direction:column;gap:1rem}.project-desc-box{justify-content:flex-start;width:100%}#about-container{padding:1.2rem}.about-content-1,.about-content-2{font-size:.9rem;line-height:1.6rem}#Contact{align-items:center;flex-direction:column;gap:3rem;justify-content:center}}@media (min-width:1600px){#container{min-width:900px}}@media (hover:none){.skill-icon:hover{filter:none;transform:none}#see-you-soon-div,.percent{display:none}.btn:hover{background-color:inherit;color:inherit}}
/*# sourceMappingURL=main.6b6baf66.css.map*/