.hero.container{margin:auto;max-width:500px}.hero h1{font-size:40px;margin-bottom:15px;margin-top:200px;text-align:center}.hero h1 span{color:var(--yellow);font-size:50px}.hero p{margin-bottom:71px;opacity:.8;text-align:center}.hero p span{color:var(--yellow);font-weight:700}.hero a.button{background-color:var(--blue);border-radius:9999px;margin:0 5px;padding:12px 35px;text-decoration:none}.hero a.yellow{background-color:var(--yellow);color:var(--black)}.hero .center-align{opacity:1!important;text-align:center}@media (max-width:768px){.hero h1{font-size:28px}.hero h1 span{font-size:35px}}.sidenav{background:var(--black-sidebar);bottom:0;left:0;padding:50px 30px 50px 50px;position:fixed;top:0;transition:all .5s cubic-bezier(.6,-.28,.735,.045);width:325px;z-index:5}.sidenav .title{color:var(--yellow);font-size:25px;margin-bottom:44px}.sidenav ul li{list-style-type:none;margin:20px 0}.sidenav ul li a:not(.active){opacity:.8;text-decoration:none}.sidenav ul li a.active{font-weight:700;text-decoration:none}.sidenav ul li:first-child a.active:before{color:var(--yellow);content:"🏠 "}.sidenav ul li:nth-child(2) a.active:before{color:var(--yellow);content:"😎 "}.sidenav ul li:nth-child(3) a.active:before{color:var(--yellow);content:"📀 "}.sidenav ul li:nth-child(4) a.active:before{color:var(--yellow);content:"📝 "}.sidenav ul li:nth-child(5) a.active:before{color:var(--yellow);content:"🤙🏻 "}@media (max-width:768px){.sidenav{left:-325px;transition:all .5s cubic-bezier(.6,-.28,.735,.045)}.sidenav.active{left:0}}.about .section-title,.portfolio .sec-title h1{font-size:30px}.about .sub-title{font-size:25px}.about__download{border-bottom:2px solid;color:var(--yellow);text-decoration:none}.about{padding:60px 15px}.about.container{margin:auto;max-width:1100px}.about .row{overflow:auto}.about .row .col{float:left;padding:15px;width:50%}.about .section-title{font-size:40px;margin-bottom:30px}.about img{margin-bottom:37.2px;max-width:190px;width:100%}.about .sub-title{font-size:30px;margin-bottom:15px;margin-top:30px}.about .sub-title:before{color:var(--yellow);content:"</>";font-family:consolas}.about .content__justify{margin-bottom:20px;text-align:justify;text-align-last:left;text-indent:2em;text-justify:inter-word}@media (max-width:425px){.about .row .col,.project,.resources-container .context{width:100%}}.portfolio.container{margin:auto;max-width:1030px;padding:50px 30px}.portfolio .title-section{margin-bottom:72px;overflow:auto}.portfolio .two-rows{float:left;width:50%}.portfolio .sec-title h1{font-size:40px}.portfolio .title-section .search{text-align:right;transition:all .3s cubic-bezier(.6,-.28,.735,.045)}.portfolio .title-section .search input{background-color:hsla(0,0%,100%,.14);border:0;border-radius:9999px;display:inline-block;max-width:400px;outline:0;padding:12px 30px;width:100%}.portfolio .title-section .search input::-webkit-input-placeholder{color:var(--white)}.portfolio .title-section .search input::placeholder{color:var(--white)}.project{min-height:300px;padding:20px 15px;width:33.33%}.project a.link{text-decoration:none}.project img{border-radius:10px;box-shadow:0 3px 6px rgba(0,0,0,.16);margin-bottom:10px;width:100%}.project h3.project-title{font-size:25px;margin-bottom:10px}@media (max-width:425px){.portfolio .title-section .search input{padding:12px 0 12px 17px}}@media (max-width:768px){.project h3.project-title{font-size:20px;margin-bottom:5px}.project img{margin-bottom:0}}@media (max-width:1024px){.project{width:50%}}.resources-container{margin:30px 0;overflow:auto}.resources-container:first-child{margin-top:0}.resources-container .img-container{float:left;max-width:265px;width:100%}.resources-container .img-container img{border-radius:10px;width:100%}.resources-container .context{float:left;padding:15px 20px;width:calc(100% - 265px)}.resources-container .context h2.article-title{font-size:30px;margin-bottom:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:425px){.resources-container .img-container{max-width:100%}.resources-container .context{padding:0}}@media (max-width:768px){.resources-container .context h2.article-title{font-size:25px;margin-bottom:2px}}@media (max-width:1024px){.resources-container .context{padding:0 10px}}.contact.container{margin:auto;max-width:450px}.contact{padding:60px 15px}.contact.container h1.content-title{color:var(--yellow);font-size:35px;margin-bottom:32px;text-align:center}.contact.container h1.content-title span{color:var(--white);font-size:24px}.contact input{border:0;border-radius:9999px}.contact input,.contact textarea{background-color:#fff;box-shadow:0 3px 6px rgba(0,0,0,.16);color:var(--black);display:inline-block;margin:10px 0;outline:0;padding:12px 32px;width:100%}.contact textarea{border:0;border-radius:16px}.contact form button{background-color:var(--blue);border:0;border-radius:9999px;margin:10px 0;outline:0;padding:12px 35px;text-decoration:none;width:100%}.contact .notification{background-color:var(--yellow);border-radius:6px;color:var(--black);margin:10px 0;padding:15px}.contact .notification.hidden{display:none}@media (max-width:768px){.contact.container h1.content-title span{font-size:20px}.contact.container h1.content-title{font-size:30px}}.article.container{margin:auto;max-width:660px}.article{padding:80px 15px}.article .super-title{color:var(--yellow);font-size:40px;font-weight:700;margin-bottom:5px}.article .meta p{font-size:16px;margin-bottom:47px;opacity:1px}.article .super-content *{line-height:37px}.article .super-content p{margin:14px 0}.article .super-content>p:first-child:first-letter{color:var(--yellow);float:left;font-family:serif;font-size:80px;line-height:37px;margin-bottom:-5px;margin-right:5px;opacity:1!important;padding:5px}.article .super-content h1,.article .super-content h2,.article .super-content h3,.article .super-content h4,.article .super-content h5,.article .super-content h6{font-size:30px;line-height:inherit;margin-bottom:14px;margin-top:55px}.article .super-content img{border-radius:10px;margin:14px 0;width:100%}.article .super-content ol,.article .super-content ul{padding-left:30px}.article .super-content a{border-bottom:2px dashed #fff;text-decoration:none}.article .super-content a.button{background-color:var(--blue);border:0;border-radius:9999px;display:inline-block;margin:20px 0;padding:5px 20px;text-decoration:none}.article .super-content table{border-collapse:collapse;width:100%}.article .super-content table tr td,.article .super-content table tr th{border-bottom:1px solid hsla(0,0%,100%,.171);padding:5px;text-align:center}.article .super-content table tr th{background-color:hsla(0,0%,100%,.1)}.article .super-content blockquote{background-color:rgba(0,0,0,.3);border-left:3px solid var(--yellow);border-radius:6px;border-bottom-left-radius:0;border-top-left-radius:0;padding:40px 20px 30px;position:relative}.article .super-content blockquote p{font-size:120%}.article .super-content blockquote:before{color:var(--yellow);content:"❝";font-size:200%;left:15px;opacity:.9;position:absolute;top:15px}.article .super-content code{background-color:rgba(0,0,0,.3);border-radius:6px;color:var(--yellow);display:inline-block;font-family:consolas;margin:14px 0;overflow-x:scroll;padding:20px;width:100%}@media (max-width:768px){.article .super-title{font-size:30px}.article .super-content>p:first-child:first-letter{font-size:70px;line-height:37px;margin-bottom:-5px;margin-right:5px;padding:5px 5px 1px}.article .super-content h2{font-size:25px}.article .super-content p{line-height:30px}}:root{--black-sidebar:#041023;--black:#0a1931;--white:#efefef;--blue:#185adb;--yellow:#ffc947}*{box-sizing:border-box;color:#efefef;color:var(--white);font-family:Poppins,sans-serif;font-size:18px;margin:0;padding:0}body,html{scroll-behavior:smooth}html{background-color:#0a1931;background-color:var(--black)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-thumb{background-color:#185adb;background-color:var(--blue);border-radius:999px}::selection{background:#ffc947;background:var(--yellow);color:#0a1931;color:var(--black);opacity:1!important}p{line-height:31px;opacity:.9}.main-page{padding-left:325px}.sec-title{transition:all .3s cubic-bezier(.6,-.28,.735,.045)}.project-container{display:flex;flex-direction:row;flex-wrap:wrap;overflow:auto}#particles-js{height:100vh;inset:0;position:fixed;z-index:-999}.sidenav-activate{background-color:#185adb;background-color:var(--blue);border:0;border-radius:99999px;bottom:0;display:none;font-size:20px;height:60px;left:0;margin:20px;padding:15px;position:fixed;transition:background .3s cubic-bezier(.6,-.28,.735,.045);width:60px;z-index:6}.sidenav-activate i.material-icons{color:#efefef;color:var(--white)}.sidenav-activate i.material-icons,.sidenav-activate.active i.material-icons{left:50%;position:absolute;top:50%;-webkit-transform:translateX(-50%) translateY(-50%);transform:translateX(-50%) translateY(-50%)}.sidenav-activate.active i.material-icons{color:#0a1931;color:var(--black)}.sidenav-activate.active{background-color:#ffc947;background-color:var(--yellow)}.social-medias a i{font-size:25px;margin:5px}@media (max-width:768px){.indicator.hide{display:none}.main-page{padding-left:0}*{font-size:16px}.sidenav-activate{display:block!important}}@media (max-width:425px){.title-section::-webkit-scrollbar{display:none}.title-section.activate-search .two-rows.sec-title{opacity:0;overflow-x:hidden;width:0}.title-section.activate-search .two-rows.search{overflow-x:hidden;width:100%}}
/*# sourceMappingURL=main.c66774a7.css.map*/