:root{--doc-height: 100vh;--doc-width: 100vw;--content-height: calc(var(--doc-height) - 6em);--card-height: calc(var(--content-height) / 2.85);--card-width: calc(var(--card-height) * 0.8);--card-topmargin: calc((var(--content-height) - var(--card-height) * 2) * 0.1);--card-radius: calc(var(--card-height) * 0.05)}.bcards{width:100%;position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;overflow-x:hidden}.bcard,.bcardonlypc{width:var(--card-width);height:var(--card-height);margin:var(--card-topmargin) 3em 1em 3em;background-color:#252525;border:1px solid #2c2c2c;border-radius:var(--card-radius);-webkit-box-shadow:8px 8px 12px rgba(0,0,0,0.125),16px 16px 22px rgba(0,0,0,0.04);box-shadow:8px 8px 12px rgba(0,0,0,0.125),16px 16px 22px rgba(0,0,0,0.04);-webkit-box-sizing:content-box;box-sizing:content-box;overflow:hidden;cursor:pointer;position:relative;-webkit-transition:all .5s ease;transition:all .5s ease}.bcard:hover,.bcardonlypc:hover{background-color:#282828;border:1px solid #393939}.bcard:hover .bcardcontent h3,.bcardonlypc:hover .bcardcontent h3{color:#fd8f00}.bcardhead{width:100%;height:85%;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bpcardhead{width:100%;height:85%;background-color:transparent;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.bpcardhead p{text-align:center}.bcardcontent{width:100%;height:15%;padding:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;background-color:transparent;-webkit-transition:all .5s ease;transition:all .5s ease}.bcardcontent h3{width:100%;text-align:center;color:#aad6f8;font-size:3.75rem;line-height:0.4rem;margin:0;-webkit-transition:all .5s ease;transition:all .5s ease}.bcardcontent p{text-align:center;margin:0}.bcimg{width:75%;height:auto;opacity:0.75;margin:0 auto}.bpcimg{width:80%;height:28%;-o-object-fit:contain;object-fit:contain;margin:2em auto 0 auto}@media (max-width: 1920px){.bcardcontent h3{font-size:1.35rem;line-height:0.4rem}.bpcardhead p{line-height:1.25rem;margin-top:-0.5rem}.bpcardhead p sup{font-size:1rem}}@media (max-width: 980px){.bcardonlypc{display:none}.bcards{display:block}.bcard{margin:0.75em auto}.bpcimg{margin:1em auto 0 auto}.bcardcontent h3{font-size:1.875rem;line-height:0.4rem}.bpcardhead p{line-height:1.45rem;margin-top:-0.5rem}.bpcardhead p sup{font-size:1.45rem}.textdiv h2{width:100%}.textdiv p{width:100%}}@media (max-width: 800px){.bpcimg{margin:1.25em auto 0 auto}.bcardcontent h3{font-size:1.8rem}.bpcardhead p{line-height:1.25rem}.bpcardhead p sup{font-size:1.4rem}}@media (max-width: 640px){.bpcimg{margin:1.15em auto 0 auto}.bcardcontent h3{font-size:1.275rem}.bpcardhead p{line-height:0.9rem}.bpcardhead p sup{font-size:1rem}}@media (max-width: 540px){.bpcimg{margin:1.15em auto 0 auto}.bcardcontent h3{font-size:1.25rem}.bpcardhead p{line-height:0.9rem}.bpcardhead p sup{font-size:1rem}}@media (max-width: 480px){.bpcimg{margin:0.95em auto 0 auto}.bcardcontent h3{font-size:1.1rem}.bpcardhead p{line-height:0.75rem}.bpcardhead p sup{font-size:0.85rem}}@media (max-width: 414px){.bcardcontent h3{font-size:1rem}.bpcardhead p{line-height:0.65rem}.bpcardhead p sup{font-size:0.8rem}}@media (max-width: 380px){.bcardcontent h3{font-size:0.9rem}.bpcardhead p{line-height:0.4rem}.bpcardhead p sup{font-size:0.65rem}}@media (max-width: 320px){.bcardcontent h3{font-size:0.725rem}.bpcardhead p sup{font-size:0.6rem}}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.bcard,.bcardonlypc{width:13vw;height:35vh;margin:1em 3em 1em 3em;border-radius:16px}.bcardhead{width:100%;height:75%}.bpcardhead{width:100%;height:75%}.bcardcontent{width:100%;height:25%}.bcardcontent h3{margin:2rem 0 0 0;line-height:1.25rem}.bcimg{width:180px;margin:1.75em 0 0 0}.bpcimg{width:180px;margin:1.75em 0 0 0;border-radius:12px}}.brightmode .bcard,.brightmode .bcardonlypc{background-color:#e5e5e5;border:1px solid #d6d6d6}.brightmode .bcard:hover,.brightmode .bcardonlypc:hover{background-color:#e7e7e7;border:1px solid #dcdcdc}.brightmode .bcard:hover .bcardcontent h3,.brightmode .bcardonlypc:hover .bcardcontent h3{color:#fd8f00}.brightmode .bcardcontent h3{color:#2472b9}