.waves{bottom:0;height:15vh;left:0;max-height:150px;min-height:100px;position:fixed;width:100%;z-index:0}.parallax>use{animation:move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite}.parallax>use:first-child{animation-delay:-2s;animation-duration:7s}.parallax>use:nth-child(2){animation-delay:-3s;animation-duration:10s}.parallax>use:nth-child(3){animation-delay:-4s;animation-duration:13s}.parallax>use:nth-child(4){animation-delay:-5s;animation-duration:20s}@keyframes move-forever{0%{transform:translate3d(-90px,0,0)}to{transform:translate3d(85px,0,0)}}@media(max-width:768px){.waves{height:15vh;min-height:40px}.content{height:30vh}h1{font-size:24px}}::-webkit-scrollbar{width:12px}::-webkit-scrollbar,::-webkit-scrollbar-track{background-color:transparent}::-webkit-scrollbar-thumb{background-clip:content-box;background-color:hsla(0,0%,100%,.7);border:3px solid transparent;border-radius:20px}body{overflow:overlay}body .btn-gradient{background:linear-gradient(60deg,#533ab7,#00acc1);color:#fff;transition:transform .2s ease-in-out}body .btn-gradient:hover{color:#fff;transform:scale(1.05)}body .fs-black{align-items:center;background-color:rgba(0,0,0,.6);display:flex;height:100%;justify-content:center;position:fixed;transition:all .2s ease-in-out;width:100%;z-index:1000}body .fs-black span{color:#fff;padding-left:1rem}.header{background:linear-gradient(90deg,#533ab7,#00acc1);background-attachment:fixed;color:#000;height:fit-content;min-height:100vh;position:relative;text-align:center;width:100%}.header.top{background:linear-gradient(90deg,#00acc1,#29b785)}.header nav{position:relative;width:100%}.header nav,.header nav .logo{color:#fff;display:flex;justify-content:center}.header nav .logo{align-items:center;border:2px solid #fff;font-size:2rem;height:4rem;margin:3rem 2rem;width:4rem}.header nav .logo-animation{display:none;opacity:0;transition:opacity .5s ease-in-out}.header .tabs-container{color:#fff;margin:1rem auto 2rem;padding-left:var(--mdb-gutter-x,.75rem)}.header .tabs-container li:first-of-type{margin-left:2rem}.header .tabs-container a{color:#fff;font-weight:600}.header .tabs-container a:hover{color:#000}.header .tabs-container a.active{background-color:transparent;border-color:#fff;color:#fff}.header .tabs-container a.active:hover{background-color:#fff;border-color:#00acc1;color:#000}.header .cards-container{justify-content:flex-start;margin:0 auto}.header .cards-container.top .btn-gradient{background:linear-gradient(90deg,#00acc1,#29b785)}.header .cards-container.active{display:flex}.header .cards-container .load-more-btn-new,.header .cards-container .load-more-btn-top{border:2px solid #fff;margin-bottom:3em;margin-top:3em;max-width:fit-content;opacity:0;z-index:10}.header .cards-container .my-card{opacity:0;transition:opacity 1s ease-in-out}.header .cards-container .my-card .card{height:100%;z-index:10}.header .cards-container .my-card .card .card-body{align-items:center;display:flex;flex-direction:column;justify-content:space-between;padding-top:2em}.header .cards-container .read-article-btn{max-width:fit-content}footer{position:relative;z-index:100}footer i{color:#00acc1}@media only screen and (min-width:576px){.header nav{justify-content:flex-start}.header nav a{margin-right:1rem}.header nav .logo-animation{align-items:center;display:flex}}