body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#000;color:#fff;font-family:League Spartan,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*{box-sizing:border-box}body{margin-top:80px}.notFound{border:1px solid #000;font-size:4rem;text-align:center}.footer{height:380px;padding-top:3rem;width:100%}.footer-logo{align-self:center;width:130px}.footer-title:before{color:orange;content:"</>  GQ";font-family:Days One,sans-serif;font-size:30px;font-weight:700;letter-spacing:3px}.footer-brand,.footer-info{text-align:center}.footer-info{display:flex;flex-direction:column;width:100%}.footer-info a{color:#fff;padding:5px;text-decoration:none}.footer-info a:hover{color:orange}.footer-icons{display:flex;flex-direction:column}@media screen and (min-width:768px){.footer-info{align-items:center;flex-direction:row;font-size:1.3rem;justify-content:space-between;margin:auto;width:80%}}.navbar{align-items:center;background-color:#000;display:flex;height:80px;margin-top:-80px;padding:.5rem 0;position:fixed;width:100%;z-index:3}.navbar,a{color:#fff}a{text-decoration:none}.navbar-logo{width:100px}.navbar-menu{display:none}.navbar-menu-open{align-items:center;background-color:orange;color:#000;display:flex;flex-direction:column;height:auto;left:0;position:absolute;top:80px;width:100%}.navbar-menu-open a{font-size:30px;padding:20px}.mobile-menu{color:#fff;cursor:pointer;display:block;font-size:1.8rem;position:absolute;right:0;top:0;-webkit-transform:translate(-100%,60%);transform:translate(-100%,60%)}.span1:before{content:"<GQ>"}.title{color:orange;font-family:Days One,sans-serif;font-size:30px;font-weight:700}.title .span1{margin-left:10px;transition:all .5s linear}@media screen and (min-width:768px){.title{color:orange;cursor:pointer;font-size:30px;font-weight:700;letter-spacing:3px}.title .span1{margin-left:30px}.title span{transition:.5s ease-in-out}.span1:before{content:"<"}.span2:after{content:"/>"}.title:hover .span1{margin-right:3px}.title:hover .span1:after{content:"GQ4"}.title:hover .span2:before{content:"DEV"}.title:hover span{color:#f0f;text-shadow:0 0 10px #8b008b,0 0 20px #8b008b,0 0 40px #8b008b}.navbar-menu{background-color:#000;color:orange;display:block;margin-left:auto;position:absolute;right:10px;text-align:right;top:25px;width:60%}.navbar-menu-open{display:none}.navbar-menu a{cursor:pointer;font-size:20px;margin-right:20px}.navbar-menu a:hover{color:orange}.mobile-menu{display:none}}.sidebar-container{align-items:center;background:#0d0d0d;display:grid;height:100%;left:0;opacity:1;position:fixed;top:0;top:-100%;transition:.3s ease-in-out;width:100%;z-index:999}.sidebar-container.open{opacity:1;top:0}.close-icon{color:#fff}.icon{background:transparent;cursor:pointer;font-size:2rem;outline:none;position:absolute;right:1.5rem;top:1.2rem}.sidebar-wrapper{color:#fff}.sidebar-menu{display:grid;grid-template-columns:1fr;grid-template-rows:repeat(6,80px);text-align:center}@media screen and (max-width:480px){.sidebar-menu{grid-template-rows:repeat(6,60px)}}.sidebar-link{align-items:center;color:#fff;cursor:pointer;display:flex;font-size:1.5rem;justify-content:center;list-style:none;text-decoration:none;transition:.2s ease-in-out}.sidebar-link:hover{color:#f0ab00;transition:.2s ease-in-out}.side-btn-wrap{display:flex;justify-content:center}.sidebar-route{background:#01bf71;border:none;border-radius:50px;cursor:pointer;font-size:16px;outline:none;padding:16px 64px;text-decoration:none;white-space:nowrap}.sidebar-route,.sidebar-route:hover{color:#010606;transition:.2s ease-in-out}.sidebar-route:hover{background:#fff}.banner{align-items:center;display:flex;height:600px;justify-content:space-between;width:100%}.banner img{max-height:500px}.banner-info{margin-left:15px}.banner-title{font-size:2rem}.banner-icons,.banner-paragraph{font-size:1rem}.banner-icons a{color:#fff;margin-right:4px}.banner-icons a:hover{color:orange}@media screen and (min-width:768px){.banner{height:600px}.banner-info{margin-left:30px}.banner-title{font-size:3rem}.banner-paragraph{font-size:2rem}.banner-icons{font-size:1.5rem}}.about{background-color:#dcdcdc;color:#000;height:auto;width:100%}.about-title{font-size:2.5rem;margin:auto;padding-bottom:1rem;padding-top:20px;width:90%}.about-main{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:90%}.about-bio{width:90%}.profile-img{background-image:url(/static/media/portfolio.1973fd60a272c4e9b6b6.jpeg);background-position:top;background-size:cover;border:1px solid orange;border-radius:50%;height:200px;width:200px}.icons-img{margin-right:15px;width:40px}.bio-title{color:orange;font-size:2rem}.bio-description{font-size:1.3rem}.info-sections{align-items:center;margin:auto;padding-right:4px;width:90%}.info-section{margin:10px;padding:10px}.skills{display:grid;grid-template-columns:repeat(2,1fr);width:350px}h3{margin-top:0}.info-title{color:orange}.info-subtitle{align-items:center;display:flex;gap:1rem}.info-subtitle svg{color:orange;font-size:2rem;margin-right:15px;vertical-align:middle}.certificate{color:blue;font-weight:700}@media screen and (min-width:768px){.about-main{align-items:center;display:flex;justify-content:space-between}.about-bio{width:70%}.bio-description{font-size:1.5rem}.about-title{font-size:4rem}.info-sections{align-items:normal;display:flex}.info-section{width:500px}}.categories-container{height:auto;width:100%}.categories-title{font-size:2rem;text-align:center}.categories{align-items:center;display:flex;flex-direction:column;gap:1rem;margin:auto;padding-top:15px;width:90%}@media screen and (min-width:768px){.categories{display:flex;flex-direction:row;justify-content:space-between;width:80%}}article{height:200px;position:relative;transition:all .3s ease;width:300px}article img:first-child{border-radius:40px;box-shadow:0 60px 60px -60px rgba(0,30,255,.5);height:100%;object-fit:cover;width:100%}article img:last-child{bottom:25%;left:0;margin:auto;opacity:1;position:absolute;right:0;transition:.3s ease;width:120px}.category-title{display:none}article:before{background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.5) 50%,#000 95%);bottom:0;content:"";height:100%;opacity:0;position:absolute;transition:all .3s ease;width:100%}article:hover img:last-child{opacity:1;-webkit-transform:scale(120%);transform:scale(120%)}@media screen and (min-width:768px){article{height:300px;position:relative;transition:all .3s ease;width:300px}article img:first-child{border-radius:4px;box-shadow:0 60px 60px -60px rgba(0,30,255,.5);height:100%;object-fit:cover;width:100%}article img:last-child{bottom:40%;left:0;margin:auto;opacity:1;position:absolute;right:0;-webkit-transform:translateY(25%);transform:translateY(25%);transition:.3s ease;width:170px}.category-title{display:none;font-size:2rem;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}article:hover{-webkit-transform:perspective(250px) rotateX(10deg) translateY(-5%) translateZ(0);transform:perspective(250px) rotateX(10deg) translateY(-5%) translateZ(0)}article:hover .category-title{display:block}article:before{background-image:linear-gradient(180deg,transparent 10%,rgba(0,0,0,.5) 50%,#000 95%);bottom:0;content:"";height:100%;opacity:0;position:absolute;transition:all .3s ease;width:100%}article:hover:before{opacity:1}article:hover img:last-child{opacity:0;-webkit-transform:translateY(10%);transform:translateY(10%)}}.projects-title{font-size:3rem;padding:1rem}.project-title{color:orange;font-size:1.5rem}.project img{border:4px solid #8b008b;width:100%}.project-buttons{align-items:center;display:flex;justify-content:space-between;width:120px}.project-buttons svg{color:orange;font-size:1.5rem;margin-left:5px}.demo-button{background-color:silver;border:none;border-radius:5px;font-weight:700;padding:5px 25px;text-decoration:none}.demo-button:hover{background-color:orange}@media screen and (min-width:768px){.project{padding:10px;width:400px}.project img{border:2px solid #8b008b}.projects-title{margin-left:60px}}.portfolio-icons{margin:auto;transition:.3s ease-in-out;width:300px}.portfolio-icons ul{align-items:center;display:flex;justify-content:space-between}.portfolio-icons li{list-style:none}.portfolio-icons img{width:50px}.projects{display:flex;flex-wrap:wrap;justify-content:center;margin:auto;width:80%}@media screen and (min-width:768px){.portfolio-icons li{transition:.3s ease-in-out}.portfolio-icons li:hover{-webkit-transform:scale(120%);transform:scale(120%)}}
/*# sourceMappingURL=main.63475159.css.map*/