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