.btn{background:var(--red);color:#fff;border:none;border-radius:8px;justify-content:center;align-items:center;gap:.5rem;margin:0;padding:.4rem .8rem;font-size:100%;transition:background-color .15s ease-in-out;display:flex;position:relative}.btn:hover{cursor:pointer;background:var(--dark-red)}.btn:after{content:"";background:var(--red);z-index:-1;border-radius:12px;position:absolute;inset:-4px}.btn:hover:after{background:var(--dark-red)}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}.btn[disabled]:after{background:conic-gradient(from var(--angle),var(--dark-blue),var(--light-blue),var(--dark-blue));animation:1.5s linear infinite spin}@keyframes spin{0%{--angle:0deg}to{--angle:360deg}}
.speech-bubble{transition:opacity .3s ease-in-out}.speech-bubble pre{text-align:left;background:var(--transparent-white);text-wrap:wrap;border-radius:1rem;width:fit-content;margin:1rem;padding:1rem 1.5rem;font-family:inherit;position:relative}.speech-bubble pre:after{content:"";border:20px solid #0000;border-bottom:0;width:0;height:0;margin-top:-10px;position:absolute;top:50%}.speech-bubble.hidden{opacity:0}.speech-bubble-right pre{margin-left:auto}.speech-bubble-left pre:after{border-left:0;border-right-color:var(--transparent-white);margin-left:-20px;left:0}.speech-bubble-right pre:after{border-right:0;border-left-color:var(--transparent-white);margin-right:-20px;right:0}
.card{box-sizing:border-box;background:var(--light-blue);opacity:1;border-radius:1rem;flex-direction:column;flex-basis:100%;align-items:stretch;font-size:110%;line-height:1.5;transition:opacity .6s;display:flex;box-shadow:3px 3px 10px #0000004d}.card img{max-width:100%}card.loading{opacity:.1}.card-header{background-color:var(--dark-blue);color:var(--white);box-sizing:border-box;border-radius:1rem 1rem 0 0;grid-template-columns:2rem 1fr 2rem;align-items:center;padding:.4rem .5rem;display:grid;position:relative}.card-header .icon-button{border:1px solid var(--white);opacity:.6;width:2rem;height:2rem;color:var(--white);background:0 0;border-radius:50%;place-content:center;font-size:1rem;display:grid}.card-header .icon-button:hover{opacity:1;cursor:pointer}.card-header h3{text-align:center;margin:0;padding:0;font-size:120%;font-weight:400}.card-header h3 svg{opacity:.9;font-size:80%;position:relative;top:-1px;left:3px}.card-header .header-button{font-size:inherit;color:inherit;background:0 0;border:none}.card-header .header-button:hover{cursor:pointer}.card-body{background:var(--light-blue);background:linear-gradient(200deg,#36435a 0%,#7bacd5 0%,#015eb7 100%);height:100%;min-height:240px;display:grid}.card-body:has(img){padding:0}.card-image-wrapper{grid-area:1/-1;place-items:center;display:grid}.card-image-wrapper img{box-sizing:border-box;max-width:100%;max-height:100%;display:block}.card-hidden{z-index:2;grid-area:1/-1;place-content:center;padding:0 1rem .5rem;font-size:1.4rem;display:grid}.card-hidden.overlay{background:#00000080}.card-hidden .speech-bubble pre{background:var(--white)}.card-footer{background-color:var(--light-grey);border-radius:0 0 1rem 1rem;grid-template-columns:2rem 1fr 2rem;min-height:2rem;padding:.4rem .5rem;display:grid}.card-footer span{justify-content:center;align-items:center;gap:.5rem;display:flex}.card-footer .icon-button{border:1px solid var(--dark-blue);opacity:.6;color:var(--dark-blue);background:0 0;border-radius:50%;place-content:center;width:2rem;height:2rem;font-size:1rem;display:grid}.card-footer .icon-button:hover{opacity:1;cursor:pointer}.card-error,.card-error .card-header{background:var(--red)}.card-error .card-body{background:var(--light-red);color:#fff;place-content:start;padding:0 1.5rem}.card-editor label,.card-editor p{color:#000000e6}.card-editor select{font-size:1rem}.card-editor .card-header{place-content:center}.card-editor .card-body{place-content:start;padding:0 1.5rem}.card-body:not(.describe-the-picture) img{border-radius:0}.focusCardDialog{background:#36435a;border:none;grid-template:"header header header"4rem"navLeft main navRight"calc(100% - 12rem)"footer footer footer"8rem/8rem 1fr 8rem;place-items:center;width:100%;height:100%;min-height:400px;display:grid}.focusCardDialog .card-modal-wrapper{grid-area:main;width:100%;max-width:100%;height:100%}.focusCardDialog .card-modal-wrapper .card{grid-template-rows:3rem 1fr 3rem;grid-template-columns:1fr;place-content:center;width:0;height:100%;margin:0 auto;display:grid}.focusCardDialog .card-modal-wrapper .card .card-body{aspect-ratio:4/3;background:linear-gradient(200deg,#36435a 0%,#7bacd5 0%,#015eb7 100%);height:100%;margin:0 auto;padding:0}.focusCardDialog .card-modal-wrapper .card .card-body .card-image-wrapper{background:#000000b3}.focusCardDialog .card-modal-wrapper .card .card-body .img{aspect-ratio:4/3;object-fit:contain;max-width:100%;height:100%;box-shadow:3px 3px 10px #0000004d}.focusCardDialog .card-modal-wrapper .card.card-editor .card-body{padding:0 1.5rem}.card-modal-main{height:100%}.card-display-controls{grid-template-columns:1fr 1fr 1fr;margin:1rem 1.7rem;display:grid}.card-display-controls>span{gap:1rem;display:flex}.card-display-controls>span:first-child{justify-content:flex-start}.card-display-controls>span:nth-child(2){justify-content:center}.card-display-controls>span:nth-child(3){justify-content:flex-end}.card-modal-top-nav{color:var(--white);text-align:center;grid-area:header;font-size:140%}.cards-nav{color:#fff;grid-area:footer;justify-content:center;gap:1rem;display:flex}.cards-nav button,.card-modal-prev button,.card-modal-next button{border:3px solid var(--white);color:var(--white);opacity:.6;background:0 0;border-radius:50%;width:3em;height:3em;padding:1rem;font-size:120%}:is(.cards-nav button,.card-modal-prev button,.card-modal-next button):hover{opacity:1;cursor:pointer}::backdrop{background:#36435a}.card-display-tags{margin:1rem 1.5rem 80px}.card-display-tags label{margin-bottom:1rem;display:block}.card-display-tags .edit-tags-controls{gap:1rem;margin-top:2rem;display:flex}.card-display-tags .edit-tags-controls button{width:12rem}@media (max-width:960px){.card-modal-prev,.card-modal-next{display:none}.focusCardDialog{grid-template-areas:"header header header""main main main""footer footer footer"}.card-display-controls button span{display:none}}
:root{--light-blue:#7bacd5;--dark-blue:#015eb7;--red:#da2a1c;--light-red:#ef3f2f;--dark-red:#c01002;--orange:#ff9e15;--dark-orange:#ef8e05;--white:#fff;--transparent-white:#fffc;--more-transparent-white:#ffffff80;--body-colour:#36435a;--light-grey:#efefef}html{height:100%;min-height:400px;margin:0;padding:0;font-family:Helvetica,sans-serif;font-size:16px}body{background:#fffffff5;height:100%;margin:0;padding:0}body>header{background-color:var(--body-colour);border-top:8px solid var(--dark-blue);border-bottom:8px solid var(--dark-blue);justify-content:space-between;align-items:center;padding:1rem;font-size:120%;transition:margin-top .3s ease-in-out;display:flex;position:relative;box-shadow:0 5px 10px #0000004d}body>header:has(.hidden-header){margin-top:-10rem}body>header:has(.hidden-header) .toggle-header{position:relative;top:6.8rem;right:-.9rem}.header-nav{flex:1;align-items:center;gap:1rem;display:flex}.header-nav>span{background:#fff;border-radius:50%;flex-grow:0;justify-content:center;align-items:center;width:180px;height:100px;display:flex;transform:rotate(-4deg)translateY(20px)}.header-nav>span img{transform:rotate(4deg)}.header-nav>div{flex:1;justify-content:flex-start;align-items:center;display:flex}.header-nav>div>div{flex-direction:column;flex-grow:0;display:flex}.header-nav>div nav{flex:1}.header-nav>div nav ul{justify-content:center;align-items:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.header-nav>div nav ul li{font-size:100%}.header-nav>div nav ul li a{color:#ffffffe6;text-align:center;background:#4b566b;border-radius:8px;width:6rem;margin:.75rem 0;padding:.6rem 1rem;text-decoration:none;transition:background-color .3s ease-in-out;display:inline-block}.header-nav>div nav ul li a:hover{background:#3b465b}.header-nav>div nav ul li.active a{background:var(--dark-blue)}.header-nav>div nav ul li:first-child{position:relative}.header-nav>div nav ul li:first-child ul{z-index:1000;background:#ffffff80;border-radius:8px;padding:4px 8px;display:none;position:absolute;top:3.6rem;left:-8px}.header-nav>div nav ul li:first-child ul li a{margin:.2rem 0}.header-nav>div nav ul li:first-child:hover ul{display:block}.header-nav>div h1{letter-spacing:2px;color:var(--white);flex-grow:0;margin:0;font-size:120%}.header-nav>div h2{color:var(--light-blue);flex-grow:0;margin:0;font-size:100%}.header-nav>div h2 a{color:inherit;font-size:100%;text-decoration:none}.header-nav>div h2 a:hover{text-decoration:underline}.header-controls{justify-content:flex-end;gap:.5rem;display:flex}main{overflow:scroll}@media (max-width:1200px){.header-controls span{display:none}}@media (max-width:1100px){.header-nav>div{flex-direction:column;justify-content:center;align-items:flex-start}.header-nav>div nav{margin-left:-6px}.header-controls{position:absolute;top:1rem;right:1rem}}@media (max-width:640px){.header-nav>span{display:none}}.card-display-wrapper>.btn{margin:1rem auto 0}.card-display{--min-card-width:400px;grid-template-columns:repeat(auto-fill,minmax(min(var(--min-card-width),100%),1fr));gap:8px;height:100%;margin:1rem 1.5rem 80px;display:grid}.languages-list{margin:3rem 40px}.languages-list li{padding:.5rem 0}.info-page{max-width:40rem;margin:0 auto 20rem;line-height:1.6}.info-page h1{margin-top:2rem}.info-page h2{margin-top:3rem}.info-page .image-wrapper{text-align:center;box-sizing:border-box;background:#f8f8f8;border-radius:8px;padding:1rem}.info-page .image-wrapper img{max-width:100%}.info-page .social-links{color:var(--body-colour);justify-content:center;align-items:center;gap:1rem;font-size:200%;display:flex}.card-display-wrapper{height:100%;overflow:scroll}