body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Helvetica Neue",sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}.App .sidebar{width:16%;height:100vh;background-color:#411a41;position:fixed;z-index:11;border-right:1px solid #2e344e;transform-origin:left}@media screen and (max-width:1000px){.App .sidebar{transition:all .4s ease-in-out;transform:translateX(-100%);width:30%}}@media screen and (max-width:411px){.App .sidebar{width:50%}}@media screen and (max-width:1000px){.App .nav-toggle{transition:all .4s ease-in-out;transform:translateX(0)}}.App .main-content{width:84%;margin-left:16%;background-color:#bacaa9;min-height:100vh;display:grid;color:#000;position:relative}.App .main-content .content{margin:5rem 8rem}@media screen and (max-width:1100px){.App .main-content .content{margin:2rem 10rem}}@media screen and (max-width:1400px){.App .main-content .content{margin:3rem 10rem}}@media screen and (max-width:1000px){.App .main-content .content{margin:2rem 5rem}}@media screen and (max-width:710px){.App .main-content .content{margin:2rem 3rem}}@media screen and (max-width:1000px){.App .main-content{margin-left:0;width:100%}}.nav-btn{position:absolute;z-index:10;right:10%;top:5%;width:3.5rem;height:4rem;display:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.nav-btn .lines-1,.nav-btn .lines-2,.nav-btn .lines-3{height:.4rem;width:100%;background-color:purple;pointer-events:none;display:none;border-radius:20px}.nav-btn .lines-1:not(:last-child),.nav-btn .lines-2:not(:last-child),.nav-btn .lines-3:not(:last-child){margin-bottom:.5rem}@media screen and (max-width:1000px){.nav-btn,.nav-btn .lines-1,.nav-btn .lines-2,.nav-btn .lines-3{display:block}}.Navbar{height:100vh}.Navbar .nav{height:100%;display:flex;flex-direction:column;align-items:center}.Navbar .nav .profile{width:100%;text-align:center;margin-top:1rem;border-bottom:1px solid #5e5366}.Navbar .nav .profile img{width:70%;border-radius:100%;border:5px solid #5e5366;margin-bottom:1rem}.Navbar .nav .nav-items{width:100%}.Navbar .nav .nav-items .nav-item{list-style:none;text-align:center}.Navbar .nav .nav-items .nav-item a{text-decoration:none;font-size:inherit;color:inherit;display:block;padding:.5rem 0;position:relative}.Navbar .nav .nav-items .nav-item a:before{content:"";position:absolute;top:0;left:0;width:.4rem;height:100%;background-color:rgba(244,165,96,.145);transform-origin:bottom;transform:scale(0);overflow-x:hidden;transition:transform .6s,width .2s cubic-bezier(1,-.16,.6,1.35) .5s}.Navbar .nav .nav-items .nav-item a:hover:before{width:100%;transform:scale(1)}.active{background-color:#fc7600}.Home{position:relative;top:50%;left:50%;transform:translate(-50%,-50%);width:80%}.hero-text{color:#000;text-align:center;font-size:3.6rem;margin-bottom:2rem}.hero-text span{color:purple}.home-sub-text{text-align:center}.icons{display:flex;align-items:center;justify-content:center;padding:1.5rem 0}.icons .icon-holder{margin-right:1rem}.icons .icon-holder .icon{font-size:2.8rem;color:#645c5c;transition:all .4s ease-in-out}.icons .icon-holder .linked:hover{color:#0a66c2}.icons .icon-holder .git:hover{color:purple}.icons .icon-holder .resume:hover{color:#fc7600}.Tittle{text-transform:uppercase;font-size:2rem;color:#000;position:relative;padding-bottom:1rem;letter-spacing:3px;margin-bottom:2rem}.Tittle:before{background-color:rgba(128,0,128,.255);width:6rem}.Tittle:after,.Tittle:before{content:"";bottom:0;position:absolute;left:0;height:.4rem;border-radius:50px}.Tittle:after{background-color:purple;width:3rem}.Tittle span{position:absolute;top:15%;left:0;font-size:5rem;opacity:.07}.imageSection{display:flex;margin-top:4rem;margin-bottom:4rem}.imageSection .img{width:100%;height:50vh}.imageSection .img img{width:100%;object-fit:cover;height:100%}.imageSection .about-info{margin-left:2rem}.imageSection .about-info h4{font-size:2rem}.imageSection .about-info .about-text{padding:1rem 0}@media screen and (max-width:1400px){.imageSection{flex-direction:column}.imageSection .about-info{margin-left:0;margin-top:1rem}}.about-details{display:flex}.about-details p{padding:.3rem 0}.about-details .right-section{margin-left:2.3rem}.btn{padding:1rem 2rem;background-color:purple;outline:none;border:none;font-family:inherit;color:#fff;text-transform:uppercase;cursor:pointer;letter-spacing:2px;margin-top:1rem;position:relative}.btn:after{position:absolute;content:"";width:0;height:.3rem;left:0;bottom:0;background-color:#fc7600;transition:all .4s ease-in-out}.btn:hover:after{width:100%}.skills-container{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:4rem;-webkit-column-gap:4rem;column-gap:4rem;grid-row-gap:1rem;row-gap:1rem;margin:4rem 0}@media screen and (max-width:1100px){.skills-container{grid-template-columns:repeat(1,1fr)}}.btn-project{padding:.6rem 1rem;background-color:#411a41;color:#fff;border:none;outline:none;cursor:pointer;font-size:inherit;font-family:inherit;margin-bottom:1rem;transition:all .3s ease-in-out}.btn-project:not(:last-child){margin-right:1rem}.btn-project:active,.btn-project:focus,.btn-project:hover{background-color:#fc7600}.buttons{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}@media screen and (max-width:1270px){.buttons{margin:2rem 5rem}}@media screen and (max-width:1100px){.buttons{margin:2rem}}.skill-container{margin-top:1rem}.skill-container .skill-title{font-size:1.4rem;font-weight:400}.skill-container .skill-bar{display:flex;align-items:center}.skill-container .skill-progress{width:100%}.skill-container .skill-progress .progress{width:100%;height:.5rem;background-color:#fc7600;margin-left:1rem;background-color:rgba(128,0,128,.344);position:relative}.skill-container .skill-progress .progress .inner-progress{position:absolute;width:70%;background-color:purple;height:100%;bottom:0;left:0}.projects{width:100%;display:grid;grid-template-columns:repeat(3,1fr);grid-row-gap:2rem;row-gap:2rem;grid-column-gap:1rem;-webkit-column-gap:1rem;column-gap:1rem}@media screen and (max-width:1400px){.projects{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:900px){.projects{grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:410px){.projects{grid-template-columns:repeat(1,1fr)}}.projects .project .image-data{position:relative}.projects .project .image-data:before{content:"";position:absolute;height:100%;width:100%;background-color:rgba(65,26,65,.6862745098039216);transform-origin:center;transform:scale(0);transition:all .4s ease-in-out}.projects .project .image-data:hover:before{transform:scale(1)}.projects .project .image-data img{width:100%;height:30vh;border:2px solid #411a41;object-fit:cover}.projects .project .hover-items{list-style:none;position:absolute;top:70%;left:50%;transform:translate(-50%,-50%);padding:1rem 2rem;visibility:hidden}.projects .project .hover-items li a{padding:.5rem;text-decoration:none;font-family:inherit;border-radius:5px;font-size:1rem;background-color:#fc7600;color:#fff}.projects .project .hover-items li a:not(:last-child){margin-right:2rem}.projects .project:hover .hover-items{transition:all .5s ease-in-out .2s;visibility:visible;top:50%}.projects .project h5{font-size:1.3rem;font-weight:700;color:purple;transition:all .3s ease-in-out}.projects .project h5:hover{color:#d2691e;cursor:pointer}.contact-form .contact-section{width:80%;float:left;margin-left:5%;padding:5%}.contact-form h2{text-align:center}.contact-form input,.contact-form select,.contact-form textarea#message{width:100%;padding:12px 20px;margin:8px 0;display:inline-block;border:1px solid #fc7600;border-radius:4px;box-sizing:border-box}.contact-form input[type=submit]{width:100%;background-color:#fc7600;font-size:18px;color:#fff;padding:10px 16px;margin:8px 0;border:none;border-radius:4px;cursor:pointer}.contact-form input[type=submit]:hover{background-color:#b3158c}*{padding:0;margin:0;box-sizing:border-box}body::-webkit-scrollbar{width:9px}body::-webkit-scrollbar-thumb{background-color:purple;border-radius:50px}body::-webkit-scrollbar-track{background-color:#818f73}body{color:#dbd9ff;font-family:"Roboto Condensed",sans-serif;font-size:1.2rem}span{color:purple}@media screen and (max-width:411px){html{font-size:70%}}@media screen and (max-width:700px){html{font-size:80%}}@media screen and (max-width:1040px){h2{font-size:100%}}@media screen and (max-width:480px){h2{font-size:90%}h3{font-size:70%}}
/*# sourceMappingURL=main.28fa4557.chunk.css.map */