@import url(https://use.fontawesome.com/releases/v5.8.1/css/all.css);@import url(https://fonts.googleapis.com/css2?family=Pinyon+Script&family=Rubik:ital,wght@0,300..900;1,300..900&family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:where(html){-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;line-height:1.15}:where(h1){font-size:2em;margin-block-end:.67em;margin-block-start:.67em}:where(dl,ol,ul) :where(dl,ol,ul){margin-block-end:0;margin-block-start:0}:where(hr){box-sizing:initial;color:inherit;height:0}:where(abbr[title]){text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}:where(b,strong){font-weight:bolder}:where(code,kbd,pre,samp){font-family:monospace,monospace;font-size:1em}:where(small){font-size:80%}:where(table){border-color:currentColor;text-indent:0}:where(button,input,select){margin:0}:where(button){text-transform:none}:where(button,input:is([type=button i],[type=reset i],[type=submit i])){-webkit-appearance:button}:where(progress){vertical-align:initial}:where(select){text-transform:none}:where(textarea){margin:0}:where(input[type=search i]){-webkit-appearance:textfield;outline-offset:-2px}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}::-webkit-input-placeholder{color:inherit;opacity:.54}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focus-inner{border-style:none;padding:0}:where(button,input:is([type=button i],[type=color i],[type=reset i],[type=submit i]))::-moz-focusring{outline:1px dotted ButtonText}:where(:-moz-ui-invalid){box-shadow:none}:where(dialog){background-color:#fff;border:solid;color:#000;height:fit-content;left:0;margin:auto;padding:1em;position:absolute;right:0;width:fit-content}:where(dialog:not([open])){display:none}:where(summary){display:list-item}html{scroll-behavior:smooth}:root{--purple-color:#9f85a8;--green-color:#90cec9;--light-grey-color:#424242;--dark-grey-color:#333;--white-color:#d9d9d9;--main-font:"Rubik",sans-serif}h1{font-size:90px;margin-bottom:10px}h1,h2{font-family:Rubik,sans-serif;font-family:var(--main-font);font-weight:700;text-transform:uppercase}h2{font-size:40px;margin-bottom:0}h3{font-size:30px;line-height:40px}h3,h4{font-family:Rubik,sans-serif;font-family:var(--main-font);font-weight:700;margin:0;text-transform:uppercase}h4{font-size:20px}h5{color:#90cec9;color:var(--green-color)}h5,p{font-family:Rubik,sans-serif;font-family:var(--main-font);font-size:15px;font-weight:lighter;line-height:30px;margin:0}p{padding:0;text-align:justify}section{padding-bottom:5em;padding-top:5em}.container,section{align-items:center;display:flex;justify-content:center}.container{flex-direction:column;width:80%}.button,button{background-color:#9f85a8;background-color:var(--purple-color);border:2px solid #9f85a8;border-radius:3px;color:#fff;cursor:pointer;font-family:Rubik,sans-serif;font-family:var(--main-font);font-weight:600;margin-top:30px;padding:1em 3em;text-transform:uppercase;transition:.5s}.button:hover,button:hover{background-color:initial;border:2px solid #9f85a8}a{font-family:Rubik,sans-serif;font-family:var(--main-font)}.flex-b{display:flex}.center{align-items:center;justify-content:center}.dir-col{flex-direction:column}header{background-color:#333;background-color:var(--dark-grey-color);box-shadow:0 -2px 27px 0 #0000006b;padding-bottom:1em;padding-top:1em;position:fixed;width:100%}header nav{margin-right:2em;width:100%}header ul{justify-content:end;list-style:none;width:100%}header a,header li{cursor:pointer}header a{border-bottom:2px solid #0000;color:#9f85a8;color:var(--purple-color);font-size:12px;font-weight:700;padding:10px;text-decoration:none;text-transform:uppercase;transition-duration:1s}header a:hover{border-bottom:2px solid #9f85a8}.freelance,.hero,.my-experiences>.container,.my-skills,.my-trainings,footer{background-color:#424242;background-color:var(--light-grey-color);color:#fff}.contact-me,.my-journey,.my-projects{background-color:#333;background-color:var(--dark-grey-color);color:#fff}.hero{color:#d9d9d9;color:var(--white-color);padding-top:10em}.hero .container{flex-direction:row}.hero img{margin-right:145px;width:23vw}.hero ul{padding:0}.hero .social-media li{list-style:none}.hero button{margin-top:0}.hero .container-social-media{align-items:center;margin-top:30px}.hero .social-media{margin:0}.hero i{background-color:#9f85a8;background-color:var(--purple-color);border:2px solid #9f85a8;border:2px solid var(--purple-color);border-radius:3px;color:#d9d9d9;color:var(--white-color);cursor:pointer;font-size:20px;margin-left:30px;padding:.565em;transition:.5s}.hero i:hover{background-color:initial}h1 span{color:#90cec9;color:var(--green-color)}.my-journey{background-attachment:fixed;background-color:#333;background-color:var(--dark-grey-color);background-image:url(/static/media/Group%2010.ca2ee27833d3fff4e856.png);background-position:50%;background-repeat:no-repeat}.my-journey p{margin-top:1em}.my-journey>.container{flex-direction:row;justify-content:space-between;width:87%}.my-journey>.container>div:first-child{background-color:#333;background-color:var(--dark-grey-color);padding:.5em;width:55%}.my-journey img{width:30vw}.my-skills .container-img{flex-wrap:wrap;justify-content:space-between;margin-top:3em;width:80%}.my-skills .container-img img{height:auto;height:70px;padding:2em 1em 1em}.my-skills .container-img div{align-items:center;border-radius:10px;box-shadow:0 0 39px -18px #00000085;display:flex;flex-direction:column;justify-content:center;margin:10px;width:180px}.my-skills .container-img p{font-weight:700;padding-bottom:10px}.my-projects .container{width:87%}.my-projects .container>div{grid-column-gap:10px;grid-row-gap:10px;column-gap:10px;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr;margin-top:3em;row-gap:10px;width:100%}.item{border-radius:10px;height:250px}.item-a{grid-row-end:2;grid-row-start:1}.item-a,.item-b{background-color:#9f85a8;grid-column-end:2;grid-column-start:1}.item-b{grid-row-end:3;grid-row-start:2}.item-c{grid-row-end:2;grid-row-start:1}.item-c,.item-g{background-color:#9f85a8;grid-column-end:3;grid-column-start:2}.item-g{grid-row-end:3;grid-row-start:2}.item-d{grid-column-end:4;grid-column-start:3}.item-d,.item-e{background-color:#9f85a8;grid-row-end:2;grid-row-start:1}.item-e{grid-column-end:5;grid-column-start:4}.item-h{grid-column-end:5;grid-column-start:4}.item-f,.item-h{background-color:#9f85a8;grid-row-end:3;grid-row-start:2}.item-f{grid-column-end:4;grid-column-start:3}.my-projects a{align-items:center;color:#fff;display:flex;font-family:Rubik,sans-serif;font-family:var(--main-font);font-size:30px;font-weight:700;justify-content:center;text-align:center;text-decoration:none;text-transform:uppercase;transition:.5s}.my-projects a:hover{background-color:initial;font-size:32px}.freelance{background-attachment:fixed;background-color:#333;background-color:var(--dark-grey-color);background-image:url(/static/media/Group%2010.ca2ee27833d3fff4e856.png);background-position:50%;background-repeat:no-repeat;text-align:center}.freelance .container{width:60%}.my-trainings h4{color:#90cec9}.my-trainings li{margin-bottom:2em}.my-trainings ul{margin-top:3em;padding:0}.my-trainings li:last-child{margin-bottom:0}.my-trainings ul ul{margin-left:15px;margin-top:3em;padding:0}.my-trainings ul ul li{list-style:disc;padding-left:10px}.my-trainings ul ul li::marker{color:#90cec9;color:var(--green-color)}.my-trainings .container{border-radius:10px;box-shadow:0 0 39px -18px #00000085;margin-top:4em;padding:3em}.my-trainings img{margin-right:1em;width:15px}.my-experiences{background-attachment:fixed;background-image:url(/static/media/diamondShape.35b1afb509fa5c402672.png)}.my-experiences .container{border-radius:10px;padding:3em}.my-experiences .text-container{margin-top:3em}.my-experiences .text-container div{border-bottom:3px solid #90cec9;border-left:3px solid #90cec9;padding:2em 0 2em 2em}.my-experiences h4{color:#90cec9;margin-bottom:.5em}.contact-me{flex-direction:column}.contact-me form{margin-top:3em;width:50%}.contact-me .first-container{justify-content:space-between;margin-bottom:3em;width:100%}.contact-me label{font-family:Rubik,sans-serif;font-family:var(--main-font);font-weight:300;margin-bottom:.5em;text-transform:uppercase}.contact-me input,textarea{background-color:#424242;background-color:var(--light-grey-color);border:3px solid #9f85a8;color:#d9d9d9;color:var(--white-color);outline:none;padding:1em 1em 1em 10px;width:250px}.captcha{margin:1em}.contact-me textarea{height:200px;width:100%}footer{background-color:#333;background-color:var(--dark-grey-color);box-shadow:0 0 27px 0 #0000009e;padding:100px 100px 0;position:relative}footer .container{align-items:flex-start;flex-direction:row;justify-content:space-between}footer .container div:first-child{width:40%}footer li{list-style:none;margin-bottom:10px}footer ul{padding-left:0}footer ul a{border-bottom:2px solid #0000;color:#9f85a8;color:var(--purple-color);margin-bottom:20px;text-decoration:none;transition:.3s}footer .social-media{margin-top:50px}footer .social-media i{background-color:#9f85a8;background-color:var(--purple-color);border:2px solid #9f85a8;border:2px solid var(--purple-color);border-radius:3px;color:#d9d9d9;color:var(--white-color);cursor:pointer;font-size:20px;margin-left:30px;padding:.5em;transition:.5s}footer .social-media i:hover{background-color:initial}footer .container a:hover{border-bottom:2px solid #9f85a8}footer .button{margin-bottom:20px;margin-top:0;text-align:center;text-decoration:none}footer h4{margin-bottom:10px}.my-projects-page{background-color:#424242;background-color:var(--light-grey-color);color:#fff;padding-top:10em}.my-projects-page h2{margin-top:0}.my-projects-page .project h3{margin:0}.my-projects-page .container{align-items:flex-start}.project{background-color:#9f85a8;background-color:var(--purple-color);border:3px solid #9f85a8;border:3px solid var(--purple-color);border-radius:5px;cursor:pointer;margin-bottom:30px;padding:2em;transition:.5s}.project p{margin:0}.project:hover{background-color:#424242;background-color:var(--light-grey-color)}.container-my-project-page{display:flex;flex-direction:column;margin-top:2em;width:100%}.project-details{padding-top:10em}.project-details img{border-radius:10px;box-shadow:0 0 39px 0 #00000085;height:auto;width:100%}.project-details .language-container{width:100%}.project-details ul{margin:0;padding:0}.project-details li{border-right:2px solid #90cec9;border-right:2px solid var(--green-color);list-style:none;padding:0 30px}.project-details li:first-child{padding-left:0}.project-details li:last-child{border:none;padding-right:0}.project-details h2{margin-bottom:0}.congratsPage .back-to-home,.project-details .back-to-projects{align-items:center;border:2px solid #0000;border-radius:3px;color:#9f85a8;color:var(--purple-color);cursor:pointer;font-family:Rubik,sans-serif;font-family:var(--main-font);font-weight:900;margin-top:30px;outline:none;padding:.5em 2em;text-decoration:none;text-transform:uppercase;transition:.5s}.congratsPage .back-to-home:hover,.project-details .back-to-projects:hover{border:2px solid #9f85a8;border:2px solid var(--purple-color)}.congratsPage .back-to-home img,.project-details .back-to-projects img{margin-right:10px;width:25px}.project-details a{text-decoration:none}.congratsPage .back-to-home p,.project-details .back-to-projects p{color:#9f85a8;color:var(--purple-color);font-weight:700;margin:0;padding:0;text-decoration:none;text-transform:uppercase}.project-details .container-subtitle{align-items:center;margin-bottom:15px;margin-top:30px}.project-details .container-subtitle img{width:50%}.project-details h4{margin-left:5px;margin-top:0}.hero .icon,.project-details .icon,footer .icon{margin-right:10px}.project-details .container{align-items:start;display:flex}.project-details{background-color:#424242;background-color:var(--light-grey-color);color:#d9d9d9;color:var(--white-color)}.project-details .modal{animation-duration:.4s;animation-name:animatetop;background-color:#000;background-color:#0009;display:none;height:100%;justify-content:center;left:0;overflow:auto;position:fixed;top:0;width:100%;z-index:1}@keyframes animatetop{0%{opacity:0;top:-300px}to{opacity:1;top:0}}.project-details .modal-container{width:80%}.modal-title-container{align-items:center;background-color:#333;background-color:var(--dark-grey-color);border-top-left-radius:10px;border-top-right-radius:10px;display:flex;justify-content:center;padding-bottom:20px;padding-top:20px;position:relative}.modal-container .close{color:#9f85a8;color:var(--purple-color);cursor:pointer;font-size:50px;position:absolute;right:20px;text-align:center;top:6px;transition:.5s}.modal-container .close:hover{transform:scale(1.2)}.modal-container img{border-top-left-radius:0;border-top-right-radius:0}.alertMessage{border-radius:5px;margin-top:20px;opacity:0;padding-bottom:20px;padding-top:20px;text-align:center;transition:.5s;width:100%}.failedMessage{background-color:red;opacity:1}.successMessage{background-color:green;opacity:1}.contact-me-page{padding-top:8em}.congratsPage{background-color:#333;background-color:var(--dark-grey-color)}.congratsPage h2{margin-top:0}.congratsPage .container div{align-items:center;justify-content:center}.congratsPage .icon{color:#90cec9;color:var(--green-color);font-size:40px;font-weight:300;margin-left:20px}.congratsPage .container{color:#fff;padding-bottom:30vh;padding-top:30vh}@media (max-width:500px){header ul{justify-content:center;padding-left:0}header nav{margin-right:0}.container{width:90%}h1{font-size:60px;margin-top:10px}h2{margin-top:0}h4{font-size:15px}h3{font-size:20px;line-height:25px}ul{padding:0}section{padding-bottom:2em;padding-top:2em}.hero{padding:8em 0 5em}.hero .container div{align-items:center;display:flex;flex-direction:column}.hero .container div div{width:100%}.hero img,.my-journey img{display:none}.hero h4{margin:0}.hero div .container-social-media{flex-direction:row;width:100%}.my-journey>.container>div:first-child{width:auto}.my-journey .container>div:last-child{display:none}.my-journey>.container p{width:100%}.my-skills .container-img{margin-top:20px;width:100%}.my-skills .container-img img{padding:1em}.my-skills .container-img div{height:150px;margin:0 0 10px;width:170px}.my-projects .container>div{display:flex;flex-direction:column;height:auto;margin-top:1em}.my-projects .container .item{border-radius:5px;height:100px;padding:10px 0}.freelance .container{width:100%}.my-trainings img{display:none}.my-trainings ul{margin-top:15px}.my-trainings ul ul{margin-top:20px}.my-trainings .container{box-shadow:none;margin-top:0}.my-experiences .text-container{margin-top:15px}.my-experiences .container{border-radius:0;padding:2em}.contact-me .first-container{flex-direction:column}.contact-me form{width:90%}.contact-me .first-container div:first-child{margin-bottom:15px}.contact-me input,.contact-me textarea{width:90%}.contact-me .first-container{margin-bottom:15px}footer{padding:50px 0 0}footer .container div:first-child{margin-bottom:20px;width:100%}footer .container div{width:100%}footer .container{flex-direction:column}.my-projects-page .container{align-items:center;display:flex;text-align:center}.project-details h2{margin-top:30px}.project-details ul{display:flex;flex-direction:column}.modal-container .close{right:10px;top:0}.project-details li{border:none;list-style:square;margin-bottom:10px;margin-left:30px;padding:0}.project-details .modal-container{margin-top:10px;width:100%}.modal-button-container{display:flex;justify-content:center}.project-details a{margin:20px auto auto}.project-details li::marker{color:#90cec9;color:var(--green-color)}.congratsPage h2{text-align:center}}
/*# sourceMappingURL=main.cd06cb42.css.map*/