html, body{max-width:100%; overflow-x: hidden;}
.bg-green{background-color:#54E76E;}
.bg-darkgray{background-color:#2B2A2A;}
.bg-black{background-color:#020702;}
.bg-black-code{background-color:#333934; margin:.5rem 0;}
.bg-lightpurple{background-color:#7D61CC;}
.text-black{color: #020702 !important;}
.text-green{color: #54E76E !important;}
.font1{font-family:"Magistral", sans-serif;}
.font2{font-family:"Open Sans", sans-serif; font-weight:400;}
.font2bold{font-family:"Open Sans", sans-serif; font-weight:700;}
.navbar{background:#020702;}
.nav-logo{height:30px; width:auto; object-fit:contain;}
.nav-logo{max-height:42px; width:auto; object-fit:contain;}
.nav-link-cta1{color:#54E76E !important;}
.nav-link-cta1:hover{color:#23E044 !important;}
.nav-link-cta2{color:#9A76FF !important;}
.nav-link-cta2:hover{color:#7143F5 !important;}
.nav-icon-link{font-size:22px !important; cursor: pointer; padding: 0.3rem 0.3rem 0rem 0.3rem !important;}
.card-trilha{background-color:#54E76E;color:#020702;transition: all 0.15s ease-in-out;}
.card-trilha .bigger{color:#020702; font-size:1rem; transition: all 0.15s ease-in-out;}
.card-trilha:hover{background-color:#34BE4D;color:#fff;}
.card-trilha:hover .bigger{color:#fff; font-size:1.12rem;}
.card-anuncie{background-color:#7D61CC;color:#fff;transition: all 0.15s ease-in-out;}
.card-anuncie .bigger{color:#fff; font-size:1rem; transition: all 0.15s ease-in-out;}
.card-anuncie:hover {background-color:#664AB8; color:#fff;}
.card-anuncie:hover .bigger{color:#fff; font-size:1.12rem;}
.a-black-to-color{color:#020702; text-decoration: none; cursor: pointer; transition: all 0.15s ease-in-out;}
.a-black-to-color:hover{color:#54E76E;}
.a-white-to-color{color:#fff; text-decoration: none; cursor: pointer; transition: all 0.15s ease-in-out;}
.a-white-to-color:hover{color:#54E76E;}
.a-color-to-darker{color:#54E76E; text-decoration: none; cursor: pointer; transition: all 0.15s ease-in-out;}
.a-color-to-darker:hover{color:#2CCD48;}
.a-white-to-bigger{color:#fff; text-decoration: none; cursor: pointer; transition: all 0.15s ease-in-out;}
.a-white-to-bigger:hover{color:#fff; font-size:1rem;}
@media (max-width: 1200px){.nav-link {font-size:1rem !important;}}
.img-avatar{height:80px; width:80px; object-fit:contain;}
.img-avaliacao{height:20px; width:20px; object-fit:contain;}
.list-lateral-trilha{padding-left: 0; list-style: none;}
.list-lateral-trilha a{color:#fff; text-decoration: none; cursor: pointer; transition: all 0.15s ease-in-out;}
.list-lateral-trilha a:hover{color:#54E76E;}
.list-lateral-trilha li{margin:0.2rem 0;}
.shortcut-btn {background:#B1B8B2; color:#020702;font-weight:700; padding:0 0.25rem;}