body,html{font-family:ui-monospace,Menlo,Monaco,Cascadia Mono,Segoe UI Mono,Roboto Mono,Oxygen Mono,"Ubuntu Monospace",Source Code Pro,Fira Mono,Droid Sans Mono,Courier New,monospace;max-width:100vw;overflow-x:hidden;background:#fff;color:#000;scroll-behavior:smooth}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}main .home{height:calc(100vh - 100px)}main .home .me{height:100%;display:flex}@media(max-width:1100px){main .home .me{flex-direction:column}}main .home .me .presentation{margin:100px;flex:1 1;display:flex;flex-direction:column;justify-content:space-around}@media(max-width:750px){main .home .me .presentation{margin:20px}}@media(max-width:1100px){main .home .me .presentation{gap:20px}}main .home .me .presentation .item{display:flex;flex-direction:column;gap:20px}main .home .me .presentation .item p{font-size:35px}@media(max-width:750px){main .home .me .presentation .item p{font-size:25px}}@media(max-width:500px){main .home .me .presentation .item p{font-size:20px}}main .home .me .presentation .item p #name{font-weight:700}main .home .me .presentation .item p #developer{color:transparent;-webkit-text-stroke:1px #000;stroke:#000;font-weight:700}main .home .me .presentation .item p #city{font-weight:700}main .home .me .presentation .item.details{line-height:25px}main .home .me .presentation .item.row{flex-direction:row}main .home .me .presentation .item.row a{border:1px solid #000;padding:10px;border-radius:10px;text-align:center}main .home .me .presentation .item.row a.btn{background-color:#000;color:#fff;display:flex;align-items:center}main .home .me .image-container{margin:100px;flex:1 1;overflow:hidden}@media(max-width:1100px){main .home .me .image-container{display:none}}main .skills{display:flex;flex-direction:column;padding:100px;gap:100px}@media(max-width:750px){main .skills{padding:50px 20px;gap:50px}}main .skills p{text-align:center;font-size:45px}@media(max-width:750px){main .skills p{font-size:30px}}main .skills .wrapper{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:50px;gap:50px;transition:all .5s ease-in-out}@media(max-width:1100px){main .skills .wrapper{grid-template-columns:repeat(4,1fr)}}@media(max-width:850px){main .skills .wrapper{grid-template-columns:repeat(3,1fr)}}@media(max-width:750px){main .skills .wrapper{grid-template-columns:repeat(2,1fr)}}main .skills .wrapper .item{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:1px solid #000;padding:20px;text-align:center;border-radius:10px;font-weight:700}main .skills .wrapper .item img :hover{color:#fff}main .experiences{padding:100px 0;background-color:#000;color:#fff;display:flex;flex-direction:column}@media(max-width:750px){main .experiences{padding-top:50px;padding-bottom:50px;gap:50px}}main .experiences p{text-align:center;font-size:45px}@media(max-width:750px){main .experiences p{font-size:30px}}main .experiences .wrapper{display:flex;flex-direction:column;gap:50px;padding:100px}@media(max-width:750px){main .experiences .wrapper{padding:20px}}main .experiences .wrapper .item{border:1px solid #fff;padding:20px;border-radius:10px;display:flex;flex-direction:column;gap:50px}main .experiences .wrapper .item .title{display:flex;justify-content:space-between;font-size:20px;font-weight:700}@media(max-width:1100px){main .experiences .wrapper .item .title{flex-direction:column;gap:20px}}main .experiences .wrapper .item .title .name{text-decoration:underline;text-underline-offset:10px}@media(max-width:750px){main .experiences .wrapper .item .title .name{font-size:15px;text-underline-offset:5px;line-height:25px}}main .experiences .wrapper .item .details{font-size:15px;line-height:25px;color:gray}@media(max-width:750px){main .experiences .wrapper .item .details{font-size:12px}}main .about{display:flex;flex-direction:column;padding:100px;gap:100px}@media(max-width:750px){main .about{padding:50px 20px;gap:50px}}main .about p{text-align:center;font-size:45px}@media(max-width:750px){main .about p{font-size:30px}}main .about .wrapper{display:flex;align-items:center;gap:100px}@media(max-width:1100px){main .about .wrapper{flex-direction:column;gap:50px}}main .about .wrapper .about-me,main .about .wrapper .image-container{flex:1 1}@media(max-width:1100px){main .about .wrapper .about-me,main .about .wrapper .image-container{gap:20px}}main .about .wrapper .image-container{max-width:500px;max-height:600px;overflow:hidden;padding:100px;border:1px solid #000;border-radius:10px}main .about .wrapper .image-container img{object-fit:cover;border-radius:10px}main .about .wrapper .about-me{display:flex;flex-direction:column;justify-content:space-between;height:600px}main .about .wrapper .about-me p{text-align:left;flex:1 1}main .about .wrapper .about-me .details{flex:6 1;line-height:25px;font-size:15px}main .works{display:flex;flex-direction:column;padding:100px;background-color:#000;color:#fff;gap:100px}@media(max-width:750px){main .works{padding:50px 20px;gap:50px}}main .works p{text-align:center;font-size:45px}@media(max-width:750px){main .works p{font-size:30px}}main .works .wrapper{display:flex;flex-direction:column;gap:50px}main .works .wrapper .item{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:150px;gap:150px}@media(max-width:1100px){main .works .wrapper .item{grid-template-columns:repeat(1,1fr);gap:20px}}main .works .wrapper .item .image-container{max-width:800px;max-height:400px;overflow:hidden;border:1px solid #fff;border-radius:10px;padding:20px}main .works .wrapper .item .image-container img{object-fit:cover;border-radius:10px}main .works .wrapper .item .image-container.second{order:2}@media(max-width:1100px){main .works .wrapper .item .image-container.second{order:1}}main .works .wrapper .item .details{display:flex;flex-direction:column;justify-content:space-around;border-bottom:1px solid #fff}@media(max-width:1100px){main .works .wrapper .item .details{gap:20px;border:0}}main .works .wrapper .item .details.second{order:1}@media(max-width:1100px){main .works .wrapper .item .details.second{order:2}}main .works .wrapper .item .details h1,main .works .wrapper .item .details h2{font-size:35px}main .works .wrapper .item .details p{font-size:15px;text-align:left;line-height:25px;color:gray}main .contact{display:flex;padding:100px;gap:100px}@media(max-width:750px){main .contact{padding:100px 20px 20px;gap:50px}}@media(max-width:1100px){main .contact{flex-direction:column}}main .contact .details,main .contact form{flex:1 1;display:flex;flex-direction:column}main .contact form{gap:30px}@media(max-width:1100px){main .contact form{order:2}}main .contact form input,main .contact form textarea{padding:20px;border-radius:10px;border:1px solid #000}main .contact form input:focus,main .contact form textarea:focus{outline:none;transform:none}main .contact form input[type=file],main .contact form input[type=number],main .contact form input[type=password],main .contact form input[type=text],main .contact form textarea{font-size:16px;margin:0;width:100%;cursor:text;resize:vertical}@media(max-width:1100px){main .contact form input[type=file],main .contact form input[type=number],main .contact form input[type=password],main .contact form input[type=text],main .contact form textarea{font-size:16px}}main .contact form button,main .contact form button[type=button],main .contact form button[type=reset],main .contact form button[type=submit]{border:none;text-decoration:none;text-transform:capitalize;box-shadow:none;cursor:pointer}main .contact form button:focus,main .contact form button[type=button]:focus,main .contact form button[type=reset]:focus,main .contact form button[type=submit]:focus{outline:none}main .contact form button:hover,main .contact form button[type=button]:hover,main .contact form button[type=reset]:hover,main .contact form button[type=submit]:hover{box-shadow:none}main .contact form button :active,main .contact form button[type=button] :active,main .contact form button[type=reset] :active,main .contact form button[type=submit] :active{outline:none}main .contact form .buttons{display:flex;align-items:center;gap:10px}main .contact form .buttons .btn{padding:20px;background-color:#000;border-radius:10px;color:#fff}main .contact form .buttons .a{border:1px solid #000!important;padding:10px;border-radius:10px}main .contact .details{gap:50px}@media(max-width:1100px){main .contact .details{order:1}}main .contact .details .title{font-size:35px;font-weight:700}main .contact .details .title span{color:transparent;-webkit-text-stroke:1px #000;stroke:#000}main .contact .details .info .email{font-weight:700}.navbar{height:100px;color:#000;transition:all .5s ease-in-out;padding-left:100px;padding-right:100px}@media(max-width:1100px){.navbar{padding:0}}.navbar.scrolled{background-color:#e8e8e8}.navbar.not-scrolled{background-color:transparent}.navbar .wrapper{display:flex;align-items:center;justify-content:space-between;height:100%}.navbar .wrapper img{width:100px;height:100px;cursor:pointer}@media(max-width:800px){.navbar .wrapper img{width:80px;height:80px}}.navbar .wrapper .links{display:flex;align-items:center;gap:50px;font-size:15px;color:#000;transition:all .5s ease-in-out}.navbar .wrapper .links :hover{color:#000}.navbar .wrapper .links a{cursor:pointer}.navbar .wrapper .links .locale.mobile{display:none}.navbar .wrapper .locale button{text-decoration:none;text-transform:uppercase;box-shadow:none;cursor:pointer;padding:10px;border:1px solid #000;background-color:inherit;border-radius:10px;color:#000}.navbar .wrapper .locale button:focus{outline:none}.navbar .wrapper .locale button:hover{box-shadow:none}.navbar .wrapper .locale button :active{outline:none}.navbar .wrapper #cv{border:.5px solid #000;border-radius:10px;padding:20px;color:#fff;cursor:pointer;font-size:13px;background-color:#000}.navbar .wrapper .menu-icon{display:none;cursor:pointer}@media(max-width:1200px){.navbar .wrapper .links a{font-size:12px}.navbar .wrapper #cv{font-size:10px}}@media(max-width:1100px){.navbar .wrapper .links{display:none;flex-direction:column;position:absolute;top:100px;left:0;right:0;background-color:#000!important;color:#fff;z-index:2000;padding:20px;box-shadow:0 4px 8px rgba(0,0,0,.1)}.navbar .wrapper .links :hover{color:#fff!important}.navbar .wrapper .links.open-mobile-menu{display:flex}.navbar .wrapper .links a{margin:10px 0}.navbar .wrapper .links .locale.mobile{display:block;border:1px solid #fff;background-color:inherit;border-radius:10px}.navbar .wrapper .links .locale.mobile button{color:#fff}.navbar .wrapper .locale.computer{display:none}.navbar .wrapper .menu-icon{display:block;padding:20px;cursor:pointer}}.top-button{position:fixed!important;bottom:20px;right:20px;z-index:2000}.top-button img{transition:all .5 ease-in-out}.top-button img.border{width:60px;height:60px;padding:10px;background-color:#fff;border-radius:50%}