.spinner-overlay{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background-color:#fff;z-index:9999;display:flex;justify-content:center;align-items:center}.spinner{border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;width:50px;height:50px;-webkit-animation:spin 1s linear infinite;animation:spin 1s linear infinite}@-webkit-keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}*{margin:auto;max-width:1900px}.btn{border-radius:20px}.btn-primary{background-color:#2c7551}.btn-primary:hover{background-color:#4d9e75;color:#000}header{font-size:130%;position:fixed;z-index:20;width:100%}header a{color:#fff;padding-left:1rem;transition:.4s}header a:hover{transform:scale(1.15);transition:.4s}header ul{margin-right:0}header li{padding-left:2rem}header .navbar-expand-lg .navbar-collapse{justify-content:flex-end}.flag{width:2rem}.hobbies{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;align-content:center;justify-content:center}@media screen and (max-width:970px){.hobbies{grid-template-columns:1fr 1fr}}@media screen and (max-width:500px){.hobbies{grid-template-columns:1fr}}.hobbies .hobbies-el{margin:1rem;font-size:130%}.hobbies .hobbies-el i{font-size:170%}.contact{display:grid;grid-template-columns:1fr 1fr 1fr;justify-items:center;align-content:center;justify-content:center}@media screen and (max-width:970px){.contact{grid-template-columns:1fr}}.contact .contact-el{margin:2rem;font-size:130%}.contact .contact-el a{text-decoration:none;color:#fff}.contact .contact-el i{font-size:200%;transition:.5s}.contact .contact-el i:hover{transform:scale(1.3);transition:.5s}.contact .gmail{color:#da3838}.contact .fa-linkedin{color:#16e}.contact .fa-line{color:rgba(36,201,36,.808)}.contact .insta{width:40px;margin-top:.25rem}.contact .insta:hover{transform:scale(1.3);transition:.5s}.tools{margin:1rem 4rem;display:grid;grid-template-columns:1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;align-content:center;justify-items:center}@media screen and (max-width:970px){.tools{grid-template-columns:1fr 1fr 1fr}}@media screen and (max-width:500px){.tools{grid-template-columns:1fr}}.tools .tools-el{font-size:130%}.loader{z-index:5;width:100%;height:100%;background-color:rgba(11,12,12,.541);position:fixed}.spin{position:absolute;top:50%;left:50%;margin:0 auto}.home{background-color:hsla(0,0%,100%,.685)}img{width:100%;margin:auto;-o-object-fit:cover;object-fit:cover}.hero{position:relative;padding-top:40px}@media screen and (max-width:400px){.hero{padding-top:60px}}.hero .hero-text{position:absolute;align-items:center;top:20%;left:5%}@media screen and (max-width:800px){.hero .hero-text{top:80%;left:25%}}@media screen and (max-width:400px){.hero .hero-text{top:80%;left:7%}}.hero .hero-text h1{-webkit-animation:slideDisplay .5s;animation:slideDisplay .5s}.hero .hero-text h1 span.typed-text{color:#000;display:inline-block;opacity:0;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.hero .hero-text h1 span.typed-text:first-child{-webkit-animation:slideDisplay .5s forwards;animation:slideDisplay .5s forwards;-webkit-animation-delay:0ms;animation-delay:0ms}.hero .hero-text h1 span.typed-text2{-webkit-animation:slideDisplay .5s forwards;animation:slideDisplay .5s forwards;-webkit-animation-delay:.5s;animation-delay:.5s}.hero .hero-text h1 span.typed-text3{-webkit-animation:slideDisplay .5s forwards;animation:slideDisplay .5s forwards;-webkit-animation-delay:.7s;animation-delay:.7s}.hero .hero-text h1 span.typed-text4{-webkit-animation:slideDisplay .5s forwards;animation:slideDisplay .5s forwards;-webkit-animation-delay:.8s;animation-delay:.8s}.devWebP{width:27rem;position:absolute;top:40%;left:10%;z-index:10}@media screen and (max-width:900px){.devWebP{width:20rem;top:50%;left:20%}}@media screen and (max-width:580px){.devWebP{top:50%;left:20%}}@media screen and (max-width:400px){.devWebP{top:60%;left:10%;width:15rem}}@media screen and (max-width:300px){.devWebP{top:60%;left:0;width:15rem}}.svg{position:absolute;top:40%;left:0;z-index:6}@media screen and (max-width:1640px){.svg{top:50%;left:0}}@media screen and (max-width:1440px){.svg{top:60%;left:0}}@media screen and (max-width:1100px){.svg{top:70%;left:0}}@media screen and (max-width:900px){.svg{top:80%;left:0}}@media screen and (max-width:650px){.svg{top:85%;left:0}}@media screen and (max-width:470px){.svg{top:87%;left:0}}@media screen and (max-width:400px){.svg{top:89%;left:0}}@media screen and (max-width:365px){.svg{top:92%;left:0}}#aboutMe{margin-top:-100px}@media screen and (max-width:1000px){#aboutMe{margin-top:100px}}@media screen and (max-width:800px){#aboutMe{margin-top:200px}}@media screen and (max-width:400px){#aboutMe{margin-top:250px}}.id-pic{width:8rem;height:8rem;-o-object-fit:cover;object-fit:cover;border-radius:150px;position:absolute;left:-120px;top:50px;z-index:11}@media screen and (max-width:1400px){.id-pic{left:40%;margin:0 auto;top:0}}.aboutMePar{font-size:120%;font-family:Fuzzy Bubbles,cursive}.logo{width:80px;padding-right:1rem}.css{width:60px}.btn-secondary{background-color:#d85c3a}.works{display:grid;grid-template-columns:1fr}@media screen and (max-width:1900px){.works{grid-template-columns:1fr}}@media screen and (max-width:1300px){.works{grid-template-columns:1fr}}.card{width:35rem;position:relative;z-index:1;border-radius:20px;box-shadow:3px 3px 7px rgba(63,62,62,.596)}@media screen and (max-width:600px){.card{width:100%}.card a.btn-secondary{margin-top:.8rem}}@media screen and (max-width:600px)and (max-width:400px){.card{width:100%;border-radius:0;box-shadow:none}.card a.btn-secondary{margin-top:.8rem}}.card .card-img-top{border-top-left-radius:20px;border-top-right-radius:20px;height:29rem;-o-object-fit:cover;object-fit:cover;border-bottom:1px solid hsla(0,0%,50.2%,.308)}@media screen and (max-width:400px){.card .card-img-top{border-radius:0}}.card .logo{width:150px;padding-right:1rem;transition:.1s}.card .css{width:50px}.card .ux{width:80px}.card .analytics{width:7rem}.card .node{width:6rem}.card .nuxt{width:9rem}.card .heroku{width:3.5rem}.card .ohmyfood,.card .reservia{-o-object-fit:cover;object-fit:cover;-o-object-position:left top;object-position:left top}.card .iphone{width:7.6rem;top:235px;right:20px;border-radius:15px}.card .iphone,.card .performance{height:16rem;position:absolute;background-size:8rem;box-shadow:5px 3px 5px rgba(63,62,62,.596);z-index:3}.card .performance{width:25rem;top:220px;right:-20px;border:1px solid grey;border-radius:15px}@media screen and (max-width:630px){.card .performance{height:10rem;width:20rem;right:20px;top:320px}}.phone{-webkit-animation:shake 3s;animation:shake 3s;color:red;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.black{color:#fff}@media screen and (min-width:1100px){.black{border-radius:40% 40% 0 0}}@-webkit-keyframes cursorBlink{49%{background-color:#fff}50%{background-color:transparent}99%{background-color:transparent}}@keyframes cursorBlink{49%{background-color:#fff}50%{background-color:transparent}99%{background-color:transparent}}@-webkit-keyframes slideDisplay{0%{transform:translateX(-100px);opacity:0}50%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideDisplay{0%{transform:translateX(-100px);opacity:0}50%{transform:translateX(-100px);opacity:0}to{transform:translateX(0);opacity:1}}@media screen and (max-width:630px){.card{display:flex;flex-direction:column!important;text-align:center!important;align-items:center!important;justify-content:center!important}.card img{display:inline-block!important}}.image-background{max-width:1900px}