*{margin:0;padding:0;box-sizing:border-box;text-decoration:none;background:transparent}body{background-color:#1e1e1e;overflow:hidden;overflow-y:scroll;margin:0%;padding:0%}html{scroll-behavior:smooth}.navbar{position:fixed;top:0;left:0;right:0;height:64px;background:transparent;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:0 20px;z-index:9999}.logo{font-size:20px;font-weight:700}.nav-links{display:flex;gap:20px}.nav-links a{text-decoration:none;color:#fff;padding:8px 16px;border-radius:20px;transition:background .3s}.nav-links a:hover{background:#fff3}.hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.hamburger span{width:25px;height:3px;background:#fff;border-radius:3px;transition:.3s}.hamburger.active span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.active span:nth-child(2){opacity:0}.hamburger.active span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}@media (max-width: 768px){.hamburger{display:flex}.nav-links{position:absolute;top:64px;left:0;background:#000;width:100%;flex-direction:column;align-items:center;gap:15px;padding:15px 0;display:none}.nav-links.show{display:flex}.nav-links a{width:100%;text-align:center}}@media (max-width: 480px){.logo{font-size:18px}.nav-links a{font-size:14px}}@font-face{font-family:"PT Serif Pro Black Italic";src:url(./assets/fonts/PTSerifPro-BlackItalic.ttf) format("truetype");font-weight:900;font-style:italic}.about-container{display:flex;flex-direction:row;gap:40px;align-items:center;justify-content:center}.about-image{margin:80px;display:flex;justify-content:center;align-items:center;flex:1}.about-image img{width:350px;height:420px;object-fit:cover;border-radius:8px}.about{display:flex;flex-direction:row;color:#fff;min-height:100vh;background:linear-gradient(to bottom,#000000 90%,var(--bottom-color) 100%);padding:60px 20px;animation:bottomColorChange 50s infinite alternate ease-in-out}@keyframes bottomColorChange{0%{--bottom-color: #0c1a10}5%{--bottom-color: #162a1c}10%{--bottom-color: #1b3a28}15%{--bottom-color: #0a1a2f}20%{--bottom-color: #16213e}25%{--bottom-color: #1e2a3a}30%{--bottom-color: #1a1026}35%{--bottom-color: #2e1a45}40%{--bottom-color: #3b0a45}45%{--bottom-color: #1a0a0a}50%{--bottom-color: #2e1a1a}55%{--bottom-color: #3a1e1e}60%{--bottom-color: #0d0d0d}65%{--bottom-color: #1a1a1a}70%{--bottom-color: #262626}75%{--bottom-color: #0d1f26}80%{--bottom-color: #10312b}85%{--bottom-color: #14253d}90%{--bottom-color: #1a2e40}95%{--bottom-color: #1e1a14}to{--bottom-color: #2a1f1a}}.about-text{flex:2;padding:20px;margin-top:50px;margin-left:20px}.about h1{color:gold;font-size:50px;font-weight:900;margin-bottom:25px;font-family:"PT Serif Pro Black Italic",serif;font-style:italic;background:linear-gradient(to bottom,#fff 40%,#fc0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.about p{width:75%;margin:10px 20px;color:#fff;font-weight:400;font-size:20px;line-height:1.6}@media (max-width: 1024px){.about-container{gap:20px}.about h1{font-size:40px}.about p{font-size:18px;width:85%}.about-image img{width:300px;height:360px}}@media (max-width: 768px){.about-container{flex-direction:column;text-align:center}.about{padding:40px 10px}.about-text{margin-top:20px;margin-left:0}.about h1{font-size:32px;margin-top:0}.about p{width:100%;font-size:16px;margin:10px 0}.about-image{margin:20px 0}.about-image img{width:250px;height:auto}}@media (max-width: 480px){.about h1{font-size:20px}.about p{font-size:12px}.about-image img{width:200px}}.skills{background-color:#000;text-align:center;padding:40px}.skills h1{color:gold;font-size:38px;font-weight:900;font-family:"PT Serif Pro Black Italic",serif;font-style:italic;margin-bottom:30px}.skills-grid{display:flex;justify-content:center;flex-wrap:wrap;gap:20px;margin-bottom:50px}.skill-card{border-radius:10px;padding:15px;box-shadow:0 4px 10px #0000001a;text-align:center;width:100px;transition:transform .2s ease;color:#fff}.skill-card:hover{transform:scale(1.1);border:2px solid #61DBFB}.skill-card:hover .skill-icon{transform:rotateY(360deg);transition:transform .5s ease-in-out}.skill-icon{font-size:40px;display:block;margin-bottom:10px}@media (max-width: 1024px){.skills h1{font-size:32px}.skill-card{width:90px;padding:12px}.skill-icon{font-size:36px}}@media (max-width: 768px){.skills{padding:30px 15px}.skills h1{font-size:28px;margin-bottom:20px}.skills-grid{gap:15px}.skill-card{width:80px;padding:10px}.skill-icon{font-size:32px}}@media (max-width: 480px){.skills{padding:20px 10px}.skills h1{font-size:24px}.skills-grid{gap:12px}.skill-card{width:70px;padding:8px}.skill-icon{font-size:28px}.skill-card p{font-size:12px}}.certificates{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.certificates h1{color:gold;font-size:38px;font-family:"PT Serif Pro Black Italic",serif;font-weight:900;font-style:italic;text-align:center}.certificates-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;margin:0 100px}.certificate-info{text-align:center;color:#fff;padding:10px}.certificate-card{border-radius:10px;padding:20px;box-shadow:0 4px 10px #00000080;border:2px solid blue;margin:50px;width:300px;color:#fff;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease}.certificate-card:hover{transform:scale(1.05)}.certificate-image{display:flex;justify-content:center;align-items:center;margin-bottom:15px}.certificate-image img{width:100px;height:100px;border-radius:10px}.certificate-info h2{font-size:20px;font-weight:600;margin-bottom:10px}.certificate-info p{font-size:16px;color:#fff}.certificate-button{background:#00f;color:#fff;padding:8px 16px;margin-top:10px;border-radius:5px;text-decoration:none;font-size:14px;transition:background .3s ease}.certificate-button:hover{background:#00008b}@media (max-width: 1024px){.certificates h1{font-size:32px}.certificate-card{width:260px;margin:30px}}@media (max-width: 768px){.certificates{padding:30px 15px}.certificates h1{font-size:28px}.certificates-grid{margin:0;gap:15px}.certificate-card{width:90%;margin:15px 0;padding:15px}.certificate-image img{width:80px;height:80px}.certificate-info h2{font-size:18px}.certificate-info p{font-size:14px}}@media (max-width: 480px){.certificates{padding:20px 10px}.certificates h1{font-size:24px}.certificate-card{width:100%;padding:12px}.certificate-image img{width:70px;height:70px}.certificate-info h2{font-size:16px}.certificate-info p{font-size:13px}.certificate-button{font-size:12px;padding:6px 12px}}.project{background-color:#000;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px}.project h1{color:gold;font-size:40px;font-family:"PT Serif Pro Black Italic",serif;font-weight:900;font-style:italic;text-align:center}.project-grid{display:flex;flex-direction:column;align-items:center}.project-container{border-radius:10px;padding:20px;box-shadow:0 4px 10px #00000080;border:2px solid red;margin:30px 0;width:100%;max-width:1350px;color:#fff;display:flex;flex-direction:row;align-items:center;justify-content:center;transition:transform .5s ease-in-out}.project-container:hover{transform:scale(1.05)}.project-image{display:flex;justify-content:center;align-items:center;margin-bottom:15px}.image{width:350px;height:200px;border-radius:10px;padding:10px;object-fit:cover}.project-info{text-align:center;color:#fff;padding:10px;margin:20px 30px}.project-info h2{font-size:30px;font-weight:600;margin-bottom:10px}.project-info p{font-size:16px;color:#fff;max-width:850px}.project-button{display:flex;justify-content:center;align-items:center;margin-top:20px;border:5px solid grey}.btn{color:#fff;background-color:transparent;padding:10px 20px;font-weight:700;width:130px;text-align:center;text-decoration:none}.btn:hover{background-color:#ffd900;color:#000;transition:background-color .3s ease}@media (max-width: 1024px){.project h1{font-size:34px}.project-container{flex-direction:column;text-align:center;padding:15px}.image{width:220px;height:180px}.project-info p{max-width:100%;font-size:15px}}@media (max-width: 768px){.project{padding:30px 15px}.project h1{font-size:28px}.project-container{flex-direction:column;width:100%;padding:15px;margin:20px 0}.image{width:200px;height:auto}.project-info{margin:15px 0}.project-info h2{font-size:22px}.project-info p{font-size:14px;padding:0 10px}.btn{width:auto;padding:8px 16px;font-size:14px}}@media (max-width: 480px){.project h1{font-size:24px}.image{width:160px;height:auto}.project-info h2{font-size:18px}.project-info p{font-size:13px}.btn{font-size:12px;padding:6px 12px}}.contact{background-color:#000;color:#fff;padding:60px 20px;text-align:center}.contact h2{color:gold;font-size:45px;font-family:"PT Serif Pro Black Italic",serif;font-weight:900;font-style:italic;margin-bottom:15px}.contact-info{margin-bottom:30px}.contact-info h3{font-size:35px;color:#fff;margin-bottom:20px;margin-left:14px;font-style:italic;font-family:Courier New,Courier,monospace}.contact-form{display:flex;flex-direction:column;max-width:500px;margin:0 auto 30px;gap:15px}.contact-form input,.contact-form textarea{padding:12px;border:none;border-radius:6px;font-size:14px;margin:5px solid white;color:#fff;background-color:transparent;border:1px solid white}.contact-form textarea{resize:vertical;min-height:120px}.contact-form button{padding:10px;background-color:#e50914;color:#fff;border:none;border-radius:20px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.contact-form button:hover{background-color:#b0060f}.social-links{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:20px}.social-links img{width:30px;height:30px;background-color:gray;padding:5px;border-radius:10px;transition:transform .3s ease}.social-links img:hover{transform:scale(1.2)}@media (max-width: 768px){.contact h2{font-size:35px}.contact-info h3{font-size:28px;margin-left:0}.contact-form{width:90%}.social-links img{width:28px;height:28px}}@media (max-width: 480px){.contact{padding:40px 15px}.contact h2{font-size:28px}.contact-info h3{font-size:22px}.contact-form input,.contact-form textarea{font-size:13px;padding:10px}.contact-form button{font-size:13px;padding:8px 15px}.social-links{gap:12px}.social-links img{width:25px;height:25px}}