@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;1,100;1,200;1,300;1,400;1,500;1,600;1,700&display=swap";#about-me{background-image:url(/background.png);width:100%;padding:50px 0}#about-me h1{width:80%;margin:0 auto 50px;border:4px solid var(--br-color-one);padding:15px 0;text-align:center;border-bottom-right-radius:35px;border-top-left-radius:35px;background-color:var(--bg-color-one);color:#fff}#about-me .continer-desktop{margin:auto}#about-me .container{background-color:var(--bg-color-one);width:90%;margin:auto;color:#fff;padding:20px;border-radius:20px;font:var(--font-ibm)}#about-me .container div{margin-bottom:10px;margin-left:10px}#about-me .tag-literal{color:var(--br-color-two);padding-bottom:5px}#about-me .text-enfase{color:var(--br-color-one)}.hi-text{font-size:1.5em;margin-left:10px;margin-bottom:15px}#about-me img{display:block;width:70%;height:min-content;margin:50px auto 0;border-radius:20px}@media only screen and (min-width:768px){#about-me>div{font-size:20px}#about-me h1{display:flex;justify-content:center;align-items:center;width:300px;height:84px;font-size:2.1em;font-weight:500;padding:0;margin:0 0 50px 72px}}@media only screen and (min-width:1080px){#about-me .continer-desktop{width:75%}#about-me img{width:50%}}@media only screen and (min-width:1900px){#about-me{display:flex;height:100vh;justify-content:center;align-items:center}#about-me .continer-desktop{width:85%;margin-left:100px}#about-me img{margin-right:50px}}.container-apresentation{display:flex;flex-direction:column;justify-content:center;align-items:center}.apresentation{display:flex;align-self:center;flex-direction:column;justify-content:center;align-items:center;width:90%}.h1-apresentation{width:100%;margin:50px auto}.h1-apresentation div{margin-left:15px;font-size:.76em;color:#fff}.h1-apresentation div #name{color:var(--br-color-one)}.tag-literal{display:block;font-size:15px;color:var(--br-color-one)}.p-apresentation{width:100%;margin:auto}.p-apresentation .text{margin-left:15px;font-size:18px;color:#fff}.h2-apresentation{display:flex;align-items:center;gap:10px;width:90%;margin:25px auto 25px 18px;font-size:1.6em;color:var(--br-color-one)}.h2-apresentation i{display:inline-flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:var(--bg-color-gray)}.infos-apresentation{display:flex;flex-direction:column;width:215px;height:378px;border-radius:80px;margin:50px auto;background-color:var(--bg-color-two);justify-content:center;align-items:center;gap:50px;padding-left:25px}.infos-apresentation div{display:flex;gap:5px;align-items:center;color:#fff}.infos-apresentation div>span{font-size:50px;color:var(--br-color-one)}@media only screen and (min-width:768px){.h1-apresentation div{font-size:1.5em}.tag-literal{font-size:18px}.p-apresentation .text{font-size:20px}.h2-apresentation{font-size:2em;margin:25px auto 25px 20px}}@media only screen and (min-width:1080px){.container-apresentation{flex-direction:row;width:65%;margin:auto}.apresentation{width:70%}.h1-apresentation{font-size:1.5em}}@media only screen and (min-width:1920px){#profile{flex-direction:row;height:78vh;align-items:flex-start;justify-content:center}#profile #card-profile{margin:0 auto}#apresentation{margin:initial;justify-content:initial;align-items:unset}#apresentation .h1-apresentation{margin:0}}:root{--size-img-profile: 90px;--size-border-radius: 140px}#card-profile{width:80%;height:520px;margin:50px auto 0;background-color:var(--bg-color-one);border-top-left-radius:var(--size-border-radius);border-bottom-right-radius:var(--size-border-radius);border:4px solid white;box-shadow:-5px -5px 1px 1px var(--br-color-one);color:#fff;overflow:hidden}#img-profile{margin:auto;padding:25px 0}#img-profile img{display:block;margin:auto;width:var(--size-img-profile);height:var(--size-img-profile);object-fit:cover;border-radius:50%;border:3px solid var(--br-color-one)}.name-infos{text-align:center}ul{list-style-type:none}ul li{display:flex;align-items:center;gap:5px;margin:10px 0 15px 10px;font-size:15px}ul li a{color:#fff;text-decoration:none}.ico{color:var(--br-color-one)}.technologys{display:flex;width:100%;gap:10px;padding-bottom:10px;margin-left:15px}.technologys span{background-color:var(--br-color-one);color:var(--bg-color-two);font-size:16px;font-weight:500;text-align:center;width:min-content;padding:0 10px;gap:5px;border-radius:10px}.download-cv{display:flex;width:55%;height:45px;margin-left:18%;margin-top:15px;border-radius:22px;color:var(--bg-color-two);background-color:#f5f5f5;align-items:center;justify-content:center;text-decoration:none;gap:10px;font-weight:500}@media only screen and (min-width:768px){#card-profile{width:350px;font-size:18px}ul li{font-size:16px}}header{display:flex;position:relative;justify-content:center;height:50px;color:#fff;background-color:var(--bg-color-one)}header nav{height:100%;width:90%;display:flex;justify-content:space-between;align-items:center;margin:0 10px;border-bottom:1px solid gray}.tag{color:var(--br-color-one);font-weight:bolder}.home-seach{display:flex;gap:15px;align-items:center}.link-header{text-decoration:none;font-size:18px;color:var(--br-color-one)}#social-media-header{display:none}@media only screen and (min-width:768px){#social-media-header{display:flex;gap:15px;color:var(--br-color-one)}.home-seach{gap:20px}}@media only screen and (min-width:1080px){header nav{font-size:20px}}@media only screen and (min-width:1920px){header{height:90px}}:root{--size-bb-tecnology: 120px}#skills{background-image:url(./codigo.jpg);background-size:cover;background-position:center left}#skills .container{background-color:var(--bg-color-one-transparent-skills);padding:50px 0}#technology-session h1{position:relative;color:var(--br-color-one);text-align:center;margin-bottom:20px}#technology-session span{display:block;text-align:center;width:90%;margin:auto;color:#fff}#technology-session .lineTittle{position:relative;width:50%;height:4px;background-color:var(--br-color-one);display:block;margin:5px auto}#technology-session .lineTittle:before{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--br-color-one);top:-3px;left:-5px}#technology-session .lineTittle:after{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--br-color-one);top:-3px;right:-5px}.cards-technology{display:grid;grid-template-columns:1fr;padding:50px 0;gap:20px}.cards-technology .card-technology{display:flex;position:relative;flex-direction:column;justify-content:center;text-align:center;align-items:center;font-size:14px;width:80%;border-radius:10px;height:135px;margin:auto;background-color:var(--br-color-two);overflow:hidden}.cards-technology .card-technology i{font-size:40px}.cards-technology .card-technology:before{content:"";display:block;position:absolute;background-color:var(--bg-color-css);left:0;width:10px;height:100%}.bubbles-technology{display:grid;grid-template-columns:150px 150px;justify-content:center;gap:10px}.bubbles-technology .bubble-technology{display:flex;flex-direction:column;align-items:center;gap:5px}.bubble-technology div{display:flex;justify-content:center;align-items:center;font-size:60px;color:#fff;width:var(--size-bb-tecnology);height:var(--size-bb-tecnology);border-radius:50%}.bubble-technology span{font-size:25px;font-weight:700}@media only screen and (min-width:768px){#technology-session h1{font-size:2.5em}#technology-session span{font-size:20px}#technology-session .lineTittle{width:38%}.cards-technology{grid-template-columns:repeat(2,1fr);gap:0}.cards-technology .card-technology{width:85%;font-size:18px}.bubbles-technology{gap:35px}}@media only screen and (min-width:1080px){#skills{height:100vh}#skills .container{display:flex;flex-direction:column;justify-content:center;height:100%}.cards-technology{width:65%;margin:0 auto;padding:20px 0}.cards-technology .card-technology{height:110px;font-size:15px;width:80%}#technology-session .lineTittle{width:22%}.bubbles-technology{grid-template-columns:repeat(4,150px)}.bubble-technology div{width:110px;font-size:45px;height:110px}.bubbles-technology .bubble-technology:nth-child(5){grid-area:2 / 2}.bubbles-technology .bubble-technology:nth-child(6){grid-area:2 / 3}}@media only screen and (min-width:1900px){#skills .container{justify-content:space-around}#technology-session h1{font-size:3.5em}#technology-session span{font-size:1.5em}.cards-technology{width:55%}.cards-technology .card-technology{font-size:22px;height:160px}}:root{--size-button: 32px}#work-session{background-image:url(./work-background.jpg);background-size:cover;background-repeat:no-repeat;background-position:center center}#work-session>div{background-color:var(--bg-color-one-transparent-works)}#work-session .container{display:flex;flex-direction:column;align-items:center;padding:50px 0}#work-session .container h1{position:relative;text-align:center;color:var(--br-color-one)}#work-session .container .lineTittle{position:relative;width:45%;height:4px;background-color:var(--br-color-one);display:block;margin:5px auto}#work-session .container .lineTittle:before{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--br-color-one);top:-3px;left:-5px}#work-session .container .lineTittle:after{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--br-color-one);top:-3px;right:-5px}#work-session span{margin-top:15px;color:#fff;width:80%;text-align:center}#work-session .link-project-github{padding-bottom:30px;font-size:1em;font-weight:700;text-decoration:none;color:#fff;cursor:pointer}.monitors-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.monitors{display:flex;position:relative;justify-content:center;align-items:center;gap:15px;flex-wrap:nowrap;width:100%;max-width:900px;padding:20px;margin-bottom:40px}.monitors .arrow-work-left,.monitors .arrow-work-right{background-color:transparent;position:absolute;width:var(--size-button);height:var(--size-button);border:none;top:50%;cursor:pointer}:is(.monitors .arrow-work-left,.monitors .arrow-work-right) i{color:#fff;font-size:var(--size-button)}.monitors .arrow-work-left{left:10px}.monitors .arrow-work-right{right:10px}.link-work{position:absolute;top:10%;right:12%;color:#fff;font-size:18px;text-decoration:none}.monitor{width:350px;background:#1a1d24;border:8px solid #2d313a;border-radius:10px;box-shadow:0 12px 25px #0009;position:relative}.monitor:after{content:"";position:absolute;bottom:-25px;left:50%;transform:translate(-50%);width:30px;height:20px;background:#2d313a}.monitor:before{content:"";position:absolute;bottom:-35px;left:50%;transform:translate(-50%);width:60px;height:10px;background:#2d313a;box-shadow:0 3px 8px #0009}.m-one{width:35%;height:125px}.m-two{align-self:flex-end;width:40%;height:90px}.screen{width:100%;height:100%;aspect-ratio:16 / 10;background:#0f1117;border-radius:4px;overflow:hidden}.screen img{width:100%;height:100%;object-fit:cover;display:block;object-position:top center}@media(min-width:768px){.link-work{right:28.5%;top:18%;font-size:20px}.monitor{width:60%;border-width:6px}.m-one{width:160px;height:200px}.m-two{width:30%;height:130px}.monitor:after{width:40px;height:25px;bottom:-25px}.monitor:before{width:60px;height:8px;bottom:-30px}#work-session .container h1{font-size:2.5em}#work-session .container span{font-size:20px}#work-session .container .lineTittle{width:30%}.monitors .arrow-work-left{left:25px}.monitors .arrow-work-right{right:45px}.monitors .arrow-work-left i,.monitors .arrow-work-right i{font-size:50px}#work-session .link-project-github{font-size:20px}}@media(min-width:1080px){#work-session{height:100vh}#work-session>div{height:100%;background-color:var(--bg-color-one-transparent-works)}#work-session .container .lineTittle{width:20%}.link-work{right:32%}.m-two{width:28%;height:140px}}@media(min-width:1900px){#work-session>div{display:flex;flex-direction:column;justify-content:center}#work-session .container h1{font-size:3.5em}#work-session .container span{font-size:25px}.m-one{width:30%;height:400px}.m-two{width:50%;height:250px}.monitors .arrow-work-left,.monitors .arrow-work-right{font-size:60px}.monitors .arrow-work-left{left:10px}.monitors .arrow-work-right{right:30px}.link-work{right:27%;top:25%}}#popUp{display:flex;position:absolute;justify-content:center;align-items:center;width:110vw;height:120.5vh;margin-left:-20px;z-index:3;background-color:#0000007c}.msg{display:flex;position:relative;justify-content:center;align-items:center;background-color:var(--br-color-one);width:80vw;height:20vh;border-radius:20px;font-size:14px;text-align:justify;padding:15px}.close-popup{position:absolute;top:10px;right:10px;cursor:pointer}@media only screen and (min-width:768px){#popUp{height:135vh;left:0}}@media only screen and (min-width:1080px){#popUp{height:100vh}}#contactme{margin:50px auto;border-bottom:1px solid gray;width:95%}#contactme .header-contactme h1{color:var(--br-color-one);text-align:center}#contactme .header-contactme .lineTittle{position:relative;width:65%;height:4px;background-color:var(--br-color-one);display:block;margin:5px auto}#contactme .header-contactme .lineTittle:before{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--br-color-one);top:-3px;left:-5px}#contactme .header-contactme .lineTittle:after{content:"";display:block;position:absolute;width:10px;height:10px;border-radius:50%;background-color:var(--br-color-one);top:-3px;right:-5px}#contactme .header-contactme span{display:block;margin-top:15px;text-align:center;color:#fff}#contactme h2{display:flex;justify-content:center;align-items:center;text-align:center;margin:50px auto;color:var(--br-color-one);border:2px solid var(--br-color-one);width:80%;border-bottom-right-radius:35px;border-top-left-radius:35px;padding:5px 0}#contactme form{display:grid;gap:15px;width:90%;margin:auto;grid-template-columns:repeat(2,1fr);border-radius:12px}#contactme .field label{display:flex;flex-direction:column;color:#1fffe0;font-size:14px;margin-bottom:6px}#contactme .field input{background:transparent;border:none;border-bottom:1px solid #1fffe0;padding:8px 0;color:#fff;outline:none;width:100%}#contactme .field input::placeholder{color:#8fa9a6}#contactme .full{grid-column:1 / -1}#contactme button{display:flex;gap:10px;align-items:center;border-radius:50px;grid-column:1 / -1;justify-self:center;margin:32px 0 64px;padding:14px 32px;border:none;background:var(--br-color-one);color:#0f1419;font-size:20px;cursor:pointer;font-weight:600}#contactme button:hover{background:#21ffe1}@media only screen and (min-width:768px){#contactme .header-contactme h1{font-size:2.5em}#contactme .header-contactme .lineTittle{width:35%}#contactme .header-contactme span{font-size:20px}#contactme h2{width:50%;height:70px}#contactme .field label,#contactme .field input::placeholder{font-size:20px}#contactme button,#contactme button i{font-size:25px}}@media only screen and (min-width:1080px){#contactme{display:flex;flex-direction:column;justify-content:center;align-items:center;width:100vw;height:100vh}#contactme>.container{display:flex;flex-direction:column;justify-content:center;align-items:center;width:90%;height:100%}#contactme form{width:60%;height:45%;margin:0}#contactme .header-contactme .lineTittle{width:22%}#contactme h2,#contactme .header-contactme .lineTittle{width:30%}}@media only screen and (min-width:1900px){#contactme>.container{display:flex;flex-direction:column;justify-content:center;align-items:center}#contactme form{margin:0}#contactme .header-contactme h1{font-size:3.5em}#contactme .header-contactme span{font-size:25px}#contactme .header-contactme .lineTittle{width:32%}}footer{display:flex;margin:50px auto;gap:20px;flex-direction:column;align-items:center}#social-media{display:flex;gap:20px}#social-media a{display:flex;justify-items:center;align-items:center;background-color:var(--br-color-two);padding:5px;border-radius:50%}#copyright{display:grid;width:100%;grid-template-columns:repeat(2,1fr);font-size:12px;gap:10px;color:#fff}#copyright span{text-align:center}#copyright span:nth-child(1){grid-column:1 / -1}#autor-design{color:#fff}#autor-design i{text-decoration:underline;color:var(--br-color-one);font-style:normal}@media only screen and (min-width:768px){#copyright,#autor-design{font-size:20px}}.menu-desktop{display:none;position:fixed;top:120px;left:40px;width:54px;background:var(--bg-color-two);border-radius:30px;padding:10px 0;flex-direction:column;align-items:center;gap:20px;z-index:1}.link{color:#fff;font-size:22px;z-index:2;width:36px;height:36px;display:flex;align-items:center;justify-content:center;text-decoration:none}.link.active{color:var(--bg-color-one)}.indicator{position:absolute;top:10px;width:36px;height:36px;background:#fff;border-radius:50%;z-index:1;transition:transform .4s cubic-bezier(.68,-.55,.27,1.55)}@media screen and (min-width:1080px){.menu-desktop{display:flex}}.container-ap-card{display:flex;flex-direction:column}.tittle-desktop{display:none}@media only screen and (min-width:1080px){.tittle-desktop{display:block;text-align:center;margin-top:20px;font-size:3.5em;font-weight:600;color:var(--br-color-two)}}@media only screen and (min-width:1920px){.tittle-desktop{display:flex;justify-content:center;align-items:center;margin:30px 0}}:root{--bg-color-one: #292f36;--bg-color-one-transparent-skills: #292f36ed;--bg-color-one-transparent-works: #1a1e23eb;--bg-color-two: #1a1e23;--br-color-one: #12f7d6;--br-color-two: #98faec;--bg-color-gray: #43454d;--bg-color-html: #e54f26;--bg-color-css: #0c73b8;--bg-color-js: #e7a020;--bg-color-react: #28a9e0;--font-ibm: "IBM Plex Mono" }*{padding:0;margin:0;box-sizing:border-box;font-family:var(--font-ibm)}html{scroll-behavior:smooth}body{width:100vw;height:100%;background-color:var(--bg-color-one);overflow-x:hidden}#root{position:relative;width:100%;height:100%;background-color:var(--bg-color-one)}