@font-face{font-family:Montserrat;font-style:normal;font-weight:100;font-display:swap;src:url(/fonts/Montserrat-Thin.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:100;font-display:swap;src:url(/fonts/Montserrat-ThinItalic.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/Montserrat-ExtraLight.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:200;font-display:swap;src:url(/fonts/Montserrat-ExtraLightItalic.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/Montserrat-Light.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:300;font-display:swap;src:url(/fonts/Montserrat-LightItalic.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/Montserrat-Regular.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/Montserrat-Italic.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/Montserrat-Medium.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:500;font-display:swap;src:url(/fonts/Montserrat-MediumItalic.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/Montserrat-SemiBold.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:600;font-display:swap;src:url(/fonts/Montserrat-SemiBoldItalic.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/Montserrat-Bold.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:700;font-display:swap;src:url(/fonts/Montserrat-BoldItalic.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/Montserrat-ExtraBold.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:800;font-display:swap;src:url(/fonts/Montserrat-ExtraBoldItalic.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/Montserrat-Black.ttf)format("truetype")}@font-face{font-family:Montserrat;font-style:italic;font-weight:900;font-display:swap;src:url(/fonts/Montserrat-BlackItalic.ttf)format("truetype")}.button-holder{justify-content:end;gap:1rem;display:flex}.button{color:var(--color-cda-blue);border:2px solid var(--color-cda-blue);cursor:pointer;z-index:1;background:0 0;border-radius:10px;width:-moz-fit-content;width:fit-content;padding:.75rem;font-size:1rem;position:relative}.button--primary{background:var(--color-cda-blue);color:var(--color-dark)}.button:hover{border-color:#fff;animation:2s ease-in-out infinite pulseGlow}.memory-game{perspective:1000px;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.memory-card{cursor:pointer;aspect-ratio:1;width:100%;transform-style:preserve-3d;transition:all .5s;position:relative;box-shadow:1px 1px 1px rgba(0,0,0,.3)}.memory-card.flip{cursor:unset;transform:rotateY(180deg)}.face-front{transform:rotateY(180deg)}.face-front,.face-back{-webkit-backface-visibility:hidden;backface-visibility:hidden;object-fit:cover;border-radius:5px;width:100%;height:100%;position:absolute}.header{width:100dvw;margin:.25rem 0}.header .header__grid{flex-direction:column;gap:.25rem;display:flex}.header__logo{justify-content:center;display:flex}.header__logo img{width:auto;max-width:100%;max-height:100%}.header__title{display:flex}.header__title h1{text-align:center;margin:auto;font-size:1.5rem}.header__paragraph{text-align:center}.modal{will-change:visibility,opacity;z-index:999;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:0 0;transition:all 1s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;bottom:0;left:0;right:0;overflow-x:hidden;overflow-y:auto}.modal--active{visibility:visible;opacity:1}.modal__dialog{margin:auto;padding:1rem}.modal__content{background-color:var(--color-white);border:2px solid #fff;border-radius:.5rem;flex-direction:column;gap:1rem;min-width:500px;max-width:1200px;padding:3rem 2rem;animation:2s ease-in-out infinite pulseGlow;display:flex;position:relative}@media (max-width:768px){.modal__content{min-width:unset;padding:2rem 1rem}}.modal__close{cursor:pointer;background:unset;border:unset;color:var(--color-cda-blue);margin-bottom:1rem;position:absolute;top:.5rem;right:.5rem}@keyframes pulseGlow{0%,to{box-shadow:0 0 5px 5px var(--color-cda-green),inset 0 0 5px 5px var(--color-cda-green)}50%{box-shadow:0 0 10px 5px var(--color-cda-green),inset 0 0 10px 5px var(--color-cda-green)}}:root{--color-cda-blue:#3c415d;--color-cda-green:#2cc84d;--color-bright-orange:#ff8f1f;--color-warm-beige:#eee9e2;--color-not-black:#2c2a29;--color-white:#fff}.section--bg-cda-blue{background-color:var(--color-cda-blue)}.section--bg-cda-green{background-color:var(--color-cda-green)}.section--bg-bright-orange{background-color:var(--color-bright-orange)}.section--bg-warm-beige{background-color:var(--color-warm-beige)}.section--bg-not-black{background-color:var(--color-not-black)}.section--bg-white{background-color:var(--color-white)}.text-cda-blue{color:var(--color-cda-blue)}.text-cda-green{color:var(--color-cda-green)}.text-bright-orange{color:var(--color-bright-orange)}.text-warm-beige{color:var(--color-warm-beige)}.text-not-black{color:var(--color-not-black)}.text-white{color:var(--color-white)}*{box-sizing:border-box;margin:0;padding:0}html{font-family:Montserrat;font-size:120%}main{min-height:100vh}.hide-overflow{overflow:hidden}.container{width:65dvw;max-width:800px;margin:auto;padding:.5rem .25rem}@media (max-width:1600px){.container{width:75dvw}}@media (max-width:1200px){.container{width:85dvw}}@media (max-width:992px){.container{width:90dvw}}@media (max-width:768px){.container{width:95dvw}}@media (max-width:576px){.container{width:100dvw}}