*{margin:0;padding:0}body{background-color:#ebebeb;font-family:Poppins,sans-serif}html{scroll-behavior:smooth}p{color:#555}a,.btn{transition:all .3s}nav,.nav-links{display:flex}nav{justify-content:space-around;align-items:center;height:17vh}.nav-links{gap:2rem;font-size:1.5rem;list-style:none}a{color:#000;-webkit-text-decoration:none;text-decoration:none}a:hover{color:gray;text-underline-offset:1rem;-webkit-text-decoration:underline #b5b5b5;text-decoration:underline #b5b5b5}.logo{font-size:2rem}.logo:hover{cursor:default}#hamburger-nav{display:none}.hamburger-menu{display:inline-block;position:relative}.hamburger-icon{cursor:pointer;flex-direction:column;justify-content:space-between;width:30px;height:24px;display:flex}.hamburger-icon span{width:100%;height:2px;transition:all .3 ease-in-out;background-color:#000}.menu-links{width:fit-content;max-height:0;transition:all .3 ease-in-out;background-color:#fff;position:absolute;top:100%;right:0;overflow:hidden}.menu-links a{text-align:center;color:#000;transition:all .3 ease-in-out;padding:10px;font-size:1.5rem;text-decoration:none;display:block}.menu-links li{list-style:none}.menu-links.open{max-height:300px}.hamburger-icon.open span:first-child{transform:rotate(45deg)translate(10px,5px)}.hamburger-icon.open span:nth-child(2){opacity:0}.hamburger-icon.open span:last-child{transform:rotate(-45deg)translate(10px,-5px)}.hamburger-icon span:first-child{opacity:1;transform:none}section{box-sizing:border-box;min-height:fit-content;margin:0 10rem;padding-top:4vh}.section-container{flex-direction:column;display:flex}#profile{justify-content:center;gap:5rem;height:80vh;display:flex}.section_pic-container{width:400px;height:400px;margin:auto 0;display:flex}.section_text{text-align:center;align-self:center}.section_text p{font-weight:600}.section_text_p1{text-align:center}.section_text_p2{margin-bottom:1rem;font-size:1.75rem}.title{text-align:center;font-size:3rem}#social-container{justify-content:center;gap:1rem;margin-top:1rem;display:flex}.icon{cursor:pointer;height:2rem}.btn-container{justify-content:center;gap:1rem;display:flex}.btn{border-radius:2rem;width:8rem;padding:1rem;font-weight:600;transition:all .3s}.btn-color-1,.btn-color-2{border:.1rem solid #353535}.btn-color-1:hover,.btn-color-2:hover{cursor:pointer}.btn-color-1,.btn-color-2:hover{color:#fff;background:#353535}.btn-color-1:hover{background:#000}.btn-color-2{background:0 0}.btn-color-2:hover{border:.1rem solid #fff}.btn-container{gap:1rem}#about{position:relative}.about-containers{gap:2rem;margin-top:2rem;margin-bottom:2rem}.about-details-container{flex-direction:column;justify-content:center}.about-containers,.about-details-container{display:flex}.about-pic{border-radius:2rem}.arrow{position:absolute;right:-5rem}.details-container{text-align:center;background:#fff;border:.1rem solid #a3a3a3;border-radius:2rem;flex:1;padding:1.5rem}.section-container{gap:4rem;height:80%}.section_pic-container{width:400px;height:400px;margin:auto 0}#experience{position:relative}.experience-sub-title{color:#555;margin-bottom:2rem;font-size:1.75rem;font-weight:600}.experience-details-container{flex-direction:column;justify-content:center;display:flex}.article-container{text-align:initial;flex-flow:wrap;justify-content:space-around;gap:2.5rem;display:flex}article{justify-content:space-around;gap:.5rem;width:10rem;display:flex}article .icon{cursor:default}#projects{position:relative}.color-container{background:#fafafa;border-color:#a3a3a3}.project-img{border-radius:2rem;width:90%;height:90%}.project-title{color:#000;margin:1rem}.project-btn{color:#000;border-color:#a3a3a3}#contact{flex-direction:column;justify-content:center;height:70vh;display:flex}.contact-info-upper-container{background:#fafafa;border:.1rem solid #a3a3a3;border-radius:2rem;justify-content:center;margin:2rem auto;padding:.5rem;display:flex}.contact-info-container{justify-content:center;align-items:center;gap:.5rem;margin:1rem;display:flex}.contact-info-container p{font-size:larger}.contact-icon{cursor:default}footer{height:26vh;margin:0 1rem}footer p{text-align:center}.profile-container{background-color:#f000;flex-direction:column;justify-content:center;display:flex}.profile-image{object-fit:contain;border-radius:5px;width:auto;max-height:400px}.project-container{background-color:#f000;flex-direction:column;align-items:center;gap:10px;margin:10px;display:flex}.project-heading{justify-content:center;display:flex}.project-button{color:#fff;cursor:pointer;text-align:center;background-color:#000;border:none;border-radius:5px;padding:10px 20px;font-size:1rem;font-weight:700;transition:background-color .3s,transform .2s;display:inline-block}.project-button:hover{color:#fff;background-color:gray;transform:scale(1.05)}.android-project{color:#000;background-color:#fff;border:1px solid #00000040;border-radius:10px;justify-content:space-around;align-items:normal;padding:10px;display:flex;position:relative;overflow:hidden}.android_backgroundLayer{z-index:-1;filter:brightness()contrast()saturate()blur(5px);background-image:url(/android_project_background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;width:100%;height:100%;position:absolute;top:0;left:0}.android-project-images{border-radius:5px;height:400px}.project-1{background-color:#ff00002c;flex-direction:row}.project-details-left{background-color:#f000;margin:10px;padding:10px}.project-details-right{background-color:#f000;border-radius:10px;flex-direction:column;align-items:center;padding:10px;display:flex}.project-details-left>div{margin-top:10px}.android-project>.project-details-left,.android-project>.project-details-right{background-color:#f000}.web-project{background-color:#f9f9f9;border:1px solid #ccc;border-radius:8px;padding-left:20px;display:flex}.web-project-images{border-radius:5px;width:90%;height:auto}.android_Project_Section{gap:10px;display:flex}.android-projects-details{background-color:#f000;flex-direction:column;justify-content:center;display:flex}.android-projects-details li{margin-left:40px}.projects-grid{flex-direction:column;gap:3rem;margin-top:2rem;display:flex}.project-card{background:#fff;border-radius:1rem;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 4px 20px #0000001a}@media (min-width:1024px){.project-card{flex-direction:row;min-height:400px}}.project-image-container{width:100%;min-height:250px;position:relative}@media (min-width:1024px){.project-image-container{width:45%;min-height:100%}}.project-image{object-fit:cover}.project-content{flex-direction:column;flex:1;gap:1rem;padding:2rem;display:flex}.project-title{color:#1a1a1a;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.project-description{color:#555;font-size:.95rem;line-height:1.6}.project-section{margin-top:.5rem}.project-section h4{color:#333;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem;font-size:.9rem;font-weight:600}.project-list{padding:0;list-style:none}.project-list li{color:#555;padding:.25rem 0 .25rem 1.5rem;font-size:.9rem;position:relative}.project-list li:before{content:"▸";color:#4a90d9;position:absolute;left:0}.tech-tags{flex-wrap:wrap;gap:.5rem;display:flex}.tech-tag{color:#333;background:#f0f0f0;border-radius:.5rem;padding:.4rem .8rem;font-size:.8rem;font-weight:500}.project-links{margin-top:auto;padding-top:1rem}.project-button{color:#fff;background:#1a1a1a;border-radius:.5rem;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.project-button:hover{background:#333;transform:translateY(-2px)}@media screen and (max-width:1400px){#profile{height:83vh;margin-bottom:6rem}.about-container{flex-wrap:wrap}}@media screen and (max-width:1200px){#desktop-nav{display:none}#hamburger-nav{display:flex}#experience,.experience-details-container{margin-top:2rem}#profile,.section-container{display:block}.arrow{display:none}section,.section-container{height:fit-content}section{margin:0 5%}.section_pic-container{width:275px;height:275px;margin:0 auto 2rem}.about-container{margin-top:0}}@media screen and (max-width:600px){#contact,footer{height:40vh}#profile{flex-direction:column;height:83vh;margin-bottom:0;display:flex}article{font-size:1rem}footer nav{height:fit-content;margin-bottom:2rem}.about-container,.contect-info-upper-container,.btn-container{flex-wrap:wrap}.contact-info-container{margin:0}.contact-info-container p,.nav-links li a{font-size:1rem}.experience-sub-title{font-size:1.25rem}.logo{font-size:1.5rem}.nav-links{text-align:center;flex-direction:column;gap:.5rem}.sections_pic-container{justify-content:center;width:auto;height:46vw}.section_text-container{font-size:2rem}.title{font-size:1.25rem}.text-container{text-align:justify}}