.App{max-width:1200px;margin-left:auto;margin-right:auto;padding:0 40px}main{padding-left:20px;padding-right:20px;font-family:Nunito,sans-serif}h2{color:#444;text-align:left;letter-spacing:1px;margin-top:0;font-size:36px;font-weight:300}h1{font-size:40px}*{box-sizing:border-box;margin:0;padding:0}.header-container{justify-content:space-between;align-items:center;width:100%;margin:20px auto;padding:0;display:flex}.header-name{margin:0;font-size:32px;font-weight:700;line-height:1}.social-container{justify-content:left;gap:20px;margin:0;padding-top:0;padding-left:0;padding-right:50px;list-style:none;display:flex}.social-container a{justify-content:center;align-items:center;padding:0 5px 5px;display:inline-flex}.linkedin-icon{color:#444;font-size:40px;text-decoration:none;transition:color .3s ease-in-out,transform .2s ease-in-out}.linkedin-icon:hover{color:#0077b5;background-color:#0077b51a;border-radius:50%;transform:scale(1.1)}.github-icon-top{color:#444;font-size:40px;transition:color .3s ease-in-out,transform .2s ease-in-out}.github-icon-top:hover{color:#3fa927;background-color:#0000001a;border-radius:50%;transform:scale(1.1)}.bio-container{align-items:center;gap:20px;margin-top:20px;margin-bottom:30px;font-size:18px;line-height:1.4;display:flex}.bio-content{text-align:left;flex:1;max-width:800px}.bio-container p{align-items:flex-start;gap:20px;margin-top:20px;display:flex}.profile{flex-direction:column;justify-content:flex-start;min-height:300px;display:flex}.profile-container{margin-top:0;padding:0}.profile-pic{border-radius:1%;width:200px;height:260px;display:block;box-shadow:0 4px 8px #0003}.more-about-btn{color:#007bff;cursor:pointer;background:0 0;border:none;width:-moz-fit-content;width:fit-content;margin:10px auto;padding-right:25px;font-size:18px;font-weight:700;transition:color .3s;display:block}.more-about-btn:hover{color:#0056b3}.expanded-text{opacity:0;max-height:0;transition:max-height .5s ease-in-out,opacity .5s ease-in-out;overflow:hidden}.expanded-text.show{opacity:1;max-height:500px}.projects-container{justify-items:center;gap:20px;align-self:left;grid-template-columns:repeat(2,1fr);max-width:1000px;margin-top:30px;margin-bottom:50px;padding:0;display:grid}@media (max-width:680px){.projects-container{grid-template-columns:1fr}}.project-box{color:#000;text-align:left;background-color:#e1e1e1;border-radius:3px;flex-direction:column;justify-content:flex-start;width:500px;height:auto;min-height:200px;padding:15px;font-size:22px;font-weight:700;display:flex;position:relative}.project-description{color:#444;text-indent:20px;margin-top:15px;margin-bottom:15px;font-size:16px;font-weight:400;line-height:1.4}.project-link{color:inherit;width:100%;text-decoration:none}.project-box{cursor:pointer;background:linear-gradient(#e1e1e1 0%,#f0f0f0 100%);border-radius:4px;width:100%}.skills-container{flex-wrap:wrap;gap:12px;display:flex;position:absolute;bottom:5px;left:10px}.skill-label{color:#fff;white-space:nowrap;background-color:#3498db;border-radius:5px;padding:10px 12px;font-size:15px;font-weight:700}.github-icon{color:#333;font-size:40px;transition:color .3s ease-in-out;position:absolute;top:10px;right:10px}.github-icon:hover{color:#8c2828}