@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600&family=Proza+Libre:ital,wght@0,400;0,500;1,400&display=swap);.app__nav{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:hsla(0,0%,100%,.25);border:1px solid hsla(0,0%,100%,.18);font-family:var(--heading-font);font-weight:600;justify-content:space-between;padding:1rem 2rem;position:fixed;width:100%;z-index:2}.app__nav,.app__nav-logo{align-items:center;display:flex}.app__nav-logo{justify-content:flex-start}.app__nav-logo span{color:var(--accent-color-primary);cursor:pointer;font-size:1.5rem;font-weight:900}.app__nav-links{align-items:center;display:flex;flex:1 1;justify-content:center;list-style:none}.app__nav-links li{cursor:pointer;flex-direction:column;margin:0 1rem;transition:all .2s ease-in-out}.app__nav-links li a{color:var(--bg-darkGray);padding-top:5px;position:relative;text-decoration:none;text-transform:capitalize;transition:all .3s ease-in-out}.app__nav-links li a:before{background-color:var(--accent-color-primary);content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:1s ease;width:0}.app__nav-links li a:hover{color:var(--accent-color-primary)}.app__nav-links li a:hover:before{opacity:1;width:100%}@media screen and (max-width:700px){.app__nav-links li{display:none}}.app__social-links{align-items:center;background-color:#f0f8ff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);display:flex;font-size:1.2rem;justify-content:space-between;padding:.45rem .5rem;width:4rem}.app__social-links a{align-items:center;color:var(--accent-color-primary);display:flex;margin:0;padding:0;text-decoration:none;transition:.3s ease-in-out}.app__social-links a svg{height:auto;width:100%}.app__social-links a:hover{color:var(--bg-darkGray)}@media screen and (max-width:700px){.app__social-links{display:none}}.app__nav-menu,.app__nav-menu .nav-btn{align-items:center;display:flex;justify-content:center}.app__nav-menu .nav-btn{cursor:pointer;height:20px;position:relative;width:30px;z-index:6}.app__nav-menu .nav-btn span{background-color:var(--accent-color-primary);border-radius:2px;height:4px;position:absolute;transition:.3s cubic-bezier(.8,.5,.2,1.4);transition-duration:.5s;width:100%}.app__nav-menu .nav-btn span:first-child{left:0;top:0}.app__nav-menu .nav-btn span:nth-child(2){left:0;opacity:1;top:8.5px}.app__nav-menu .nav-btn span:nth-child(3){bottom:0;left:0}.app__nav-menu .nav-btn.open span:first-child{top:8.5px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.app__nav-menu .nav-btn.open span:nth-child(2){opacity:0}.app__nav-menu .nav-btn.open span:nth-child(3){top:8.5px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}@media screen and (min-width:700px){.app__nav-menu{display:none}}.menu{align-items:flex-end;background:#fff;border-radius:5px;bottom:0;box-shadow:0 0 20px hsla(0,0%,66%,.15);height:100vh;justify-content:flex-end;position:fixed;right:0;top:0;transition:opacity .75s,visibility .75s,.3s ease-in;width:0;z-index:5}.menu,.menu ul{display:flex;flex-direction:column}.menu ul{align-items:center;height:100%;justify-content:center;list-style:none;margin:0;opacity:1;padding:0;transition:.5s ease;width:100%}.menu ul li{cursor:pointer;flex-direction:column;margin:1rem;transition:all .5s ease-in-out}.menu ul li a{color:var(--bg-darkGray);padding-top:5px;position:relative;text-decoration:none;text-transform:capitalize;transition:all .3s ease-in-out}.menu ul li a:before{background-color:var(--accent-color-primary);content:"";height:2px;left:0;opacity:0;position:absolute;top:0;transition:1s ease;width:0}.menu ul li a:hover{color:var(--accent-color-primary)}.menu ul li a:hover:before{opacity:1;width:100%}.app__about{background-color:var(--primary-color);flex-direction:column;width:100%}.app__profiles{align-items:flex-start;display:flex;flex-wrap:wrap;justify-content:center}.app__bio{margin-top:30px;width:40%}.app__bio .p-text{font-size:1rem}.app__bio a{color:var(--accent-color-primary);text-decoration:none}@media screen and (max-width:900px){.app__bio{width:70%}}.app__about-card{align-items:flex-start;border-radius:10px;display:flex;flex-direction:column;justify-content:flex-start;margin:2rem;padding:.5rem;width:200px}.app__about-card img{border-radius:10px;height:170px;object-fit:cover;width:100%}@media screen and (min-width:2000px){.app__about-card{margin:2rem 4rem;width:370px}.app__about-card img{height:320px}}.app__contact{flex-direction:column;width:100%}.app__form{width:50%}.app__form .form-group{margin-top:2rem}.app__form .form-group input,.app__form .form-group textarea{border:1px solid var(--primary-color);border-radius:5px;color:var(--bg-dark);font-family:var(--body-font);font-size:1rem;outline:none;padding:.5rem;width:100%}.app__form .form-group input{height:3rem}.app__form .form-group textarea{height:10rem}.app__form .form-button{background-color:var(--accent-color-primary);border:1px transparent;border-radius:5px;color:var(--bg-main);cursor:pointer;font-family:var(--body-font);font-size:1rem;height:3rem;outline:none;transition:.5s ease-in-out;width:8rem}@media screen and (max-width:950px){form.app__form{width:90%}}.app__footer{align-items:center;display:flex;flex-flow:column;justify-content:center}.footer-icons{background-color:#f0f8ff;border-radius:10px;box-shadow:0 0 20px rgba(0,0,0,.1);padding:.5rem}.footer-icons svg{color:var(--accent-color-primary);font-size:2rem;margin:0 .5rem;transition:.5s ease-in-out}.footer-icons svg:hover{color:var(--bg-dark)}#home{background-image:url(/static/media/bgWhite.79658cadae50b3b16ee5.png);background-position:50%;background-repeat:repeat;background-size:cover}.app__header{flex:1 1;flex-direction:row;height:100vh;padding:6rem 2rem 0;width:100%}@media screen and (min-width:2000px){.app__header{padding-top:8rem}}@media screen and (max-width:850px){.app__header{flex-direction:column;height:100%}}@media screen and (max-width:450px){.app__header{height:100%;padding:6rem 1rem 2rem}}.app__header-info{align-items:flex-start;display:flex;flex:0.65 1;flex-direction:column;height:100%;justify-content:flex-start}@media screen and (max-width:2000px){.app__header-info{margin-right:0;width:100%}}.app__header-badge{align-items:flex-end;display:flex;flex-direction:column;justify-content:flex-end;width:100%}.app__header-badge .head-text{font-weight:600}.app__header-badge .badge,.app__header-badge .tag{background:var(--bg-main);border-radius:15px;box-shadow:0 0 20px rgba(0,0,0,.1);flex-direction:row;padding:1rem 2rem;width:auto}.app__header-badge .tag{flex-direction:column;margin-top:3rem}.app__header-badge .tag p{text-align:right;text-transform:uppercase;width:100%}.app__header-badge .action{justify-content:flex-end}.app__header-badge .action:focus{border:1px solid #fff}.app__header-badge .icon{font-size:1.2rem}.app__header-badge span{font-size:2.5rem}@media screen and (min-width:2000px){.app__header-badge span{font-size:5rem}}@media screen and (max-width:1200px){.app__header-badge{align-items:flex-start;justify-content:flex-start}}.app__action{align-items:flex-end;display:flex;flex-direction:column;height:100%;justify-content:flex-start;padding:2rem 0;width:100%}.app__action-contact{background-color:var(--accent-color-primary);border:1px solid var(--accent-color-primary);border-radius:5px;box-shadow:inset 0 0 0 0 var(--bg-main);color:#fff;cursor:pointer;font-family:var(--body-font);height:2.5rem;letter-spacing:1px;opacity:.9;outline:none;transition:.5s ease;width:8rem}.app__action-contact:hover{box-shadow:inset 8rem 0 0 0 var(--bg-main);color:var(--font-color)}@media screen and (max-width:1200px){.app__action{align-items:flex-start}}.app__header-image{align-items:flex-end;display:flex;flex:1 1;height:100%;justify-content:flex-end}.app__header-image img{height:500px;object-fit:contain;width:100%;z-index:1}@media screen and (min-width:1300px){.app__header-image img{height:610px}}@media screen and (max-width:1200px){.app__header-image{margin:2rem 0}}.app__header-circles{align-items:flex-start;display:flex;flex:0.75 1;flex-direction:column;height:100%;justify-content:space-evenly;margin-left:1rem}.app__header-circles div{background:#fff;border-radius:50%;box-shadow:0 0 20px rgba(0,0,0,.1);height:75px;width:75px}.app__header-circles div img{height:auto;width:60%}.app__header-circles div:first-child{height:100px;width:100px}.app__header-circles div:nth-child(2){height:150px;margin:1.75rem;width:150px}.app__header-circles div:nth-child(3){height:70px;width:70px}@media screen and (max-width:600px){.app__header-circles div:first-child,.app__header-circles div:nth-child(2),.app__header-circles div:nth-child(3){display:none;height:60px;width:60px}}@media screen and (max-width:850px){.app__header-circles{flex-direction:row;flex-wrap:wrap;margin-left:0;width:100%}.app__header-circles div{margin:1rem}}.app__skills{flex-direction:column;width:100%}.app__container{width:70%}.app__skills-list{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.app__skills-list .app__skills-item{flex-direction:column;margin:1rem;text-align:center}.app__skills-list .app__skills-item div{background-color:var(--primary-color);border-radius:50%;height:90px;width:90px}.app__skills-list .app__skills-item div img{height:60%;object-fit:contain;width:60%}.app__work{background-color:var(--primary-color);flex-direction:column}.app__work-container{align-items:center;display:flex;flex-wrap:wrap;justify-content:center}.work{background-color:var(--bg-main);border-radius:10px;margin:2rem;padding:1rem;text-align:center;width:300px}.work__card-img{flex-direction:column;position:relative;width:100%}.work__card-img img{border-radius:10px;height:250px;object-fit:cover;width:100%}.work__card-icons{align-items:center;border-radius:10px;bottom:0;color:#fff;display:flex;font-size:2rem;height:100%;justify-content:space-evenly;position:absolute;top:0;transition:.7s ease-in-out;width:100%}.work__card-icons div{background-color:rgba(0,0,0,.5);border-radius:50%;height:50px;opacity:0;transition:.7s ease-in-out;width:50px}.work__card-icons div svg{color:var(--accent-color-primary);cursor:pointer;height:50%;width:50%}.work__card-icons:hover{background-color:rgba(0,0,0,.5)}.work__card-icons:hover div{opacity:1}.work__card-tags{align-items:center;display:flex;justify-content:space-evenly;padding:.3rem}.work__tag{background-color:#fff;border-radius:10px;color:var(--accent-color-primary);font-size:.75rem;padding:.5rem}.work .p-text{font-size:1rem}@media screen and (min-width:2000px){.work{width:350px}}:root{--primary-color:#fff;--accent-color-primary:#fa370c;--accent-color-secondary:#65e9b6;--bg-main:#edf2f8;--bg-lightGray:#e4e4e4;--bg-darkGray:#54595f;--font-color:#000;--heading-font:"Montserrat",sans-serif;--body-font:"Proza Libre",sans-serif}.dark-mode{--primary-color:#000;--bg-main:#000;--font-color:#fff}*{box-sizing:border-box;margin:0;padding:0;scroll-behavior:smooth}body{background:var(--bg-main);color:var(--font-color);font-family:var(--body-font)}.app__flex{align-items:center;display:flex;justify-content:center}.app__wrapper{flex:1 1;flex-direction:column;padding:4rem 2rem;width:100%}@media screen and (max-width:450px){.app__wrapper{padding:4rem 1rem 2rem}}.head-text{color:var(--font-color);font-size:2.75rem;font-weight:800;text-align:center;text-transform:capitalize}.head-text span{color:var(--accent-color-primary)}@media screen and (min-width:2000px){.head-text{font-size:4rem}}@media screen and (max-width:450px){.head-text{font-size:2rem}}.app__about,.app__contact,.app__skills,.app__work{align-items:center;display:flex;justify-content:center;min-height:100vh;width:100%}.p-text{color:var(--gray-color);font-size:.8rem;line-height:1.5;text-align:left}@media screen and (min-width:2000px){.p-text{font-size:1.75rem}}.active{font-size:1.25rem}.active:after{background:var(--accent-color-primary);border-radius:50%;bottom:0;content:"";height:2px;left:50%;position:absolute;-webkit-transform:translateY(4px) translateX(-50%);transform:translateY(4px) translateX(-50%);width:10%}.accent{color:var(--accent-color-primary)}
/*# sourceMappingURL=main.b0695cfe.css.map*/