.hero-section{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 90px;min-height:100vh;box-sizing:border-box;background-color:#1e1e1e;color:#fff;flex-wrap:nowrap;gap:20px;font-family:Courier New,monospace}.content-box{border:2px solid grey;border-radius:12px;padding:50px;box-shadow:0 8px 30px #0009;width:100%;max-width:600px;color:#fff}.hero-right{flex:1 1 300px;border:2px solid grey;border-radius:12px;box-shadow:0 8px 30px #0009;padding:20px;max-width:300px;height:80vh;display:flex;flex-direction:column;color:#c5c6c7;overflow-y:auto}.sidebar-footer{border-top:1px solid #30363d;padding-top:10px;font-size:.9rem}@media (max-width: 1024px){.hero-section{flex-direction:column;padding:20px}.hero-left,.hero-right{width:100%;max-width:600px}}@media (max-width: 480px){.content-box{padding:20px}.content-box h1{font-size:2rem}.highlight{font-size:1.2rem}.description{font-size:.9rem}.hero-buttons{flex-direction:column;gap:10px;padding-bottom:60px}.hero-buttons button{width:100%}.hero-right{max-height:60vh}}.java{color:plum}.hero-section{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:0 95px;min-height:100vh;box-sizing:border-box;background-color:#1e1e1e;color:#fff;flex-wrap:nowrap;gap:20px;font-family:Courier New,monospace}.hero-section.maximized{flex-direction:column}.hero-left.maximized-left{width:95%;margin:auto;transition:all .3s ease}.hero-right.hidden{display:none}.content-box{transition:all .3s ease;position:relative}.hero-left.maximized-left .content-box{font-size:1.2rem;padding:30px}.hero-left{flex:1 1 600px;display:flex;flex-direction:column;justify-content:center;align-items:center}.content-box{border:2px solid grey;border-radius:12px;background-color:#1e1e1ef2;width:100%;max-width:600px;color:#fff;padding:20px 50px 60px;box-sizing:border-box}.content-box h1{font-size:2.8rem;margin-bottom:15px;font-weight:300}.highlight{font-size:1.5rem;margin-bottom:20px;color:#fd5;font-weight:500}.description{font-size:1rem;line-height:1.6;text-align:justify}.description .react{color:#61dafb}.description .mern{color:#68a063}.description .django{color:#092e20}.description .agile{color:#f0db4f}.description .scrum{color:#e34c26}.hero-buttons{display:flex;gap:20px;margin-top:40px;flex-wrap:wrap}.hero-buttons button{background-color:#d5d8e0;padding:10px 25px;border-radius:8px;border:2px solid grey;cursor:pointer;color:#0064fa;font-weight:900}.hero-buttons button a{text-decoration:none;color:#0064fa}.hero-right{flex:1 1 300px;border:2px solid grey;border-radius:12px;box-shadow:0 8px 30px #0009;padding:20px;max-width:300px;height:75vh;display:flex;background-color:#1e1e1ef2;flex-direction:column;color:#c5c6c7;overflow-y:auto;box-sizing:border-box}.file-link{display:block;margin:10px 0;color:#61dafb;text-decoration:none;transition:.2s}.sidebar-footer{border-top:1px solid #30363d;font-size:.9rem}.sidebar-footer a{color:#61dafb;text-decoration:none}@media (max-width: 1024px){.hero-section{flex-direction:column;padding:20px}.hero-left,.hero-right{width:100%;max-width:600px}.macc-logo{width:100px;height:30px;margin-left:auto}.hero-label{display:flex;align-items:center;gap:10px;margin-bottom:10px;margin-top:0}}@media (max-width: 480px){.content-box{padding:10px;max-width:105%}.content-box h1{font-size:2rem}.highlight{font-size:1.2rem}.description{font-size:.9rem}.hero-buttons{flex-direction:column}.hero-buttons button{width:100%}.hero-right{margin-top:-40px}}.macc-logo{position:absolute;top:15px;right:15px;width:70px;height:auto;cursor:pointer}.cross-logo{width:80px;height:30px;margin-left:190px}@media (max-width: 1024px){.macc-logo{width:50px;margin-left:auto}.cross-contact{margin-left:430px;width:70px;height:3vh}}@media (max-width: 480px){.macc-logo{width:70px;height:auto;margin-left:auto}.cross-logo{width:40px;height:auto;margin-left:0}.cross-contact{width:30px;height:30px;top:10px;right:10px}.description.agile{font-size:13px}}.contact-container{background-color:#1e1e1e;margin:0;padding:0;box-sizing:border-box;height:100vh;display:flex;align-items:center;justify-content:center;font-family:Courier New,monospace;flex-direction:column}.contact-content{position:relative;border:2px solid grey;border-radius:12px;background-color:#1e1e1ef2;width:100%;max-width:600px;color:#fff;padding:30px 20px 30px 70px;box-sizing:border-box;animation:slideDown .8s ease-out forwards;opacity:0}.cross-contact{position:absolute;top:15px;right:15px;width:70px;height:25px;cursor:pointer}.contact-form{display:flex;gap:10px;margin-top:20px}.contact-input{flex:1;padding:10px;border-radius:8px;font-size:1rem;background-color:#d5d8e0}.send-button{background-color:#d5d8e0;padding:10px 15px;border-radius:8px;border:2px solid grey;cursor:pointer;color:#02321d;font-weight:900}.send-button:hover{background-color:#42f6cfe0}@keyframes slideDown{0%{transform:translateY(-150%);opacity:0}to{transform:translateY(0);opacity:1}}.about-container{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:0 90px;min-height:100vh;box-sizing:border-box;background-color:#1e1e1e;color:#fff;flex-wrap:nowrap;gap:20px;font-family:Courier New,monospace}.grid-container{display:grid;grid-template-columns:1fr .3fr;gap:0px;max-width:900px;width:100%;animation:slideDown .8s ease-out forwards;opacity:0}.box{border:2px solid gray;border-right:none;padding:10px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:40px 0 0 40px}.box p{text-align:justify;text-justify:inter-word}.box1{border:2px solid gray;border-radius:0 40px 40px 0;border-left:none;padding:10px;text-align:center;display:flex;align-items:center;flex-direction:column}.code-symbol{color:#6fffb0}.keyword{color:#f78c6c}.company{color:#c792ea}.cross-img{width:50px;height:20px;margin-left:300px}.box1 img.about-image{width:auto;max-width:100%;height:200px;padding-top:30px;display:block;margin:0 auto}@media (max-width: 1024px){.grid-container{grid-template-columns:1fr;max-width:700px}.box{border-radius:20px 20px 0 0;border-right:2px solid gray;border-bottom:none}.box1{border-radius:0 0 20px 20px;border-left:2px solid gray;border-top:none}.box1 img.about-image{height:40vh;max-width:100%}}@media (max-width: 768px){.grid-container{display:flex;flex-direction:column}.box1{order:-1;margin-top:10px;margin-bottom:10px;border-radius:40px 40px 0 0;border:2px solid gray}.box{order:0;border-radius:0 0 40px 40px;border:2px solid gray}.box1 img.about-image{width:100%;height:auto;max-width:100%;padding-top:40px}}@media (max-width: 480px){.about-container{padding:0 10px}.grid-container{width:100%;max-width:none}.box1 img.about-image{width:100%;height:auto}}.skills-content{animation:slideDown .8s ease-out forwards;border:2px solid grey;border-radius:12px;position:relative;padding:20px;max-width:90%;margin:40px auto;background-color:#1e1e1e;box-sizing:border-box;color:#fff}.cross-skills{position:absolute;padding-top:10px;top:1rem;right:1rem;width:80px;height:30px;cursor:pointer;transition:transform .2s}.cross-contact:hover{transform:scale(1.2)}.skills-section{margin:0 auto;padding:10px;max-width:100%}.skills-section h2{font-size:1.8rem;margin-bottom:15px;border-bottom:2px solid skyblue;padding-bottom:5px}.skills-category{margin-bottom:20px}.skills-category h3{font-size:1.2rem;margin-bottom:10px;color:#87ceeb}.skills-category ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.skills-category ul li{background:#1e1e1ee6;padding:6px 10px;border-radius:8px;border:1px solid gray;transition:transform .3s;font-size:.9rem;min-width:max-content}.skills-category ul li:hover{transform:scale(1.05);border-color:#87ceeb}@media (max-width: 500px){.skills-section h2{font-size:1.5rem}.skills-category h3{font-size:1rem}.skills-category ul li{font-size:.8rem;padding:5px 8px}.cross-skills{width:50px;height:20px}}.experience-container{display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;background-color:#1e1e1e;color:#fff;font-family:Courier New,monospace;padding:20px;box-sizing:border-box;flex-wrap:wrap}.experience-content{border:2px solid grey;border-radius:12px;padding:20px;max-width:900px;width:100%;box-sizing:border-box;position:relative;animation:slideDown .8s ease-out forwards}.cross-experience{position:absolute;top:15px;right:15px;width:70px;height:25px;cursor:pointer;transition:transform .2s}.cross-experience:hover{transform:scale(1.2)}.experience-header{font-size:1.8rem;margin-bottom:20px;color:#61dafb;border-bottom:1px solid #61dafb;padding-bottom:5px}.cards-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.experience-card{background:#1e1e1ef2;padding:20px;border-radius:12px;border:1px solid gray;transition:transform .3s,box-shadow .3s;cursor:pointer}.experience-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 30px #0009}.job-title{color:#61dafb;margin-bottom:5px;font-weight:500}.job-date{color:#8fd19e;margin-bottom:10px;font-style:italic}.job-desc{color:#e0e0e0;margin-bottom:5px;line-height:1.5;list-style-type:disc;list-style-position:inside}.job-desc span.keyword{color:#f78c6c;font-weight:500}.job-desc span.company{color:#c792ea;font-weight:500}.experience-card ul.description-list{display:none}@media (hover: hover){.experience-card:hover ul.description-list{display:block}}.description-list.show{display:block}@media (max-width: 1024px){.experience-content{padding:15px;max-width:700px}}@media (max-width: 480px){.experience-content{padding:10px}.cards-container{grid-template-columns:1fr}.cross-experience{width:40px;height:20px}}.projects-section{padding:40px 20px;text-align:center;background-color:#1e1e1e}.projects-section h2{color:#61dafb;margin-bottom:20px;border-bottom:2px solid #61dafb;display:inline-block;padding-bottom:5px}.projects-container{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:20px}.project-card{background:#1e1e1ef2;padding:20px;border-radius:12px;border:1px solid gray;transition:transform .3s,box-shadow .3s}.project-card h3{margin-bottom:10px;color:#fd5}.pm-section{margin-top:50px}.pm-section h2{color:#61dafb;margin-bottom:15px}.pm-section p{color:#c5c6c7;margin-bottom:30px;max-width:700px;margin-left:auto;margin-right:auto}.pm-images{display:flex;flex-wrap:wrap;justify-content:center;gap:20px}.pm-card{flex:1 1 300px;max-width:400px}.pm-card h3{color:#fd5;margin-bottom:10px}.pm-img{width:100%;border-radius:12px;border:1px solid gray}.projects-section{padding:40px 20px;background-color:#1e1e1e;text-align:center;font-family:Courier New,monospace}.projects-section h2{color:#61dafb;margin-bottom:30px;border-bottom:2px solid #61dafb;display:inline-block;padding-bottom:5px}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;justify-items:center}.project-card{background:#1e1e1ef2;padding:20px;border-radius:12px;border:1px solid gray;transition:transform .3s,box-shadow .3s;width:100%;max-width:300px}.project-card:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 8px 30px #0009}.project-card h3{margin-top:10px;margin-bottom:10px;color:#fd5}.project-card p{color:#c5c6c7;margin-bottom:10px}.project-link{display:inline-block;margin-top:10px;color:#61dafb;text-decoration:none}.project-link:hover{text-decoration:underline}.project-img{width:100%;height:auto;border-radius:12px;border:1px solid gray}@media (max-width: 1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.projects-grid{grid-template-columns:1fr}}.project-img{width:100%;height:180px;object-fit:cover;border-radius:12px;border:1px solid gray}