@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;700&display=swap";:root{--main-family: "poppins", sans-serif;--color-bg: linear-gradient(180deg, #FFFFFF 0%, #87CEEB 80%)}html{background:var(--color-bg);font-family:var(--main-family);min-height:100%}body{margin:0}#background{position:fixed;width:100%;z-index:-1;height:100%}#content{display:flex;flex-direction:column;align-items:center;margin:0 auto}.header{text-align:center}.header h1{padding-top:5%;margin:0;font-size:max(5vw,32px)}.header h2{line-height:34px;width:50%;margin:0 auto;padding-bottom:5%;font-weight:500}.bttns{display:flex;flex-wrap:wrap;flex-direction:row;margin:5%}.bttn{flex:1 1 auto;margin:1%;width:5%;padding:50px;text-align:center;background-color:#3498db;color:#fff;transition:opacity .3s ease;opacity:.6;font-size:medium}.bttn:hover{opacity:.8}.bttn.primary{background:#21A69A;color:#fff;box-shadow:-3px 3px 5px #2321213b;padding:30px}.bttn.primary:hover{background:#21a69a;box-shadow:inset 3px 4px 10px #23212166}.bttn.secondary{background:transparent;border:#093C4F 2px solid;color:#0d1d24}.bttn.secondary:hover{background:#05171f;color:#fff}.resource-list{font-family:Helvetica,Arial,sans-serif;font-size:larger;text-align:center;width:100%}.resource-list ul{text-align:left;margin:0 auto;list-style:none;display:flex;justify-content:flex-start;padding:2%}.resource-list li{padding:2%;font-weight:700}.resource-list a{color:#000;line-height:30px}footer{margin:0 auto;width:100%;text-align:center;max-width:80%;font-size:x-large}footer p{text-align:left}footer img{width:20px}.container{display:flexbox;margin-bottom:5%}.card-container{display:flex;flex-wrap:wrap;flex-direction:row;margin:5% auto;max-width:80%;justify-content:center}.card{flex:1 1 auto;background-color:#000;border-radius:10px;margin:1em;padding:15px;box-shadow:0 4px 8px #0003;width:80%;max-height:500px;overflow:hidden;color:#fff;transition:opacity .3s ease;opacity:.4}.card:hover{opacity:.8}.filter-box{border:1px solid #ccc;padding:10px;margin:10px;border-radius:5px}.filter-box h3{margin:0;padding-bottom:10px;font-size:16px}.banner{max-height:-moz-fit-content;max-height:fit-content;margin-bottom:5%;overflow:hidden}.banner img{width:100%;height:250px;object-fit:cover;position:relative;bottom:0}h3{font-weight:700;font-size:x-large}@media (max-width: 768px){.header h1{font-size:24px}.header h2{width:80%;line-height:1.5}.bttns{justify-content:space-around}.bttn{flex:0 1 45%;margin:10px;padding:20px;font-size:smaller}.resource-list ul{flex-direction:column;padding:5%}.resource-list li{padding:5%}.card-container{max-width:40%}.card{width:calc(100% - 2em);margin:1em;padding:10px}.banner img{height:400px}}