.home-container{border:10px solid #242424;border-radius:20px;box-shadow:0 0 8px 3px #80808099}@media (width>=769px){.home-container{max-width:70%}}.header-container{text-align:center;background-color:#346ae0;border-bottom:10px solid #242424;border-radius:20px;justify-content:center;align-items:center;margin-top:1rem;padding-top:5px;display:flex;box-shadow:0 8px 8px -6px #80808099}.header-row{justify-content:space-between;width:100%;display:flex}.left-side-icons{flex-direction:column;justify-content:center;align-items:flex-start;height:100%;display:flex}.right-side-icons{flex-direction:column;justify-content:center;align-items:flex-end;height:100%;display:flex}.tech-icon,.tech-item{margin:10px 0;font-size:3rem}.header-title{color:#fff}.header-text{color:#ccc;font-size:28px}.certificate-image{border-radius:10px;max-width:50%;height:auto;margin:1rem auto;display:block}@media (width<=767.98px){.header-container,.header-row{flex-direction:column}.left-side-icons,.right-side-icons{flex-direction:row;justify-content:center;align-items:center;margin-bottom:1rem}.right-side-icons{margin-top:1rem}.tech-icon,.tech-item{margin:0 10px}}.download-button{margin-bottom:20px}.about-me-container{border-bottom:10px solid #242424;margin-top:3rem;margin-bottom:3rem;padding-bottom:20px;box-shadow:0 8px 8px -6px #80808099}.about-me-container h2{text-align:center;color:#fff}.about-me-container p{color:#ccc;font-size:20px;line-height:1.7}.about-me-container a{color:#007bff;text-decoration:none}.about-me-container a:hover,.about-me-container a:focus{color:#0056b3;text-decoration:underline}.projects-container{border-bottom:10px solid #242424;margin-top:3rem;margin-bottom:3rem;padding-bottom:20px;box-shadow:0 8px 8px -6px #80808099}.project-card{background-color:#242424;border:2px solid #80808099;border-radius:20px;min-width:260px;margin-bottom:1.5rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden;box-shadow:0 4px 8px #0000001a,0 0 5px 1px #80808099}.project-card:hover{border-color:#346ae0cc;transform:translateY(-5px);box-shadow:0 8px 16px #0003,0 0 10px 2px #346ae0cc}.project-card-image-container{width:100%;padding-top:56.25%;position:relative}.project-card-image{object-fit:contain;cursor:pointer;border-top-left-radius:18px;border-top-right-radius:18px;width:100%;height:100%;position:absolute;top:0;left:0}.project-card .card-title{color:#fff;padding-top:20px}.project-card .btn{width:100%;margin-top:10px}.custom-modal-header{color:#fff;background-color:#242424;border-bottom:2px solid #80808099}.custom-modal-body{color:#fff;background-color:#2a2a2a}.custom-modal-footer{background-color:#242424;border-top:2px solid #80808099}.projects-container h2{text-align:center}.projects-container p{text-align:center;color:#ccc;font-size:20px;line-height:1.7}.projects-container a{text-decoration:none}.contact-button-container{flex-direction:column;align-items:center;display:flex}.contact-button{width:100%;max-width:300px;margin-top:10px}.certificates-container{color:#fff;background-color:#1a1a1a;height:100vh;display:flex}.certificates-navbar{scrollbar-width:none;-ms-overflow-style:none;background-color:#242424;width:250px;padding:20px;position:fixed;top:0;bottom:0;left:0;overflow-y:auto}.certificates-navbar::-webkit-scrollbar{width:0;height:0;display:none}.home-button{color:#fff;text-align:center;background-color:#007bff;border-radius:5px;margin-bottom:20px;padding:10px;font-weight:700;text-decoration:none;display:block}.home-button:hover{background-color:#0056b3}.navbar-item{cursor:pointer;border-radius:5px;margin-bottom:10px;padding:10px;transition:background-color .3s}.navbar-item:hover,.navbar-item.active{background-color:#5f5f5f}.certificates-gallery{flex-direction:column;flex-grow:1;align-items:center;margin-left:250px;padding:20px;display:flex;overflow-y:auto}.certificate-item{width:100%;max-width:80%;margin-bottom:40px;transition:transform .3s}.certificate-item img{border-radius:8px;width:100%;height:auto;box-shadow:0 4px 8px #0000001a}.certificate-item p{text-align:center;margin-top:10px;font-size:18px}@media (width<=768px){.certificates-container{flex-direction:column}.certificates-navbar{width:100%;max-height:200px;position:relative}.certificates-gallery{margin-left:0;padding-top:20px}.certificate-item{max-width:100%}.home-button{z-index:1000;background-color:#007bff;position:fixed;top:0;left:0;right:0}.certificates-navbar{padding-top:60px}}body{color:#f0f2f5;background-color:#242424;margin:10px;padding:0}