@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap);:root{--black:#0e0f26;--blue:#302399;--pink:#5f23a5;--white:#fffcff;--disabled:#ebebe4}*{box-sizing:border-box;margin:0;padding:0}#root,.App,body,html{font-family:Roboto,sans-serif;font-size:14px;height:100%;scroll-behavior:smooth}@media screen and (max-width:400px){.App{font-size:10px}}.page-container{background:linear-gradient(180deg,var(--black) 0,var(--blue));color:#e0e0e0;display:flex;flex-wrap:wrap;justify-content:space-around;min-height:100%;padding:50px 20px 20px;width:100%}.space-between{align-items:center;display:flex;gap:8px;justify-content:space-between}.width100{text-align:center;width:100%}.center{align-items:center}.center,.left{display:flex;justify-content:center}.left,.right{width:50%}.color-pink{color:var(--pink)}.color-disabled{color:var(--disabled)}a{color:var(--white)}a:hover{color:var(--pink)}h1{font-size:2.5rem}.card{background-color:var(--white);border-radius:10px;box-shadow:0 0 10px var(--black);color:var(--black);padding:10px}.close-btn{border:none;border-radius:90px;font-weight:700;height:30px;padding:5px;position:absolute;right:10px;top:10px;transition:.3s;width:30px}.close-btn:hover{background-color:var(--pink);box-shadow:0 0 5px var(--black);color:var(--white);cursor:pointer}.pointer:hover{cursor:pointer}.flex{display:flex;flex-wrap:wrap}.marginTop10{margin-top:10px}.marginTop20{margin-top:20px}.marginTop30{margin-top:30px}@media screen and (max-width:780px){.left,.right{width:100%}}.button{background:linear-gradient(90deg,var(--blue) 0,var(--pink));border:none;border-radius:5px;color:var(--white);padding:5px;transition:1s ease-in-out}.button:hover{background:linear-gradient(90deg,var(--pink) 0,var(--blue));box-shadow:0 0 5px var(--black);cursor:pointer}nav{background-color:var(--black);display:flex;height:80px;position:fixed;top:0;width:100%;z-index:999}.left-nav{width:10%}.mid-nav{align-items:center;display:flex;justify-content:center;width:80%}.name-logo{border-bottom:3px solid var(--white);border-radius:25%;border-top:3px solid var(--white);color:var(--pink)}.right-nav{color:var(--white);width:10%}.nav-background{background:linear-gradient(180deg,var(--white) 0,var(--pink));bottom:0;height:100vh;left:0;position:absolute;top:0;width:250px}.nav-toggle-btn{background:transparent;border:none;border-radius:50%;cursor:pointer;height:50px;left:15px;outline:none;position:absolute;top:18px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;width:50px}li,ul{margin:0;padding:5px}ul{padding:25px;position:absolute;top:100px}li{align-items:center;background:linear-gradient(180deg,var(--pink) 0,var(--blue) 50%);border-radius:10px;cursor:pointer;display:flex;font-size:1.2rem;gap:8px;list-style:none;margin-bottom:20px;width:200px}li:hover{background:linear-gradient(180deg,var(--white) 0,var(--blue))}a{text-decoration:none}.resume-download{align-items:center;border:1px solid var(--white);border-radius:45px;color:var(--white);display:flex;gap:8px;justify-content:space-between;padding:5px 15px;transition:.5s}.resume-download:hover{background-color:var(--white);border:1px solid var(--pink);color:var(--pink)}@media screen and (max-width:400px){.nav-background{width:80px}ul{padding:11px}li{align-items:center;font-size:0;gap:8px;justify-content:center}}.aboutus-container{align-items:center;display:flex;flex-direction:column;justify-content:center}.about-content{margin-top:50px;transition:.7s;width:250px}.about-content:hover{-webkit-transform:scale(1.2);transform:scale(1.2)}.location-img{border-radius:30px;width:100%}.about-content>*{margin-top:10px}.styled-button{background:linear-gradient(90deg,var(--blue) 0,var(--pink));border:none;border-radius:5px;color:#fff;font-size:larger;padding:10px}.styled-button:hover{background:linear-gradient(90deg,var(--pink) 0,var(--blue));box-shadow:0 0 5px var(--black);cursor:pointer}.box-style{margin-bottom:20px}.bold-name{font-size:6em}.info-container{align-items:center;background-color:var(--black);box-shadow:0 0 5px var(--black);display:flex;flex-wrap:wrap;height:60%;justify-content:space-around;margin-top:50px;padding:10px 10px 0;width:80%}.img-container{overflow:hidden;position:relative}.my-pic-bg{background-color:aqua;border-radius:90%;bottom:0;left:0;position:absolute;right:0;top:0}.img-container>img{width:350px}@media screen and (max-width:400px){.info-container{width:95%}.img-container>img{width:300px}}.info-social-media{align-items:center;display:flex;gap:16px}.social-icons-svg{border-radius:180%;cursor:pointer;height:50px;transition:.3s ease-in-out;width:50px}.social-icons-svg:hover{color:var(--pink)}.icon-container{align-items:center;display:flex;flex-direction:column}.skill-icon{background-color:var(--disabled);border-radius:30%;height:90px;margin:20px;padding:15px;width:90px}.exp-container{display:flex;gap:30px}.exp-details{word-wrap:break-word}.projects-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:space-around;position:relative;width:80%}.thumbnail{height:70%;object-fit:cover;width:100%}.small{height:250px;width:300px}.detail{align-items:flex-start;display:flex;gap:12px;height:70vh;justify-content:space-between;overflow:auto;position:absolute}.detail-left{height:100%;overflow:hidden;width:50%}.detail-right{width:50%}.detail-right>*{margin-top:10px}.detail-left>img{overflow:hidden;width:100%}@media screen and (max-width:576px){.detail{align-items:center;flex-direction:column;justify-content:flex-start}.detail-left{height:35vh;overflow:hidden;width:100%}}.contact-container{align-items:center;display:flex;flex-direction:column;width:100%}.contact-container>*{margin-top:70px}form{gap:8px}.formItem,form{display:flex;flex-direction:column}.formItem{margin-top:8px;transition:.5s}.formItem>*{background-color:var(--disabled);padding:10px}.formItem:hover{box-shadow:0 0 10px var(--disabled)}input,textarea{border-radius:5px;padding:3px}.contact-btn{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-around}.contact-btn,.form-container{max-width:500px;width:100%}.footer{background-color:var(--blue);color:var(--white);padding:15px;text-align:center;width:100%}
/*# sourceMappingURL=main.e5eda1c2.css.map*/