@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@300;400;700&display=swap";.about{display:flex;height:80vh;width:auto;max-width:1400px;align-items:center;justify-content:center;margin:32px auto;gap:62px}.about .image-box img{width:400px;height:600px;object-fit:cover;box-shadow:20px 22px #0000001a}.about .about-me{display:flex;flex-direction:column;justify-content:center;width:50%;padding:2rem;gap:10px}.about .about-me .info-column{display:flex;justify-content:space-between;margin:0 2rem}.about .about-me .info-column .column{display:flex;flex-direction:column;gap:20px}.about .about-me .info-column .column .info span{font-weight:700}.about .about-me .info-column .column .info span svg{width:30px;height:30px;vertical-align:middle}.about .about-me .short{margin-top:10px}.about .about-me .divisor-line-horizontal{width:80%;height:1px;background-color:#000;margin:10px auto}.about .about-me .contact{display:flex;flex-direction:row;gap:30px;justify-content:center;margin-top:30px}.about .about-me .contact a{text-decoration:none;padding:20px 30px;background-color:#dcdcdc;color:#000;border-radius:10px;text-align:center;transition:all .3s ease-in-out}.about .about-me .contact a:hover{background-color:#000;color:#fff}@media screen and (max-width: 1300px){.about{flex-direction:column;height:auto;padding:20px;gap:30px;width:70%}.about .image-box img{width:100%;height:300px}.about .about-me{height:auto;width:100%;padding:1rem 0}.about .about-me .contact{margin-top:20px}}@media screen and (max-width: 700px){.about{width:80%}}@media screen and (max-width: 560px){.about{width:80%}.about .image-box{width:90%}.about .about-me .info-column{margin:0}}.certificates{display:flex;flex-direction:column;width:100%;height:100%;padding:30px 0;justify-content:center;align-items:center}.certificates .certificates-list{display:flex;flex-wrap:wrap;gap:40px 50px;width:100%;max-width:1400px;justify-content:center}.certificates .certificates-list .certificate{width:30%;box-shadow:0 0 10px 5px #e0e0e0;border-radius:5px}.certificates .certificates-list .certificate img{width:100%;border-top-left-radius:5px;border-top-right-radius:5px}.certificates .certificates-list .certificate .text{padding:10px;display:flex;flex-direction:column;gap:10px;justify-content:center}.certificates .certificates-list .certificate .text a{width:fit-content;text-decoration:none;color:#000;padding:10px 15px;background-color:#dcdcdc;transition:all .3s ease-in-out}.certificates .certificates-list .certificate .text a:hover{background-color:#000;color:#fff}.certificates .certificates-list .certificate .text p{text-transform:capitalize}.contacts{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;height:80vh}.contacts .container-contact .contact-form{width:900px;max-width:1400px}.contacts .container-contact .contact-form form{display:flex;flex-direction:column;gap:30px;margin-top:2rem}.contacts .container-contact .contact-form form .name-email{display:flex;gap:30px}.contacts .container-contact .contact-form form .name-email input{width:100%}.contacts .container-contact .contact-form form input{background-color:#dcdcdc;border:none;padding:20px;border-radius:5px}.contacts .container-contact .contact-form form input[type=submit]{width:fit-content;margin-left:auto;transition:all .3s ease-in-out;cursor:pointer}.contacts .container-contact .contact-form form input[type=submit]:hover{background-color:#000;color:#fff}.contacts .container-contact .contact-form form textarea{background-color:#dcdcdc;border:none;padding:20px;resize:none;height:150px;border-radius:5px}.header{height:100vh;width:100%;display:flex;justify-content:center;position:relative;-webkit-tap-highlight-color:transparent}.header video{position:absolute;width:100%;object-fit:cover;height:100%;z-index:-1}.header .intro{display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;height:100%;gap:20px;transition:all 2ms linear}.header .intro .socials a svg{width:50px;height:50px;color:#fff}.hobbies{display:flex;flex-direction:column;width:100%;height:100%;padding:30px 0;justify-content:center;align-items:center}.hobbies .hobbies-list{display:flex;flex-wrap:wrap;gap:40px 50px;width:100%;max-width:1400px;justify-content:center}.hobbies .hobbies-list .hobbie{width:200px;height:100%;box-shadow:0 0 10px 5px #e0e0e0;border-radius:5px}.hobbies .hobbies-list .hobbie img{width:100%;border-top-left-radius:5px;border-top-right-radius:5px}.hobbies .hobbies-list .hobbie .text{padding:10px;display:flex;flex-direction:column;gap:10px;justify-content:center}.hobbies .hobbies-list .hobbie .text a{width:fit-content;text-decoration:none;color:#000;padding:10px 15px;background-color:#dcdcdc;transition:all .3s ease-in-out}.hobbies .hobbies-list .hobbie .text a:hover{background-color:#000;color:#fff}.hobbies .hobbies-list .hobbie .text p{text-transform:capitalize}.divisor{position:relative;margin-top:.5rem}.divisor hr{height:3px;width:200px;background:rgb(255,255,255);background:linear-gradient(90deg,rgb(255,255,255) 0%,rgb(204,204,204) 10%,rgb(0,0,0) 50%,rgb(204,204,204) 90%,rgb(255,255,255) 100%);border:none}.divisor .shapes{display:flex;justify-content:center;transform:translateY(-145%)}.divisor .shapes .shape{height:10px;width:10px;background-color:#000;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}.projects{display:flex;flex-direction:column;width:100%;justify-content:center;align-items:center;margin-bottom:2rem}.projects h1{margin:2rem 0 0}.projects .projects-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:2rem}.projects .projects-filter .projects-filter-item{padding:10px 15px;background-color:#dcdcdc;border-radius:20px;cursor:pointer;user-select:none;transition:all .3s linear}.projects .projects-filter .projects-filter-item:hover,.projects .projects-filter .projects-filter-item.item-active{background-color:#000;color:#fff}.projects .projects-list{display:flex;flex-wrap:wrap;gap:40px 50px;max-width:1400px;justify-content:center;margin:0 24px}.projects .projects-list .project{width:30%;box-shadow:0 0 10px 5px #e0e0e0;border-radius:5px}.projects .projects-list .project img{width:100%;object-fit:cover;border-top-left-radius:5px;border-top-right-radius:5px}.projects .projects-list .project .text{padding:10px;display:flex;flex-direction:column;gap:10px;justify-content:center}.projects .projects-list .project .text h2{margin-bottom:0}.projects .projects-list .project .text a{width:fit-content;text-decoration:none;color:#000;padding:10px 15px;margin:0 auto;border-radius:20px;background-color:#dcdcdc;transition:all .3s ease-in-out}.projects .projects-list .project .text a:hover{background-color:#000;color:#fff}@media screen and (max-width: 1060px){.projects .projects-list .project{width:40%}}@media screen and (max-width: 700px){.projects .projects-list .project{width:100%}}.services{display:flex;flex-direction:column;align-items:center;justify-content:center}.services h1{margin:2rem 0 0}.services .services-list{display:flex;justify-content:center;gap:30px;margin:0 36px}@media screen and (max-width: 1300px){.services .services-list{flex-wrap:wrap}}.services .services-list .service{display:flex;flex-direction:column;width:min-content;box-shadow:0 0 10px 5px #e0e0e0;border-radius:8px}.services .services-list .service img{width:300px;height:300px;object-fit:cover;margin:0 auto;border-top-left-radius:8px;border-top-right-radius:8px}@media screen and (max-width: 500px){.services .services-list .service img{width:200px;height:150px}}.services .services-list .service .text{padding:10px;display:flex;flex-direction:column}.services .services-list .service .text .name{text-transform:capitalize;margin-bottom:.4rem;font-weight:700}.navbar{position:absolute;width:90%;justify-content:end;right:0;padding-right:10%;height:70px;display:flex;align-items:center;z-index:1;backdrop-filter:blur(4px)}.navbar .navbar-link{padding:0;display:flex;gap:20px;list-style:none}.navbar .navbar-link a{text-decoration:none;color:#5f5f5f}@media screen and (max-width: 960px){.navbar .navbar-link{display:none}}.navbar .navbar-mobile-open{width:50px;height:50px;display:flex;justify-content:center;align-items:center;cursor:pointer}.navbar .navbar-mobile-open svg{color:#5f5f5f;width:100%;height:100%}@media screen and (min-width: 961px){.navbar .navbar-mobile-open{display:none}}.navbar .navbar-mobile-open .mobile-nav{position:absolute;top:80px;right:0;left:0;width:100%;background-color:#fff;display:flex;flex-direction:column;z-index:5;border-radius:20px}.navbar .navbar-mobile-open .mobile-nav .navbar-mobile-close{display:inline;margin-left:auto;width:50px;height:50px;cursor:pointer}.navbar .navbar-mobile-open .mobile-nav .navbar-mobile-close svg{color:#000;width:100%;height:100%}.navbar .navbar-mobile-open .mobile-nav .navbar-mobile-links{display:flex;gap:20px;flex-direction:column;list-style:none;text-align:center;justify-content:center;align-items:center;margin:20px 0}.navbar .navbar-mobile-open .mobile-nav .navbar-mobile-links li a{text-decoration:none;color:#000}.skills{display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;width:100%;max-width:1400px}.skills h1{margin:2rem 0 0}.skills .skills-list{display:flex;margin:0 2rem;justify-content:center;gap:24px;width:100%}.skills .skills-list h2{margin:0 0 1rem}.skills .skills-list .programming-languages{display:flex;flex-direction:column;width:fit-content;text-align:center}.skills .skills-list .programming-languages .languages{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;justify-content:center}.skills .skills-list .programming-languages .languages .skill{width:100px;display:flex;flex-direction:column;justify-content:center;align-items:center}.skills .skills-list .programming-languages .languages .skill img{width:100px;height:100px;object-fit:contain;filter:grayscale(1)}.skills .skills-list .programming-languages .languages .skill span{text-align:center;font-size:large;text-transform:uppercase;margin-top:8px}.skills .skills-list>.languages{text-align:center;justify-content:center;align-items:center;width:fit-content}.skills .skills-list>.languages .languages-list{display:flex;gap:20px;margin:0 2rem}.skills .skills-list>.languages .languages-list .language{display:flex;flex-direction:column}.skills .skills-list>.languages .languages-list .language img{width:100px;height:100px}.skills .skills-list>.languages .languages-list .language span{text-transform:capitalize;text-align:center}@media screen and (max-width: 1145px){.skills .skills-list{flex-direction:column;align-items:center}.skills .skills-list>.languages .languages-list{justify-content:center;width:230px}}@media screen and (max-width: 620px){.skills .skills-list{width:100%}.skills .skills-list .programming-languages{width:80%}.skills .skills-list .programming-languages .languages{width:100%;grid-template-columns:repeat(4,1fr)}.skills .skills-list .programming-languages .languages .skill img{height:70px;width:auto}}@media screen and (max-width: 500px){.skills .skills-list .programming-languages .languages{width:100%;grid-template-columns:repeat(3,1fr)}.skills .skills-list .languages-list{flex-wrap:wrap}}.info{position:relative}.info .info-banner{background-image:url(/assets/City-92e720bd.jpg);background-attachment:fixed;background-position:center;background-repeat:no-repeat;background-size:cover}.info .info-banner img{width:100%;height:30dvh;object-fit:cover;position:absolute;z-index:-1;filter:brightness(.5)}.info .info-banner .info-list{display:flex;justify-content:center;align-items:center;height:30vh;gap:100px;width:90%;margin:0 auto}.info .info-banner .info-list div{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;width:200px;gap:10px}.info .info-banner .info-list div .social-icons{flex-direction:row}.info .info-banner .info-list div svg{width:50px;height:50px;color:#fff}@media screen and (max-width: 1130px){.info .info-banner .info-list{gap:30px}}@media screen and (max-width: 735px){.info .info-banner .info-list{gap:16px;display:grid;grid-template-columns:repeat(2,1fr);height:auto;padding:24px 0;width:100%}.info .info-banner .info-list div{width:100%}}.footer{position:relative}.footer .go-up{position:absolute;left:50%;top:0%;transform:translate(-50%,-90%);background-color:#dcdcdc;padding:25px;border-radius:50%;box-shadow:0 0 11px 5px #0003;cursor:pointer}.footer .go-up>svg{width:25px;height:25px;color:#000}.footer p{text-align:end;margin:3rem 4rem}.footer p>svg{color:red}@media screen and (max-width: 870px){.footer .go-up{transform:translate(-50%,-130%);padding:20px}.footer .go-up>svg{width:17px;height:17px}}@media screen and (max-width: 475px){.footer p{text-align:center;margin:3rem 2rem}}*{font-family:Ubuntu,sans-serif}.navbar{text-transform:uppercase;font-weight:700}.header .intro p{font-size:2rem}@media screen and (max-width: 450px){.header .intro p{font-size:1.5rem}}.header .intro h1{display:inline;font-size:4rem}@media screen and (max-width: 767px){.header .intro h1{font-size:3rem}}@media screen and (max-width: 450px){.header .intro h1{font-size:2.5rem}}.header .intro span{font-size:1.5rem}@media screen and (max-width: 450px){.header .intro span{font-size:1rem}}.service .text p{font-weight:700}body{margin:0;padding:0;box-sizing:border-box}html,body{scroll-behavior:smooth!important}