@import url(https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap);.nav{top:0;left:0;height:80px;width:100%;z-index:100}.nav-bar{position:relative;height:100%;width:100%;margin:0 auto;padding:0 60px;display:flex;align-items:center;justify-content:space-between}.nav .nav-bar .sidebarOpen{font-size:25px;padding:5px;cursor:pointer;display:none}.nav .nav-bar .logo a{font-size:25px;font-weight:500;text-decoration:none}.menu .logo-toggle{display:none}.nav-bar .nav-links{display:flex;align-items:center}.nav-bar .nav-links li{margin:0 5px;list-style:none}.nav-links li .link-a-router{position:relative;font-size:17px;font-weight:500;text-decoration:none;padding:10px}.nav-links li .link-a-router:hover{border-bottom:1px solid #8257e5}.nav-links li .link-a-router:before{position:absolute;left:50%;bottom:0;transform:translateX(50%);height:6px;width:6px;border-radius:50%;background-color:#f3f3f7;opacity:0;transition:all .3s ease}.nav-links li:hover .link-a-router:before{opacity:1}.darkLight-area .dark-light,.nav-bar .darkLight-area{display:flex;align-items:center}.darkLight-area .dark-light{height:40px;width:40px;justify-content:center;margin:0 5px}.dark-light .icon-dark{position:absolute;color:#f3f3f7;font-size:22px;cursor:pointer}.dark-light .icon-dark .sun{opacity:0;pointer-events:none}.border-dark{border:1px solid #f3f3f7;padding:8px}.dark-menu{background-color:#131215;transition:.5s}.link-a-router-dark{color:#f3f3f7}.border-light{border:1px solid #131215;padding:8px}.light-menu{background-color:#f3f3f7;transition:.5s}.link-a-router-light{color:#131215}.moon-icon{font-size:24px;padding:1px}@media(max-width:790px){.nav .nav-bar .sidebarOpen{display:block}.nav-bar{padding:0 20px}.menu{position:fixed;height:100%;width:320px;left:-100%;top:0;padding:20px;box-shadow:0 7px 30px -10px rgba(150,170,180,.5);z-index:100;transition:all .4s ease}.nav-active .menu{left:0}.nav-active .nav-bar .navLogo a{opacity:0;transition:all .3s ease}.menu .logo-toggle{display:block;width:100%;display:flex;align-items:center;justify-content:space-between}.logo-toggle .sidebarClose{font-size:24px;cursor:pointer}.nav-bar .nav-links{flex-direction:column;padding-top:30px}.nav-links li .link-a-router{display:block;margin-top:20px}}#page-home{height:calc(100vh - 150px)}#area-texto,#page-home{width:100%;display:flex;justify-content:center}#area-texto{flex-direction:column;align-items:center}#area-texto h1{font-size:56px;background:#444ecf;background:linear-gradient(90deg,#444ecf 0,#cf25cf);-webkit-background-clip:text;-webkit-text-fill-color:transparent}#area-texto h1,#area-texto h4{margin-bottom:16px}#area-texto span a{text-decoration:none}#area-texto span a:hover{text-decoration:underline}.btn-download{margin-top:24px;border:none;width:180px;height:40px;font-weight:500;font-size:16px;padding:8px;border-radius:8px;display:flex;justify-content:center;align-items:center;transition:.3s;background-color:#8257e5;color:#f3f3f7}.btn-download:hover{cursor:pointer;background-color:transparent;border:1px solid #8257e5;color:#8257e5}.bg-page-home-dark{background-color:#131215;color:#f3f3f7}.bg-page-home-light{background-color:#f3f3f7;color:#131215}.link-download{text-decoration:none}.link-git-dark{color:#f3f3f7}.link-git-light{color:#131215}@media(max-width:768px){#area-texto h4{text-align:center}#area-texto h1{font-size:32px}}#about{width:100%;height:100%;padding-bottom:24px}#area-about,#area-experience{width:80%;margin:0 auto}#area-experience{min-height:500px}.cards-infos-xp{display:flex}.area-btn-xp{display:flex;flex-direction:column;gap:8px;width:20%}.btn-experience{padding:20px;display:flex;justify-content:center;align-items:center;font-weight:700;cursor:pointer}.active-link-btn-xp{border-right:2px solid #f3f3f7;color:#f3f3f7;transition:.5s}.area-infos-xp{width:80%;padding:14px;display:flex;flex-direction:column;gap:14px;color:#f3f3f7}.area-infos-xp p{width:90%}#area-about h1,#area-experience h1{overflow:hidden;text-align:center;color:#f3f3f7;padding:32px 0}#area-about h1:after,#area-about h1:before,#area-experience h1:after,#area-experience h1:before{background-color:#5f758e;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:45%}#area-about h1:before,#area-experience h1:before{right:.9em;margin-left:-50%}#area-about h1:after,#area-experience h1:after{left:.9em;margin-right:-50%}.txt-about{width:80%;color:#f3f3f7;margin:0 auto}#about p{font-size:16px;line-height:135%;letter-spacing:1px}#area-skills{flex-wrap:wrap;gap:14px;width:50%;margin:0 auto 48px;padding:14px 0}#area-skills,.btn-skills{display:flex;justify-content:center}.btn-skills{width:140px;align-items:center;background-color:#8257e5;color:#f3f3f7;padding:14px;border-radius:8px;margin-top:14px}.about-dark{background-color:#131215}.bg-selected-dark{background-color:#0b0b0d;border-right:2px solid #f3f3f7;color:#f3f3f7;transition:.5s}.about-light{background-color:#f3f3f7}.bg-selected-light{background-color:#e7e7e7;border-right:2px solid #0b0b0d;color:#131215;transition:.5s}@media screen and (max-width:600px){#area-skills,.cards-infos-xp{width:100%}.area-btn-xp{width:30%}.area-infos-xp{width:70%}}#modal-projects{z-index:1}.button{font-size:1em;padding:10px;color:#f3f3f7;border:2px solid #06d85f;border-radius:20px/50px;text-decoration:none;cursor:pointer;transition:all .3s ease-out}.button:hover{background:#06d85f}.overlay{position:fixed;top:0;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);transition:opacity .5s;visibility:hidden;opacity:0}.overlay:not(:target){visibility:visible;opacity:1}.popup{margin:170px auto;padding:20px;background:#f3f3f7;border-radius:5px;width:50%;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif;margin-bottom:8px}.popup .close{position:absolute;top:20px;right:30px;transition:all .2s;font-size:30px;font-weight:700;text-decoration:none;color:#8257e5}.popup .close:hover{color:#633bbc;cursor:pointer}.popup .content{max-height:30%;overflow:auto}.tech-list{margin-bottom:24px}@media screen and (max-width:700px){.box,.popup{width:70%}}#projects{width:100%;height:100%;padding-bottom:24px}#area-projects{width:80%;margin:0 auto}#projects #area-projects h1{overflow:hidden;text-align:center;color:#f3f3f7;padding:32px 0}#projects #area-projects h1:after,#projects #area-projects h1:before{background-color:#5f758e;content:"";display:inline-block;height:1px;position:relative;vertical-align:middle;width:45%}#projects #area-projects h1:before{right:.9em;margin-left:-50%}#projects #area-projects h1:after{left:.9em;margin-right:-50%}.area-card-project{display:flex;justify-content:center;flex-wrap:wrap;gap:48px;width:100%;height:100%;padding:14px 64px 64px 64px;border-bottom:1px solid #5f758e;margin-top:24px}.card-project{display:flex;flex-direction:column;justify-content:space-between;width:375px;height:420px;padding-bottom:24px}.image-card{width:100%;position:relative;overflow:hidden}.image-card:after{content:"";position:absolute;width:inherit;height:inherit;top:0;left:0;right:0;bottom:0;background:linear-gradient(0deg,rgba(24,24,53,.877),rgba(9,9,121,0) 5%,rgba(0,213,255,0))}.image-card img{height:100%;width:100%;margin-bottom:24px}.area-txt-and-buttons h2{text-align:center;margin-bottom:8px}.area-tech{margin-bottom:14px;text-align:center}.display-buttons{display:flex;justify-content:center;gap:8px;padding:0 8px}.display-buttons button{width:120px;height:40px;font-size:16px;border:none;border-radius:8px;font-weight:400}.display-buttons button:hover{cursor:pointer}.btn-view-more{background-color:#8257e5;color:#f3f3f7;transition:.5s}.btn-view-more:hover{background-color:#633bbc;color:#f3f3f7;border:1px solid #8257e5}.btn-live-demo{background-color:#f3f3f7;color:#8257e5;transition:.5s}.btn-live-demo:hover{background-color:#633bbc;border:1px solid #131215;color:#f3f3f7}.btn-live-demo-light{border:1px solid #8257e5!important}.bg-projects-dark{background-color:#131215}.bg-projects-light{background-color:#f3f3f7}.text-dark{color:#f3f3f7}.text-light{color:#131215}.card-dark{background-color:#0b0b0d;color:#f3f3f7}.card-light{background-color:#f3f3f7;color:#131215;box-shadow:0 7px 30px -10px rgba(150,170,180,.5)}#footer{display:flex;justify-content:flex-end;padding:0 30px;height:70px}.area-icons{display:flex;gap:24px;font-size:32px;color:#eef0f2}.icons-sociais{cursor:pointer;scale:1;transition:all .3s ease-in-out}.icons-sociais:hover{scale:1.2}.footer-dark{background-color:#131215}.footer-light{background-color:#f3f3f7}.icon-dark{color:#f3f3f7;cursor:pointer}.icon-light{color:#131215;cursor:pointer}*{padding:0;margin:0;box-sizing:border-box;font-family:Roboto,sans-serif}#app{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}