*{box-sizing:border-box;font-family:Poppins,sans-serif;margin:0;padding:0;text-decoration:none}*,html{scroll-behavior:smooth}body{background-color:#32444e}.title-line{height:5px;margin-bottom:20px;margin-top:0;width:60px}.line,.title-line{background-color:#587074}.line{height:2px;margin-top:15px;width:50px}.mail-btn{background-color:#b9c4d5;border:none;border-radius:30px;color:#202024;font-size:1rem;margin-left:30px;padding:6px 16px;transition:all .5s ease}.mail-btn:hover{background-color:#587074}.section{padding:20px;width:100%}.section h2{color:#b9c4d5;font-size:1.5rem;font-weight:400;transition:all .5s}.section h2:hover{padding-left:4px}.section .more-btn{background-color:#b9c4d5;border-radius:30px;color:#202024;display:inline-block;margin:20px auto;padding:6px 12px}.grid-2{display:grid;grid-template-columns:repeat(1,1fr);padding:10px;text-align:center}@media only screen and (min-width:650px){.section{margin:0 auto;padding:10px 20px;width:80%}.grid-2{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width:1024px){.section{margin:0 auto;padding:20px 40px;width:60%}.grid-2{gap:10px;grid-template-columns:repeat(3,1fr)}}footer{background-color:#32444e;margin:10px auto 0;padding:40px 30px 10px;width:100%}footer .footer-links{display:flex;flex-direction:column;font-size:1.2rem;text-decoration:none}footer .footer-links .link{color:#ddd;font-size:1rem;margin-right:5px;text-decoration:none;transition:all .5s}footer .footer-links .link:hover{color:#aaa;padding-left:2px}footer p{color:#b9c4d5;margin-bottom:25px}footer p,footer p span{font-size:1rem;width:100%}footer .social-link{color:#e2e5ec;font-size:1rem;margin-right:10px;transition:all .5s;width:fit-content}footer .social-link i{color:#e2e5ec;font-size:1rem;margin:0 5px 0 0}footer .social-link:hover{color:#202024}@media only screen and (min-width:650px)and (max-width:1023px){footer{padding:10%}}@media only screen and (min-width:1024px){footer{padding:40px 25% 10px}}#navigation{align-items:center;display:flex;height:8vh;justify-content:flex-end;padding:30px 20px;position:fixed;right:0;top:0;transition:all .5s;width:100%;z-index:10}.nav-links{list-style:none}.nav-links li{margin:20px 0;text-align:start}.nav-links li a{color:#fff;font-size:1.4rem;font-weight:300;list-style:none;margin-left:30px;text-decoration:none;transition:all .5s}.nav-links li a:hover{color:#587074;padding-left:5px}.hamburger{cursor:pointer;display:none;z-index:15}.hamburger .bar{background-color:#fff;border-radius:5px;display:block;margin:6px auto;transition:all .3s ease-in-out}.hamburger .bar:first-child{height:2.5px;width:35px}.hamburger .bar:nth-child(2){height:2.5px;margin-right:0;width:30px}.hamburger .bar:nth-child(3){height:2.5px;margin-right:0;width:25px}.hamburger{display:block;z-index:100}.hamburger.active .bar:nth-child(2){opacity:0}.hamburger.active .bar:first-child{transform:translateY(5px) translateX(5px) rotate(45deg);width:20px}.hamburger.active .bar:nth-child(3){transform:translateY(-12px) rotate(-45deg);width:20px}.nav-links{background-color:#32444e;box-shadow:2px 5px 10px rgba(29,30,30,.459);flex-direction:column;height:500px;height:100vh;overflow:hidden;padding:30px 20px;position:fixed;right:-1000%;text-align:center;top:0;transition:.3s;width:60%;z-index:99}.nav-links ul{margin:30px 0}.social-links{align-items:center;display:flex;gap:15px;justify-content:flex-start;margin-left:30px}.social-links a{color:#fff;font-size:1.6rem;text-decoration:none}.social-links a i{transition:all .5s}.social-links a i:hover{color:#08d9ff}.nav-links.active{right:0}@media only screen and (min-width:1024px){#navigation{padding:30px 10%}#navigation .nav-links{width:40%}}.error-page{align-items:center;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:10px 5%;position:relative;width:100%}.error-page img{border-radius:50%;margin:10px 0;width:20%}.error-page h2{color:#e2e5ec}.error-page p{color:#b9c4d5;margin:20px 0}@media only screen and (min-width:600px){.error-page img{width:15%}}@media only screen and (min-width:1024px){.error-page img{width:10%}}main{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(1,1fr);height:80vh;width:100%}main .left-side{color:#fff;height:100%;position:relative;width:100%}main .left-side .name-box{font-family:sans-serif;left:30px;position:absolute;text-align:left;top:10vh;width:fit-content}main .left-side .name-box h5{font-size:.9rem;font-weight:600}main .left-side .name-box h1{font-size:2.4rem;font-weight:600;margin-top:25px}main .left-side .name-box h3{color:#e2e5ec;font-size:1rem;font-weight:500;margin-top:-5px}main .left-side .name-box a{align-items:center;background-color:hsla(0,0%,100%,.459);border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:35px;justify-content:center;margin-top:25px;padding-top:5px;text-decoration:none;width:35px}main .right-side{position:relative;width:100%}main .right-side .profile-img-box{border-radius:50%;height:250px;left:50%;position:absolute;transform:translateX(-50%);width:250px}main .right-side .profile-img-box:before{border:6px solid #e2e5ec;border-radius:50%;content:"";height:200px;left:52%;position:absolute;top:48%;transform:translate(-50%,-50%);width:200px;z-index:2}main .right-side .profile-img-box:after{border:5px solid #b9c4d5;border-radius:50%;content:"";height:180px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:180px;z-index:3}main .right-side .profile-img-box .profile-photo{border-radius:100%;height:205px;left:50%;object-fit:cover;object-position:center;position:absolute;top:45.5%;transform:translate(-50%,-50%);width:205px;z-index:4}@media only screen and (min-width:650px){main{height:70vh}main .left-side .name-box{left:15%}main .left-side .name-box h5{font-size:1.1rem}main .left-side .name-box h1{font-size:2.6rem}main .left-side .name-box h3{font-size:1.2rem}}@media only screen and (min-width:850px){main{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,1fr);height:55vh;margin:0 auto 30px;padding:10px 20px;position:relative;width:90%}main .left-side .name-box{position:relative;width:100%}main .left-side .name-box h1{font-size:2.6rem}main .left-side .name-box h3{font-size:1.2rem}main .left-side .name-box a{font-size:1.4rem}main .right-side .profile-img-box{left:50%;position:relative;top:50%;transform:translate(-50%,-50%)}main .right-side .profile-img-box:before{height:250px;left:50%;top:54%;transform:translate(-50%,-50%);width:250px}main .right-side .profile-img-box:after{height:206px;left:45%;top:59.6%;width:206px}main .right-side .profile-img-box .profile-photo{height:235px;left:45%;top:55%;width:235px}}@media only screen and (min-width:1024px){main{margin:0 auto;width:100%}main .left-side .name-box h5{font-size:1.4rem}main .left-side .name-box h1{font-size:2.9rem}main .left-side .name-box h3{font-size:1.5rem}}.about-me{margin-bottom:20px;text-align:left}.about-me p{color:#e2e5ec;font-size:1rem;position:relative;text-align:justify;z-index:5}.skills{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(5,1fr);text-align:left;width:100%}.skills .skill-box{align-items:center;border-radius:10px;display:flex;flex-direction:column;justify-content:center;padding:5px 0;position:relative;text-align:center;transition:all .3s ease}.skills .skill-box h5{font-size:.6rem;font-weight:500;margin-top:8px;opacity:0;transition:opacity .3s ease}.skills .skill-box i{font-size:1.5rem;transition:transform .3s ease}.skills .skill-box:hover i{transform:scale(1.2)}.skills .skill-box:hover h5{opacity:1}.skills .skill-box .devicon-html5-plain,.skills .skill-box .devicon-html5-plain+h5{color:#e34f26}.skills .skill-box .devicon-css3-plain,.skills .skill-box .devicon-css3-plain+h5{color:#1572b6}.skills .skill-box .devicon-c-plain,.skills .skill-box .devicon-c-plain+h5{color:#6a9dd3}.skills .skill-box .devicon-sass-original,.skills .skill-box .devicon-sass-original+h5{color:#c69}.skills .skill-box .devicon-bootstrap-plain,.skills .skill-box .devicon-bootstrap-plain+h5{color:#7952b3}.skills .skill-box .devicon-javascript-plain,.skills .skill-box .devicon-javascript-plain+h5{color:#f7df1e}.skills .skill-box .devicon-react-original,.skills .skill-box .devicon-react-original+h5{color:#61dafb}.skills .skill-box .devicon-supabase-plain,.skills .skill-box .devicon-supabase-plain+h5{color:#3ecf8e}.skills .skill-box .devicon-firebase-plain,.skills .skill-box .devicon-firebase-plain+h5{color:#ffca28}.skills .skill-box .devicon-cloudflare-plain,.skills .skill-box .devicon-cloudflare-plain+h5{color:#f48120}.skills .skill-box .devicon-github-original,.skills .skill-box .devicon-github-original+h5{color:#181717}.skills .skill-box .devicon-vscode-plain,.skills .skill-box .devicon-vscode-plain+h5{color:#007acc}.skills .skill-box .devicon-photoshop-plain,.skills .skill-box .devicon-photoshop-plain+h5{color:#31a8ff}.skills .skill-box .devicon-canva-original,.skills .skill-box .devicon-canva-original+h5{color:#00c4cc}@media only screen and (min-width:500px){.skills{grid-template-columns:repeat(5,1fr)}}@media only screen and (min-width:800px){.skills{grid-template-columns:repeat(7,1fr)}}@media only screen and (min-width:1024px){.skills{grid-template-columns:repeat(14,1fr)}}.project-box{overflow:hidden;position:relative;transition:transform .3s ease}.project-box,.project-box img{border-radius:15px;width:100%}.project-box .projects-btns{align-items:center;display:flex;flex-direction:column;gap:15px;height:100%;justify-content:center;left:0;position:absolute;top:0;transition:all .3s ease;width:100%}.project-box .projects-btns:hover{background-color:rgba(50,68,78,.843)}.project-box .projects-btns .button{border:none;border-radius:30px;font-size:1rem;font-weight:500;padding:6px 16px}.project-box .projects-btns .button:first-of-type{background-color:#202024;color:#e2e5ec;transition:all .5s ease}.project-box .projects-btns .button:first-of-type:hover{background-color:#587074}.project-box .projects-btns .button-link{background:none;border:none;border-radius:30px;color:#e2e5ec;font-size:1rem;font-weight:500;padding:6px 16px;transition:all .5s ease}.project-box .projects-btns .button-link:hover{background-color:#e2e5ec;color:#202024}.certificates-box{color:#ddd;margin:20px 0;text-align:left}.certificates-box p{font-size:1rem;position:relative;z-index:5}.certificates-box .link{align-items:center;color:#eee;display:flex;font-size:1.6rem;margin-top:10px;text-decoration:none;transition:all .5s}.certificates-box .link i{font-size:1.6rem}.certificates-box .link:hover{color:#1bb5dc;opacity:.8}.projects-container{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(1,1fr);margin-top:8vh}.projects-container .project-card{border-radius:8px;padding:15px}.projects-container .project-card .projects-images{grid-gap:5px;display:grid;gap:5px;grid-template-columns:3.5fr 2fr;margin-bottom:5px}.projects-container .project-card .projects-images .main-image{border-radius:8px;cursor:pointer;height:100%;object-fit:cover;width:100%}.projects-container .project-card .projects-images .small-images{grid-gap:5px;display:grid;gap:5px;grid-template-rows:auto;width:100%}.projects-container .project-card .projects-images .small-images img{border-radius:8px;cursor:pointer;height:100%;object-fit:cover;width:100%}.projects-container .project-card h3{color:#e2e5ec;font-size:1.6rem;font-weight:500}.projects-container .project-card .skills{display:flex;flex-wrap:wrap;gap:5px;margin:5px 0 10px;width:100%}.projects-container .project-card .skills span{animation:all .5s ease;background-color:#587074;border-radius:30px;color:#202024;cursor:pointer;display:inline-block;font-size:.8rem;padding:5px 10px;width:auto}.projects-container .project-card .skills span:hover{opacity:.8}.projects-container .project-card p{color:#b9c4d5;font-size:1rem;margin:5px 0}.projects-container .project-card .project-links{padding:10px 0}.projects-container .project-card .project-links a{border:none;border-radius:30px;font-size:1rem;font-weight:500;padding:6px 16px}.projects-container .project-card .project-links a:first-of-type{background-color:#202024;color:#e2e5ec;transition:all .5s ease}.projects-container .project-card .project-links a:first-of-type:hover{background-color:#587074}.projects-container .project-card .project-links a:last-of-type{background:none;border:none;border-radius:30px;color:#e2e5ec;font-size:1rem;font-weight:500;padding:6px 16px;transition:all .5s ease}.projects-container .project-card .project-links a:last-of-type:hover{background-color:#e2e5ec;color:#202024}.projects-container .info{border:1.2px dashed #b9c4d5;border-radius:30px;color:#e2e5ec;margin-top:20px;padding:20px}.projects-container .info h2{font-size:1.4rem;font-weight:500;margin-bottom:20px}.projects-container .info .mail-btn{margin-left:0!important;margin-top:20px}.modal{align-items:center;background-color:rgba(0,0,0,.859);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw}.modal .modal-content{max-width:80%;position:relative}.modal .modal-content .modal-image{border-radius:8px;max-height:100%;max-width:100%}.modal .modal-content .close-button,.modal .modal-content .next-button,.modal .modal-content .prev-button{background:none;border:none;color:#e2e5ec;cursor:pointer;font-size:1.4rem;position:absolute;top:50%;transform:translateY(-50%)}.modal .modal-content .close-button{right:10px;top:25px}.modal .modal-content .prev-button{left:10px}.modal .modal-content .next-button{right:10px}@media only screen and (min-width:650px){.modal .modal-content{max-width:60%;position:relative}}@media only screen and (min-width:1024px){.projects-container .project-card .projects-images{grid-gap:5px;display:grid;gap:5px;grid-template-columns:4.5fr 2fr}.projects-container .project-card .projects-images .main-image,.projects-container .project-card .projects-images .small-images{width:100%}.modal .modal-content{max-width:40%;position:relative}}.privacy{margin-top:8vh}.privacy .privacy-terms{color:#fff;margin-top:40px;padding:30px}.privacy .privacy-terms h4{color:#b9c4d5;font-size:1rem;font-weight:500;margin-bottom:15px}.privacy .privacy-terms ul{color:#ddd;font-size:1rem;font-weight:300;margin-bottom:10px;padding:2px 20px 10px}.privacy .privacy-terms h3{color:#b9c4d5;font-size:1.2rem;font-weight:500;margin-bottom:5px;margin-top:20px}.privacy .privacy-terms p{color:#aaa;font-size:1rem}.privacy .privacy-terms a{color:#b9c4d5;font-size:1rem;font-weight:400;text-decoration:underline}
/*# sourceMappingURL=main.49246db1.css.map*/