styles.f60b403721b097795fac.css

@import url(https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700;900&display=swap);.Header{position:relative;top:0;z-index:5;width:100%;display:flex;justify-content:space-between;align-items:center;flex-direction:column;height:5em;color:#002e02}.container-header{display:inherit;justify-content:inherit;align-items:inherit;flex-wrap:inherit;height:inherit;width:70%;margin:0 auto}.container-header:nth-child(2){display:none}.Header-logo{width:100%}.Header-logo,.Header-logo a{display:flex;align-items:center;height:100%}.Header-logo a{justify-content:space-between;margin:0;text-decoration:none}.Header-logo span{font-size:1.6em;font-weight:900;margin-left:.5em}.Header-logo img{height:2.8em}.Header-text{display:flex;justify-content:center;align-items:center;height:100%;width:100%}.Header-text h1{font-weight:900;text-transform:capitalize}.Header-about-me{display:flex;flex-direction:column;text-align:left;margin-left:1.2em}.Header-about-me span{margin:0;font-weight:700;font-size:1.7em;line-height:1.2em}.Header-about-me h1{font-size:2em;font-weight:800}.Header-button{position:relative;z-index:20;display:flex;justify-content:center;align-items:center;width:2.8em;height:100%}.open{right:10%}.Header-button__burger{display:flex;justify-content:center;align-items:center;flex-direction:column;position:absolute;height:60%;width:100%;cursor:pointer}.Header-button__burger i{display:block;height:6px;width:inherit;background:#002e02;border-radius:.8em}.Header-button__burger i:nth-child(2){margin:25.3% 0}.Header-button__burger i.special:first-child{transform:rotate(45deg) translate(12px,12px)}.Header-button__burger i.special{transform:rotate(-45deg) translate(0)}.Header-menu__container,.Header-menu__overlay{position:absolute;top:0;left:0;height:100vh;width:100%}.Header-menu__overlay{z-index:15;background:rgba(1,52,0,.36);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);overflow:hidden}.Header-menu{position:absolute;z-index:20;right:0;width:30vw;height:100vh;background:linear-gradient(90deg,#7ff08a,#c4fa71);display:flex;justify-content:center}.Header-menu ul{padding-top:6em;text-align:right}.Header-menu ul li{display:block;list-style:none;margin:.8em 0}.Header-menu ul li a{font-size:2.2em;font-weight:700;text-decoration:none}.Header-menu ul li a img{height:.7em;width:.7em;opacity:.4;margin-left:.3em;transition:all .3s}.Header-menu ul li a:hover img{opacity:.8}@media screen and (min-width:768px){.Header-menu{width:40vw}.Header-menu ul li{margin:1em 0}.Header-menu ul li a{font-size:2em}.open{right:20%}}@media screen and (min-width:1024px){.Header-menu{width:30vw}.Header-menu ul li{margin:1em 0}.Header-menu ul li a{font-size:2.1em}.open{right:10%}}@media screen and (min-width:1440px){.Header-menu{width:25vw}.Header-menu ul li{margin:1em 0}.Header-menu ul li a{font-size:2.1em}.open{right:6%}}.Link{display:inline-flex;align-items:center;margin:0 1em;-webkit-text-decoration-color:rgba(0,46,2,.5);text-decoration-color:rgba(0,46,2,.5)}.Link span{font-weight:700;font-size:.9em;text-transform:capitalize}.Link .Link__icon{display:grid;height:1.5em;width:1.8em;margin-left:.4em;align-items:center;justify-items:center;grid-template-columns:repeat(2,1fr);column-gap:.3em;overflow:hidden}.Link__icon .Link__icon-link{width:1.1em;height:1.1em;margin-right:.2em}.Link__icon img{width:1.35em;height:1.35em;transition:all .2s;transform:translateX(-30px);margin-left:.2em}.Link:hover img{transform:translateX(0)}.Footer{width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;height:4em;color:#002e02;background:#88ff92}.Footer span{font-weight:900;font-size:18px}.Footer.index{flex-direction:row}.Footer.index span{font-weight:700}.Footer-social{height:inherit;display:flex;justify-content:center;align-items:center}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Raleway,sans-serif;font-size:14px;line-height:1.5;color:#333}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.2}h1{font-size:2em}a{color:inherit}::selection{background:rgba(34,255,56,.4);color:#002e02}body::-webkit-scrollbar{width:1.2em}body::-webkit-scrollbar-track{background:#7ff08a}body::-webkit-scrollbar-thumb{background-color:#002e02;border-radius:2em;border:.3em solid #7ff08a}code{font-family:menlo,inconsolata,monospace;font-size:calc(1em - 2px);color:#555;background-color:#f0f0f0;padding:.2em .4em;border-radius:2px}.container{display:inherit;justify-content:inherit;align-items:inherit;flex-direction:inherit;flex-wrap:inherit;height:inherit;width:70%;margin:0 auto}@media (min-width:400px){body{font-size:16px}}@media screen and (max-width:768px){.container{width:80%}}.background{background:linear-gradient(90deg,#7ff08a,#c4fa71);position:fixed;top:0;right:0;bottom:0;left:0;z-index:-100}.grid{display:grid;width:100%;min-height:100vh;grid-auto-rows:-webkit-max-content;grid-auto-rows:max-content}.grid-index{display:grid;height:100vh;grid-template-rows:auto 1fr auto}.NotFoundPage{height:100%;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#002e02;text-align:center}.NotFoundPage h1{font-size:5em;font-weight:700;margin-bottom:.1em}.NotFoundPage p{font-size:1.2em;font-weight:500}.Certificate{border-radius:.4em;overflow:hidden;box-shadow:0 0 .5em 0 rgba(0,0,0,.3);transition:.5s}.Certificate,.Certificate img{display:flex;width:100%}.Certificate:hover{transform:scale(1.2)}.Certificates{margin-bottom:1.5em}.Certificates h1{font-size:2.5em;font-weight:700;text-align:center;color:#002e02}.Certificates-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1em;align-items:center;justify-items:center;width:80%;margin:0 auto}.Certificates-buttons{display:flex;justify-content:center;align-items:center;margin:1em 0}.Certificates-buttons button{color:rgba(0,0,0,.7);background:linear-gradient(95.66deg,#c4fa71 2.51%,#88ff92 98.07%);border:none;border:1px solid rgba(0,0,0,.7);box-shadow:inset 0 -.3em 0 0 rgba(0,0,0,.5);padding:1em 1.5em;border-radius:.4em;margin:0 .5em;text-transform:uppercase;cursor:pointer;outline:none;font-weight:700;transition:.5s}.Certificates-buttons button:hover{transform:scale(1.1)}.Skill{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:15em;box-shadow:0 0 .5em 0 rgba(0,0,0,.3);border-radius:.5em;overflow:hidden;transition:.5s}.Skill:hover{transform:scale(1.1)}.Skill-header{display:flex;justify-content:center;align-items:center;height:70%}.Skill-image{height:50%}.Skill-image img{height:100%}.Skill-title{display:flex;width:100%;justify-content:center;align-items:center;height:30%;background:#fff}.Skill-title h2{font-size:1.9em;font-weight:700}.Skills{display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;margin-bottom:1.5em}.Skills h1{margin:.5em 0;font-size:2.5em;font-weight:700;color:#002e02}.Skills-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));align-items:center;justify-items:center;gap:1.5em;width:80%;margin:0 auto}.Home-hero{height:calc(100vh - 9em);width:100%;color:#002e02}.Home-hero,.Home-Profile{display:flex;justify-content:center;align-items:center}.Home-Profile{position:relative;bottom:8%;flex-direction:column}.Home-Profile__image{height:20em;width:20em;border-radius:50%;overflow:hidden}.Home-Profile__image img{width:100%}.Home-link,.Home-Profile__subtitle,.Home-Profile__title{overflow:hidden}.Home-Profile__title h1{margin-top:.8em;font-weight:900;font-size:40px;text-align:center}.Home-Profile__subtitle h3{margin-top:.8em;font-weight:700;font-size:22px;text-align:center}.Home-link a{display:inline-flex;align-items:center;margin-top:1.5em;text-decoration:none;color:#377225}.Home-link span{font-size:1em;font-weight:700}.Home-link img{height:.9em;margin-left:.5em;opacity:.5}.Home-link:hover img{opacity:1;transition:all .3s}@media screen and (min-width:768px){.Home-Profile h1{margin-top:.8em;font-weight:900;font-size:2.5em}.Home-Profile h3{margin-top:.8em;font-weight:700;font-size:1.3em}}@media screen and (min-width:1024px){.Home-Profile h1{margin-top:.8em;font-weight:900;font-size:2.6em}.Home-Profile h3{margin-top:.8em;font-weight:700;font-size:1.6em}}@media screen and (min-width:1440px){.Home-Profile h1{margin-top:.8em;font-weight:900;font-size:2.9em}.Home-Profile h3{margin-top:.8em;font-weight:700;font-size:1.9em}}.Project{width:100%;max-width:500px;height:20em;overflow:hidden;cursor:pointer;color:#002e02}.Project-screen-bar{height:1.6em;position:relative;background:#64db51;display:flex;align-items:center;justify-content:center;border-radius:1em 1em 0 0}.Project-screen-bar__title{font-size:.8em;font-weight:900}.Project-screen-main{width:100%;height:calc(100% - 1.6em);border-radius:0 0 1em 1em;overflow:hidden}.Project-screen-main img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top}.Project-options{width:100.1%;height:calc(100.1% - 1.6em);transition:transform .3s;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:rgba(172,252,121,.9);display:flex;align-items:center;justify-content:center;border-radius:0 0 1em 1em;overflow:hidden}.Project-options .options{display:flex;align-items:center;flex-direction:column}.Project-options .options a{margin-bottom:1.2em}.Project-options .options .Project-options__link{margin-bottom:1.2em;text-decoration:none;font-size:1.2em;font-weight:600;color:#002e02;display:flex;align-items:center}.Project-options .options .Project-options__link:last-child{font-size:1em;margin:0}.Project-options .options .options__icon{margin-left:.2em;opacity:.4;transition:.5s}.Project-options .options .Project-options__link:hover .options__icon{opacity:1}.Project-options .options .Project-options__link:last-child{color:#377225}.Project:hover .Project-options{transform:translateY(-100%)}.Projects{padding:2em}.Projects-container{display:grid;gap:20px;justify-items:center;grid-template-columns:repeat(2,1fr);justify-content:space-between}.AboutMe{padding:2em 0;color:#002e02;font-weight:500}.AboutMe p{font-size:1.2em}.AboutMe h1{margin:.5em 0;font-weight:700;font-size:2.3em}.AboutMe ul{display:flex;flex-direction:column;list-style:none}.AboutMe li{overflow:hidden}.AboutMe li div{display:flex;align-items:center}.AboutMe span{margin-left:.8em;font-weight:500;font-size:1.7em}.AboutMe-text p:last-child{margin-top:1em}.AboutMe a{transition:.5s;font-size:1.3em;-webkit-text-decoration-color:#007706;text-decoration-color:#007706}.AboutMe a:hover{-webkit-text-decoration-color:#002e02;text-decoration-color:#002e02}.ProjectPage p{font-size:1.25em;color:#002e02;font-weight:700;margin-top:1em}.live-preview{display:inline-block;color:#002e02;background:linear-gradient(95.66deg,#88ff92 2.51%,#c4fa71 98.07%);font-weight:900;text-decoration:none;padding:1em 1.5em;border-radius:.8em;margin-top:1em;margin-right:1em;transition:.5s}.live-preview:hover{transform:scale(1.1)}.code{display:inline-flex;justify-content:center;align-items:center;color:#fff;background:#000;font-weight:900;text-decoration:none;padding:1em 1.5em;border-radius:.8em;margin-top:1em;transition:.5s}.code img{height:1.5em;margin-left:.5em}.code:hover{transform:scale(1.1)}.ProjectPage-images{width:70%;margin:2em auto 0}.ProjectPage-screen-bar{height:2.5em;position:relative;background:#64db51;display:flex;align-items:center;justify-content:center;border-radius:.5em .5em 0 0}.ProjectPage-screen-bar__title{font-size:1.2em;font-weight:900}.ProjectPage-screen-main{overflow:hidden}.ProjectPage-screen-main,.ProjectPage-screen-main img{width:100%;border-radius:0 0 .5em .5em}.about h1{color:#002e02;font-weight:900;font-size:2.5em;margin-top:1em}.about p{color:#002e02;font-weight:500;font-size:1.2em;margin-left:.8em;margin-top:.8em}.tecnologies{margin-bottom:.8em}.tecnologies h1{color:#002e02;font-weight:900;font-size:2.5em;margin-top:.5em}.tecnologies ul{display:flex;flex-direction:column;list-style:none;margin-left:.8em;margin-top:.8em}.tecnologies li{overflow:hidden}.tecnologies li div{display:flex;align-items:center;margin-bottom:.5em}.tecnologies img{height:1.8em}.tecnologies p{margin:0 0 0 .5em;font-weight:500;font-size:1.2em}