@import"https://fonts.googleapis.com/css2?family=Poppins&display=swap";*{box-sizing:border-box;padding:0;margin:0;font-family:Poppins,sans-serif}.nav{position:fixed;width:100%;z-index:2;min-height:5rem;top:0;display:flex;flex-direction:row;align-items:center;align-content:center;justify-content:space-evenly;color:#fff;transition:all ease .2s}.hamburger{position:absolute;right:1rem;top:1.5rem;display:none;flex-direction:column;justify-content:space-between;width:30px;height:20px}.hamburger:hover{cursor:pointer}.hamburger .bar{background-color:#fff;height:2px;width:100%}.list-container{display:flex;flex-direction:row;align-items:center;transition:max-height cubic-bezier(.33,.85,.56,1.02) .25s}.list-container li{list-style-type:none}.list-container li a{display:block;padding:1rem;text-decoration:none;text-align:center;font-weight:600;margin-inline:auto;margin-bottom:5px}.list-container li :hover{cursor:pointer;color:orange;transition:color ease .2s}.logo{padding:1rem;padding-inline:1rem;display:block;font-weight:600;font-size:1.5rem}@media (max-width: 805px){.hamburger{display:flex}.nav{flex-direction:column;align-items:flex-start;justify-content:space-around;background-color:#271e36}.list-container{max-height:0;overflow:hidden;flex-direction:column;align-items:center;width:100%}.list-container li{padding-bottom:5px;width:100%}}.active{max-height:25rem}.scrolled{background-color:#271e36;box-shadow:0 -18px 25px #fff}.orange-button{background-color:#ff4500;color:#fff;border-radius:25px;padding:10px!important;border:none;height:70%;font-size:1rem;font-weight:600;text-decoration:none;text-align:center;width:fit-content;min-width:50px;transition:background-color ease-in-out .3s!important}.orange-button:hover{background-color:green;color:#fff!important}.banner-main{width:100%;min-height:640px;height:100vh;background-image:url(/portfolio/assets/wave12-jWfqPGOq.jpg)}.banner{display:flex;flex-direction:row;justify-content:space-evenly;width:fit-content;margin-inline:auto;padding-top:20rem}.banner-text{color:#fff;padding:2rem;font-size:1.5rem}.sabari{font-size:3.5rem;font-weight:600}.cs-grad{font-size:2rem;font-weight:500}.profile-pic{width:18rem;height:18rem;border-radius:10px;box-shadow:0 0 20px 1px #363636}.developer{padding:8rem 5rem 0;width:100%}.dev-container{display:flex;justify-content:space-evenly;width:fit-content;flex-direction:row;margin-inline:auto}.dev-pic{height:40%;width:40%;border-radius:10px}.dev-text{color:#fff;padding-left:3rem}#dev1{color:#f60;font-size:1.5rem;font-weight:600;font-family:monospace}#dev2{font-size:1.6rem;font-weight:500}#dev3{color:#adadad}@media (max-width: 900px){.banner{flex-direction:column-reverse;align-items:center;padding-top:12rem}.banner-text{text-align:center;font-size:1rem;padding-top:1rem}.sabari{font-size:2.5rem}.cs-grad{font-size:1rem}.profile-pic{width:10rem;height:10rem}.dev-container{display:flex;justify-content:space-evenly;width:fit-content;flex-direction:column;margin-inline:auto}.dev-pic{height:100%;width:100%;border-radius:10px}.dev-text{color:#fff;max-width:100%;padding-left:0;padding-top:1rem}#dev1{color:#f60;font-size:1.2rem;font-weight:600;font-family:monospace}#dev2{padding-top:.3rem;font-size:1.2rem;font-weight:500}#dev3{font-size:.8rem;padding-top:.3rem;color:#adadad}}#about-btn{margin-top:25px;display:block;margin-inline:auto;width:90px}.grid-main{display:grid;grid-template-rows:repeat(auto-fit,minmax(30rem,1fr));grid-template-columns:repeat(auto-fit,minmax(250px,1fr));align-items:start;justify-items:center;gap:5rem 1rem;max-width:80%;margin-inline:auto;padding-bottom:2rem}a:-webkit-any-link{color:#fff}.project-tile-main{background-color:#58535d;display:flex;flex-direction:column;align-items:center;align-content:center;height:100%;width:fit-content;border-radius:10px;padding:25px;margin-inline:auto;cursor:pointer}.project-tile-img{opacity:70%;max-width:100%;border-radius:15px;padding:8px;transition:all ease .2s}.project-tile-img:active{border-radius:15px;padding:8px}.project-tile-img:hover{padding:0;border-radius:10px;opacity:100%}.project-tile-text{display:flex;flex-direction:column;color:#fff;padding-top:1rem;max-width:20rem}.project-title{color:#f60;font-size:1.5rem;font-weight:600}.project-desc{color:#fff}.project-link{color:#fff;text-decoration:none;width:fit-content}.portfolio-title{width:100%;padding-top:8rem;margin-inline:auto;text-align:center}#portfolio-title{color:#f60;font-size:1.5rem;font-weight:500}#project-title{color:#fff;font-size:2rem;font-weight:500;padding-bottom:2rem}#view-project{font-size:1.2rem;padding-top:1rem;color:#fff;display:flex;align-items:center;font-weight:600}#arrow{padding-left:5px;color:#f60}.footer{background-color:#787ba9;width:100%}.footer-list{color:#000;display:flex;justify-content:center;flex-direction:row}.footer-list>li{list-style:none;padding:1rem}.footer-list>li>a{text-decoration:none;display:flex;align-items:center;align-content:center}.footer-list>li>a>span{padding-inline:5px;padding-top:5px}.footer-list>li>a>ion-icon{font-size:25px}.skills-progress-box{background-color:#fff;height:7px;border-radius:10px}.skills-progress{background-color:#f60;height:7px;padding:0;border-radius:10px}.skills-list-item{padding:20px 5px 10px;list-style:none}.skills{color:#fff;width:80%;max-width:500px;margin-inline:auto;border:none;margin-bottom:5rem;margin-top:5rem}.list-span{display:flex;justify-content:space-between}html{scroll-behavior:smooth}.body{background-color:#271e36;min-width:320px}