body{background-color:#0d2e20;color:#fff}header{display:flex;align-items:center;justify-content:space-between;flex-direction:row;gap:1rem;width:100%;width:min(750px,90%);margin:auto}hr{width:min(750px,90%);margin:0 auto;color:#fff;filter:opacity(.2)}#WebsiteLogo{width:min(100px,70%);height:auto;padding:min(1rem,30%) min(.5rem,30%)}.navbar{display:flex;justify-content:center;align-items:center;flex-direction:row;padding-right:2rem;flex-wrap:nowrap;white-space:nowrap}.navbar ul{display:flex;justify-content:center;align-items:center;flex-direction:row;list-style-type:none}.navbar li{padding:min(1rem,30%) min(1rem,30%)}.navbar .navlink{text-decoration:none;display:inline-block;color:#fff;font-size:clamp(.5rem,1vw + .4rem,1.25rem);transition:transform .2s ease,color .2s ease}.navbar .navlink:hover{color:#ffffffe6;transform:scale(1.2)}.main-body .about-me{display:flex;justify-content:center;align-items:center;padding:2rem;width:min(750px,90%);margin:auto;gap:1.7rem;flex-wrap:nowrap}.main-body .about-me #self-image{width:min(200px,30%);height:auto}.main-body .about-me span{font-size:clamp(1.6rem,5.5vw,3rem)}.main-body .about-me h3{font-weight:400;font-size:clamp(.5rem,2vw,1.1rem);line-height:1.5;width:min(500px,95%)}.main-body .certifications{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,3vw,2rem);margin:auto;width:fit-content}.main-body .certifications .card-link{text-decoration:none}.main-body .certifications .card{display:flex;justify-content:center;align-items:center;background-color:#fff;color:#0d2e20;padding:10px;border:none;width:clamp(9.5rem,38vw,21rem);min-height:clamp(5rem,17vw,13rem);transition:transform .2s ease;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}.main-body .certifications .card:hover{background-color:#cfece0;cursor:pointer;transform:scale(1.05)}.main-body .certifications .card .inner-card{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:clamp(.5rem,1vw,1rem);width:100%;height:auto;border:2px solid #0D2E20;margin:auto;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.main-body .certifications .card .inner-card h1{font-size:clamp(.6rem,2.4vw,1.4rem);color:#0d2e20;font-weight:700;margin-bottom:.3rem;margin-top:.3rem}.main-body .certifications .card .inner-card h4{font-size:clamp(.5rem,1.8vw,1rem);font-weight:400;margin-top:.3rem;margin-bottom:.2rem;text-align:center;line-height:2}.main-body .certifications .card .inner-card img{width:clamp(2.5rem,9vw,5rem);height:auto;margin:0;padding-top:clamp(.3rem,1.2vw,.4rem);padding:0}.not-found-page{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;place-items:center;margin-top:15rem}.not-found-page h1{font-size:clamp(1.6rem,3.5vw,3rem)}.not-found-page button{width:250px;font-size:clamp(1.2rem,2.2vw,1.25rem);padding:15px;background-color:#fff;color:#0d2e20;border:none;border-radius:5px;transition:transform .2s ease;cursor:pointer}.not-found-page button:hover{background-color:#ffffffe6;transform:scale(1.05)}.cert-page{display:flex;justify-content:center;align-items:center;flex-direction:column}.cert-page .cert-container{display:flex;justify-content:center;align-items:center;flex-direction:column;background-color:#fff;color:#0d2e20;padding:10px;border:none;margin:80px;width:clamp(20rem,70vw,40rem);height:auto;min-height:200px;transition:transform .2s ease;clip-path:polygon(20px 0,calc(100% - 20px) 0,100% 20px,100% calc(100% - 20px),calc(100% - 20px) 100%,20px 100%,0 calc(100% - 20px),0 20px)}.cert-page .cert-container .inner-container{display:flex;justify-content:center;align-items:center;flex-direction:column;position:relative;padding:clamp(.5rem,1vw,1rem);height:auto;width:95%;min-height:400px;border:2px solid #0D2E20;clip-path:polygon(15px 0,calc(100% - 15px) 0,100% 15px,100% calc(100% - 15px),calc(100% - 15px) 100%,15px 100%,0 calc(100% - 15px),0 15px)}.cert-page .cert-container .inner-container .home-btn{position:absolute;top:20px;left:20px;font-size:clamp(.6rem,1.2vw,1rem);background-color:#fff;border:#0D2E20 2px solid;border-radius:5px;color:#0d2e20;text-decoration:none;padding:min(.5rem,30%) min(.8rem,30%);transition:transform .2s ease;cursor:pointer}.cert-page .cert-container .inner-container .home-btn:hover{transform:scale(1.05);background-color:#cfece0}.cert-page .cert-container .inner-container .btn-container{display:flex;justify-content:center;align-items:center;gap:clamp(.5rem,2.5vw,1rem);flex-direction:row}.cert-page .cert-container .inner-container .cert-btn{display:inline-block;padding:clamp(.55rem,.8vw + .25rem,.9rem) clamp(1rem,3vw,1.35rem);background-color:#0d2e20;color:#fff;text-decoration:none;font-size:clamp(.6rem,1vw + .3rem,1.1rem);margin-top:12px;margin-bottom:10px;transition:transform .2s ease;border-radius:5px}.cert-page .cert-container .inner-container .cert-btn:hover{transform:scale(1.05)}.cert-page .cert-container .inner-container h2{font-size:clamp(1.3rem,3.2vw,2.5rem);margin-bottom:.5rem}.cert-page .cert-container .inner-container img{width:clamp(70px,8vw,96px);margin:0;padding-top:2rem}.cert-page .cert-container .inner-container h1{font-size:clamp(1.3rem,3.5vw,2.5rem);color:#0d2e20;font-weight:700;margin-bottom:5px;margin-top:5px}.cert-page .cert-container .inner-container h4{font-size:clamp(1rem,2vw,2rem);font-weight:400;margin-top:5px;margin-bottom:0;text-align:center;line-height:2}.cert-page .cert-container .inner-container .projects{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(.2rem,.5vw,1rem);margin:30px;width:fit-content;justify-items:center}.cert-page .cert-container .inner-container .projects>*:last-child:nth-child(odd){grid-column:span 2;justify-self:center}.cert-page .cert-container .inner-container .projects .project-card-link{text-decoration:none}.cert-page .cert-container .inner-container .projects .project-cards{display:flex;justify-content:center;align-items:center;background-color:#0d2e20;padding:10px;border:2px solid #0D2E20;margin:10px;width:clamp(7rem,20vw,15rem);height:auto;transition:transform .2s ease;clip-path:polygon(12px 0,calc(100% - 12px) 0,100% 12px,100% calc(100% - 12px),calc(100% - 12px) 100%,12px 100%,0 calc(100% - 12px),0 12px)}.cert-page .cert-container .inner-container .projects .project-cards:hover{cursor:pointer;transform:scale(1.05)}.cert-page .cert-container .inner-container .projects .project-cards .project-inner-card{display:flex;justify-content:center;align-items:center;flex-direction:column;padding:0;color:#0d2e20;background-color:#fff;width:100%;height:75px;border:2px solid white;margin:auto;clip-path:polygon(10px 0,calc(100% - 10px) 0,100% 10px,100% calc(100% - 10px),calc(100% - 10px) 100%,10px 100%,0 calc(100% - 10px),0 10px)}.cert-page .cert-container .inner-container .projects .project-cards .project-inner-card h5{font-size:clamp(.8rem,1.7vw,1.3rem);text-align:center}.work-page{display:flex;justify-content:center;align-items:center;position:relative;flex-direction:column;padding:100px;width:min(800px,90%);margin:auto}.work-page h1{font-size:clamp(1.6rem,3.5vw,3rem)}.work-page .work-section{display:flex;justify-content:center;flex-direction:column;margin:20px auto;border:white 3px solid;border-radius:25px;padding:15px 25px;box-shadow:2px 2px 6px #fffc;background-color:#091e15;width:clamp(15rem,70vw,40rem)}.work-page .work-section .title-date{display:flex;justify-content:space-between}.work-page .work-section .title-date h3{font-size:clamp(.9rem,2.3vw,1.3rem);margin-bottom:.3rem}.work-page .work-section h4{font-style:italic;filter:opacity(.9);font-size:clamp(.8rem,1.4vw,1.1rem);padding-left:10px;margin-bottom:.3rem}.work-page .work-section ul{line-height:1.3}.work-page .work-section ul li{font-size:clamp(.8rem,1.3vw,.9rem)}.nav-home-btn{position:absolute;top:40px;left:90px;font-size:clamp(.7rem,1.2vw,1rem);background-color:#091e15;color:#fff;border:white 2px solid;border-radius:7px;text-decoration:none;padding:clamp(.55rem,.8vw + .25rem,.9rem) clamp(1rem,3vw,1.35rem);transition:transform .2s ease;cursor:pointer}.nav-home-btn:hover{transform:scale(1.05);filter:opacity(.8)}.contact-page{display:flex;justify-content:center;align-items:center;position:relative;flex-direction:column;padding:100px;width:min(800px,90%);margin:auto}.contact-page h1{font-size:clamp(1.6rem,3.5vw,3rem)}.contact-page h3{font-size:clamp(1rem,2.5vw,1.7rem);font-style:italic;text-align:center;filter:opacity(.9);margin-top:0}.contact-page h4{font-size:clamp(1rem,2.5vw,1.4rem);margin-bottom:2.5rem;margin-top:0}.contact-page h4 span{font-weight:400}.contact-page .contact-links{display:flex;justify-content:center;align-items:center;flex-direction:row;gap:clamp(.75rem,3vw,2rem)}.contact-page .contact-links{text-decoration:none}.contact-page .contact-links .container-link{display:flex;justify-content:center;align-items:center;flex-direction:column;width:clamp(3rem,20vw,12rem);height:auto;padding:10px;background-color:#0d2e20;border:white 3px solid;border-radius:10px;color:#fff;box-shadow:2px 2px 6px #fffc;background-color:#091e15}.contact-page .contact-links .container-link .links{text-decoration:none}.contact-page .contact-links .container-link .links img{width:clamp(2.5rem,7vw,3.5rem);margin-top:1rem;margin-bottom:.3rem;transition:transform .2s ease}.contact-page .contact-links .container-link .links img:hover{transform:scale(1.05);filter:opacity(.9)}.contact-page .contact-links .container-link h5{font-size:clamp(1.2rem,3.2vw,1.6rem);margin-top:5px;margin-bottom:20px}