.projects-container{grid-gap:1.5em;display:grid;gap:1.5em;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:2em}.section.projects{display:block}.projects-card{border-radius:15px;box-shadow:0 5px 10px var(--shadow-color);overflow:hidden;text-align:justify;&:hover{box-shadow:10px 12px 15px var(--shadow-color)}.projects-card-info{display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:.8em}.img-author{border:3px solid #fff;border-radius:50%;box-shadow:0 5px 10px var(--shadow-color);height:80px;margin-top:0;width:80px}.projects-title{color:var(--text-color);font-size:1.25em;font-weight:700;margin-bottom:.5em;margin-top:.7em}.description{color:var(--text-light);font-size:1em;letter-spacing:1px;margin-top:1em}.link{color:var(--primary-color);display:inline-block;font-size:1em;justify-content:flex-end;text-decoration:none;&:hover{text-decoration:underline}}.link,.stack{font-weight:700;margin-top:1.5em}.author,.stack{color:var(--text-light);font-size:.8em;letter-spacing:1px}.author{margin-top:1.5em}.author,.repo{font-weight:700}.repo{color:var(--primary-color);display:inline-block;font-size:1em;justify-content:flex-end;margin-top:.5em;text-decoration:none;&:hover{text-decoration:underline}}}.loading-container{align-items:center;display:flex;flex-direction:column;justify-content:center;margin-top:2em;p{color:var(--primary-color);font-size:1.25em;font-weight:700;margin-top:.7em}.loading{align-items:center;border-radius:100%;margin-top:1em;width:15%}}.form{border:2px solid var(--primary-color);border-radius:10px;display:flex;flex-direction:column;margin:2em .5em .5em;padding:1em;textarea{height:60px;max-width:100%;min-width:100%}input,label,textarea{margin:.2em 0}input,textarea{padding-left:.3em}input{height:2em}.btn{height:2.2em;margin-left:25%;margin-top:1em;width:50%}label{font-weight:700}}.navbar{align-items:center;background-color:var(--background-color);box-shadow:0 3px 6px var(--shadow-color);color:var(--text-color);display:flex;height:3.5rem;justify-content:space-between;position:fixed;top:0;width:100%;z-index:998;.logo{color:var(--primary-color);font-size:1.5em;font-weight:bolder;text-shadow:0 1px 3px var(--shadow-color);&:hover{text-decoration:underline}span{color:var(--text-light)}}.nav-links{a{color:var(--text-light);font-size:.9em;letter-spacing:2px;margin-left:1em;position:relative;text-transform:uppercase;&:before{background-color:var(--primary-color);bottom:-5px;content:"";display:inline-block;height:3px;left:0;position:absolute;transform:scaleX(0);transition:transform calc(var(--animation-speed)*.3s) ease-in-out;width:100%}&:hover{&:before{transform:scaleX(1)}}&.active{color:var(--primary-color);font-weight:700}}}.sidebar-btn{display:none;height:28px;position:relative;width:30px;&:hover{cursor:pointer}.bar{background-color:var(--primary-color);border-radius:5px;height:5.5px;position:absolute;transition:transform calc(var(--animation-speed)*.5s) ease-in-out;width:100%;&:first-child{top:0}&:nth-child(2){top:50%;transform:scaleX(.8) translateY(-50%);transform-origin:right}&:nth-child(3){top:100%;transform:scaleX(1.1) translateY(-100%);transform-origin:right}}&.active{.bar{top:50%;transform-origin:center;&:first-child{transform:translateY(-50%) scale(1) rotate(45deg)}&:nth-child(2){transform:scaleX(0) translateY(-50%)}&:nth-child(3){transform:translateY(-50%) scale(1) rotate(-45deg)}}}}}.sidebar{animation:calc(var(--animation-speed)*.5s) ease-in-out slideInLeft;background-color:var(--background-color);box-shadow:0 0 0 10000px #0003,3px 0 5px var(--shadow-color);height:100vh;left:0;position:fixed;top:0;width:16rem;z-index:999;.icon-size{font-weight:900;padding-right:.5em;width:30%}.sidebar-link{align-items:center;animation:calc(var(--animation-speed)*.3s) ease-in-out slideInLeft forwards;border-left:.3em solid #0000;color:var(--text-color);direction:row;display:flex;font-size:1.1em;margin-bottom:1em;padding:.5em 1em;transform:translateX(-100%);&:first-child{animation-delay:calc(var(--animation-speed)*.2s)}&:nth-child(2){animation-delay:calc(var(--animation-speed)*.3s)}&:nth-child(3){animation-delay:calc(var(--animation-speed)*.4s)}&:nth-child(4){animation-delay:calc(var(--animation-speed)*.5s)}&:nth-child(5){animation-delay:calc(var(--animation-speed)*.6s)}&:nth-child(6){animation-delay:calc(var(--animation-speed)*.7s)}&.active{border-left:.3em solid var(--primary-color)}&:hover{background-color:#0000001a;border-left-color:var(--primary-color)}svg{margin-right:.5em;width:1.3em}}}.themes{background-color:var(--background-light);border-left:.5em solid var(--primary-color);border-radius:10px;box-shadow:0 5px 10px var(--shadow-color);display:flex;gap:1em;margin-top:1.5em;padding:1em;.option{align-items:center;border-radius:10px;box-shadow:0 3px 6px var(--shadow-color);display:flex;height:3em;justify-content:center;width:3em;&.light{background-color:#fff}&.dark{background-color:#1b1b1b}.check{align-items:center;background-color:var(--primary-color);border-radius:50%;box-shadow:0 2px 5px var(--shadow-color);display:flex;height:1.5em;justify-content:center;width:1.5em;svg{height:1em;width:1em}}}.btn span{display:inline-block;margin-left:.5em}}.d-block h2{color:var(--text-color);font-size:2em}.cathegory-search{display:block;h2{color:var(--text-color);margin-bottom:.5em}.search-buttons-container{.search-item{animation:calc(var(--animation-speed)*1.2s) slideInRight;background-color:var(--primary-color);border-radius:5px;box-shadow:0 3px 6px var(--shadow-color);color:#fff;display:inline-block;margin:0 .8em .5em 0;padding:.4em 1em;&:hover{box-shadow:0 1px 3px var(--shadow-color);transform:translateY(-3px)}}}.search-box{align-items:center;display:flex;height:30px;justify-content:flex-end;.btn,input{height:30px}input{border:1px solid var(--text-color);border-radius:5px 0 0 5px;min-width:180px;outline:none;padding:0 .5em}.btn{border-radius:0 5px 5px 0;padding-block:.2em}}}.footer{align-items:center;background-color:var(--primary-color);box-shadow:0 5px 10px var(--shadow-color);color:#fff;display:flex;flex-direction:row;justify-content:center;padding:2em;img{width:20%}}.section.improve-skills{margin-top:5em;.col.img{img{height:100%;width:85%}}.col.text{border-left:.2em solid var(--primary-color);color:var(--text-light);font-weight:700;margin-bottom:.5em;padding:.1em 0 .1em .5em;.skills-list{display:grid;grid-template-columns:repeat(2,1fr)}.skill-item{animation:calc(var(--animation-speed)*.5s) slideInRight forwards;opacity:0;padding:.5em;transform:translateX(100%);&:hover{background-color:var(--primary-color);color:#fff}&:first-child{animation-delay:.5s}&:nth-child(2){animation-delay:.6s}&:nth-child(3){animation-delay:.7s}&:nth-child(4){animation-delay:.8s}&:nth-child(5){animation-delay:.9s}&:nth-child(6){animation-delay:1s}&:nth-child(7){animation-delay:1.1s}&:nth-child(8){animation-delay:1.2s}&:nth-child(9){animation-delay:1.3s}&:nth-child(10){animation-delay:1.4s}&:nth-child(11){animation-delay:1.5s}&:nth-child(12){animation-delay:1.6s}&:nth-child(13){animation-delay:1.7s}&:nth-child(14){animation-delay:1.8s}&:nth-child(15){animation-delay:1.9s}&:nth-child(16){animation-delay:2s}&:nth-child(17){animation-delay:2.1s}&:nth-child(18){animation-delay:2.2s}&:nth-child(19){animation-delay:2.3s}&:nth-child(20){animation-delay:2.4s}&:nth-child(21){animation-delay:2.5s}}.btn{margin-top:.75em}}}.media-btn{display:flex;flex-direction:row;button{margin-right:.5em;margin-top:1em}}.gallery{display:grid;grid-template-columns:repeat(5,1fr);padding-left:20px;.custom-image{animation:calc(var(--animation-speed)*2s) popOut forwards;opacity:0;overflow:hidden;transform:scale(0);&:nth-child(2){animation-delay:calc(var(--animation-speed)*.1s)}&:nth-child(3){animation-delay:calc(var(--animation-speed)*2.2s)}&:nth-child(4){animation-delay:calc(var(--animation-speed)*.7s)}&:nth-child(5){animation-delay:calc(var(--animation-speed)*1.5s)}&:nth-child(6){animation-delay:calc(var(--animation-speed)*.3s)}&:nth-child(7){animation-delay:calc(var(--animation-speed)*1.7s)}&:nth-child(8){animation-delay:calc(var(--animation-speed)*.5s)}&:nth-child(9){animation-delay:calc(var(--animation-speed)*2s)}&:nth-child(10){animation-delay:calc(var(--animation-speed)*.9s)}&:nth-child(11){animation-delay:calc(var(--animation-speed)*1s)}&:nth-child(12){animation-delay:calc(var(--animation-speed)*1.1s)}&:nth-child(13){animation-delay:calc(var(--animation-speed)*2.2s)}&:nth-child(14){animation-delay:calc(var(--animation-speed)*1.3s)}&:nth-child(15){animation-delay:calc(var(--animation-speed)*1.4s)}&:nth-child(16){animation-delay:calc(var(--animation-speed)*.8s)}&:nth-child(17){animation-delay:calc(var(--animation-speed)*1.6s)}&:nth-child(18){animation-delay:calc(var(--animation-speed)*.6s)}&:nth-child(19){animation-delay:calc(var(--animation-speed)*1.8s)}&:nth-child(20){animation-delay:calc(var(--animation-speed)*2.5s)}&:nth-child(21){animation-delay:calc(var(--animation-speed)*1.2s)}&:nth-child(22){animation-delay:calc(var(--animation-speed)*2.1s)}&:nth-child(23){animation-delay:calc(var(--animation-speed)*.2s)}&:nth-child(24){animation-delay:calc(var(--animation-speed)*.4s)}&:nth-child(25){animation-delay:calc(var(--animation-speed)*2.4s)}&:nth-child(26){animation-delay:calc(var(--animation-speed)*1.9s)}}}.section.hero{.text{padding-right:1em}.bootcamp{color:var(--primary-color);font-weight:700}.gallery{display:grid;grid-template-columns:repeat(3,1fr);.custom-image{animation:calc(var(--animation-speed)*.3s) popOut forwards;opacity:0;overflow:hidden;transform:scale(0);&:first-child{border-top-left-radius:10px}&:nth-child(2){animation-delay:calc(var(--animation-speed)*.1s)}&:nth-child(3){animation-delay:calc(var(--animation-speed)*.2s);border-top-right-radius:10px}&:nth-child(4){animation-delay:calc(var(--animation-speed)*.7s)}&:nth-child(5){animation-delay:calc(var(--animation-speed)*.8s)}&:nth-child(6){animation-delay:calc(var(--animation-speed)*.3s)}&:nth-child(7){animation-delay:calc(var(--animation-speed)*.6s);border-bottom-left-radius:10px}&:nth-child(8){animation-delay:calc(var(--animation-speed)*.5s)}&:nth-child(9){animation-delay:calc(var(--animation-speed)*.4s);border-bottom-right-radius:10px}}}}@keyframes popOut{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}:root{--background-color:#fff;--background-light:#fff;--background-dark:#5e5e5e;--shadow-color:#0003;--primary-color:#0b7fa2;--text-color:#0a0a0a;--text-light:#575757;--text-dark:#000;--font-size:1rem;--animation-speed:1}*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff;background-color:var(--background-color);font-family:Roboto,sans-serif;font-size:1rem;font-size:var(--font-size);padding-top:55px}a{text-decoration:none}.btn{background-color:#0b7fa2;background-color:var(--primary-color);border:none;border-radius:3px;box-shadow:0 3px 6px #0003;box-shadow:0 3px 6px var(--shadow-color);color:#fff;cursor:pointer;font-size:.8rem;font-weight:700;letter-spacing:1px;outline:none;padding:.5rem .8rem;text-transform:uppercase;transition-delay:0s;transition-duration:.3s;transition-property:transform;transition-timing-function:ease;&:hover{box-shadow:0 1px 3px #0003;box-shadow:0 1px 3px var(--shadow-color);transform:translateY(-5px)}}.custom-image{height:0;position:relative;width:100%;img{height:100%;left:0;position:absolute;top:0;width:100%}}img{object-fit:cover}.section{align-items:center;display:flex;flex-wrap:wrap;margin-bottom:4vw;&.d-block{display:block}.title{color:#0a0a0a;color:var(--text-color);font-size:2.5em;margin-bottom:.3em}.info{color:#575757;color:var(--text-light);font-size:1.2em;letter-spacing:1px;line-height:1.2;margin-bottom:.8em;text-align:justify;text-justify:inter-word;&.about-section{font-weight:400;padding-left:.5em}}.col{width:50%}}.main{padding-block:3vw}.container{padding-inline:25vw}.navbar{.nav-links{display:none}.sidebar-btn{display:block}}@media screen and (max-width:1280px){.container{padding-inline:18vw}}@media screen and (max-width:1050px){.container{padding-inline:12vw}.section{.col{margin-bottom:2em;padding:0!important;text-align:center;width:100%}}}@media screen and (max-width:768px){.container{padding-inline:6vw}.skill-item{display:inline-block;margin-bottom:1em;margin-right:1em}.section.improve-skills .btn{display:block;margin-left:50%;transform:translateX(-50%)}.chef-card{box-shadow:0 5px 10px #0003;box-shadow:0 5px 10px var(--shadow-color)}.footer{grid-template-columns:repeat(4,1fr);.footer-section:first-child{grid-column:span 4}.footer-section:nth-child(2),.footer-section:nth-child(3){grid-column:span 2}}}@media screen and (max-width:430px){.container{padding-inline:3vw}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes rotate{0%{opacity:1;transform:rotateX(30deg) rotateY(-20deg) rotate(70deg)}25%{opacity:1;transform:rotateX(15deg) rotateY(0deg) rotate(65deg)}50%{opacity:1;transform:rotateX(0deg) rotateY(20deg) rotate(60deg)}75%{opacity:1;transform:rotateX(15deg) rotateY(0deg) rotate(65deg)}to{opacity:1;transform:rotateX(30deg) rotateY(-20deg) rotate(70deg)}}.rotate{animation:rotate 5s linear infinite}@keyframes bounce{0%{transform:translateY(-20px)}to{transform:translateY(20px)}}.bounce{animation-direction:alternate;animation-duration:1s;animation-iteration-count:infinite;animation-name:bounce}.image-mid{margin-right:2em;width:100%}.image-last,.image-mid{animation-delay:.1s;animation-direction:normal;animation-duration:1s;animation-iteration-count:1;animation-name:slideInLeft;animation-timing-function:ease-in}.image-last{margin-left:2em;width:80%}.image-intro{margin-left:2em;width:80%!important}.animate--infinite{animation-iteration-count:infinite}
/*# sourceMappingURL=main.db07e864.css.map*/