html{background-color:#d6dde8;box-sizing:border-box}*,*::after,*::before{box-sizing:inherit;margin:0;padding:0}body{font-size:1rem;line-height:1.4;vertical-align:baseline;color:#2b4362;font-family:"Oswald","Open Sans","Helvetica Neue Light","Helvetica Neue","Helvetica","Arial",sans-serif;font-style:normal;font-weight:300}.flash-cards__header h1{font-weight:400;font-size:2rem}.flash-cards__menu a{font-weight:400}.flash-cards__information h2{font-weight:400;font-size:1.6rem}.flash-cards__card-main-title h4{font-weight:400;font-size:1.4rem}.flash-cards__block-aside h3{font-weight:600;font-size:1.6rem;line-height:1.1}.flash-cards__card-aside-title{font-weight:400;font-size:1.2rem;line-height:1.1}.flash-cards__menu ul{display:flex;list-style:none;justify-content:flex-end}.flash-cards__menu ul li{margin:0 .5em}.flash-cards__menu ul li:not(:last-child){margin-right:0}.flash-cards__menu ul a{display:flex;text-decoration:none;padding:.25em;color:#575c63;transition:all .2s linear;cursor:pointer}.flash-cards__menu ul a::before{content:"";display:block;box-shadow:inset 1px -1px 0 0 #0a0c18;width:.5em;height:.5em;align-self:flex-end;transform:translateY(-0.2em)}.flash-cards__menu ul a:hover{color:#0a0c18;outline:none}.flash-cards__menu ul a:hover::before,.flash-cards__menu ul a:active::before,.flash-cards__menu ul a:focus::before{background-color:#0a0c18}.flash-cards__menu ul a:active,.flash-cards__menu ul a:focus{outline:none}.flash-cards__information{margin:1.5em auto 1em auto}.flash-cards__information::after{display:block;content:"";border-bottom:1px solid #0a0c18}.flash-cards__information h2{text-align:center}.flash-cards__information p{margin:1em auto 1.5em auto}.flash-cards__block-aside h2{margin:0;padding:0;text-align:right}.flash-cards__deck-main{display:grid;grid-template-columns:repeat(auto-fill, minmax(15rem, 1fr));gap:1em}.flash-cards__card-main{position:relative;display:flex;box-shadow:-2px 2px 2px 0px rgba(87, 92, 99, 0.2)}.flash-cards__card-info{display:flex;flex-direction:column;height:100%;position:relative}.flash-cards__card-image{flex:1 1 80%;position:relative;display:flex}.flash-cards__card-image img{display:block;max-width:100%;height:auto}.flash-cards__card-main-title{flex:1 1 20%;min-height:4rem;background-color:#2b4362;color:#aec3d9;display:flex;justify-content:center;align-items:center;padding:.5em}.flash-cards__card-description{position:absolute;left:0;z-index:-1;width:100%;height:0;background-color:rgba(214, 221, 232, 0.6);overflow:hidden;display:flex}.flash-cards__card-description figcaption{color:#0a0c18;margin:auto;display:flex;flex-direction:column}.flash-cards__card-description figcaption a{display:block;margin:0;color:#0a0c18;text-decoration:none;padding:1.5em;box-shadow:-2px 0px 2px 0px rgba(87, 92, 99, 0.2);background-color:rgba(174, 195, 217, 0.5);transition:all .2s linear}.flash-cards__card-description figcaption a:hover,.flash-cards__card-description figcaption a:active,.flash-cards__card-description figcaption a:focus{background-color:rgba(174, 195, 217, 0.8)}.flash-cards__button-show-desc{position:absolute;top:0;right:0;z-index:100;display:none;cursor:pointer;border:none;background:transparent;opacity:0;transition:all .2s linear}.flash-cards__button-show-desc:hover,.flash-cards__button-show-desc:active,.flash-cards__button-show-desc:focus{outline:none;box-shadow:inset 0 -1px 0 0 #2b4362}.flash-cards__button-show-desc .icon-book{stroke:#575c63;width:2.5em;height:2.5em;vertical-align:middle}.flash-cards__button-show-desc:hover .icon-book{stroke:#0a0c18;fill:#0a0c18}.flash-cards__card-main-title.is-matching{transform:scale(1.1);background-color:#0a0c18;position:relative;z-index:100}.flash-cards__card-main-title.is-not-matching{background-color:#e8e8e8}.flash-cards__card-main.is-paired .flash-cards__button-show-desc{display:block;opacity:1}.flash-cards__card-main.is-paired .flash-cards__card-main-title{background-color:#575c63;background-color:#aec3d9;color:#0a0c18}.flash-cards__card-description.is-visible{color:red;-webkit-animation:show_desc .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);animation:show_desc .5s cubic-bezier(0.68, -0.55, 0.27, 1.55);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.flash-cards__card-description.is-hidden{-webkit-animation:hide_desc .5s linear;animation:hide_desc .5s linear;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes show_desc{0%{top:100%;height:0}100%{top:0;height:100%;z-index:60}}@keyframes show_desc{0%{top:100%;height:0}100%{top:0;height:100%;z-index:60}}@-webkit-keyframes hide_desc{0%{top:0;height:100%;z-index:60}100%{top:100%;height:0}}@keyframes hide_desc{0%{top:0;height:100%;z-index:60}100%{top:100%;height:0}}.flash-cards__block-aside h3{padding:0 .5em;margin:0 0 1em 0}.flash-cards__deck-aside{position:fixed;top:1em;display:flex;flex-direction:column}@supports(position: -webkit-sticky) or (position: sticky){.flash-cards__deck-aside{position:-webkit-sticky;position:sticky}}.flash-cards__card-aside-title{padding:0;background-color:#2b4362;color:#d6dde8;border-radius:0 .25em .25em 0;padding:.5em;margin:0 0 1em 1px;transition:all .3s linear;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.flash-cards__card-aside-title:hover{transform:scale(1.1);border-radius:.25em;box-shadow:2px -1px 2px 0px rgba(87, 92, 99, 0.5)}.flash-cards__card-aside-title:active,.flash-cards__card-aside-title:focus{border-radius:.25em;background-color:#575c63;color:#d6dde8;box-shadow:2px -1px 2px 0px rgba(87, 92, 99, 0.5)}.flash-cards__card-aside-title.is-matching{background-color:#0a0c18;color:#d6dde8;position:relative}.flash-cards__card-aside-title.is-matching::after{content:"";display:block;position:absolute;width:1em;height:1em;background-color:#e3caac;top:0;right:0;-webkit-clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%);clip-path:polygon(50% 0%, 61% 35%, 98% 35%, 68% 57%, 79% 91%, 50% 70%, 21% 91%, 32% 57%, 2% 35%, 39% 35%)}.flash-cards__card-aside-title.is-not-matching{background-color:#e8e8e8;color:#aec3d9;transform:scale(1);box-shadow:none}.flash-cards__card-aside-title.is-not-matching::after{content:"";display:block;position:absolute;width:1em;height:1em;background-color:#deafa7;top:2px;right:2px;-webkit-clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);clip-path:polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%)}.flash-cards__page{width:100%;margin:0 auto;padding:0 2.5% 2rem}.flash-cards__block-wrapper{display:flex}.flash-cards__block-main{flex:1 1 auto}.flash-cards__block-aside{flex:0 0 13rem;margin-left:1em;background-color:#f0f1f3;padding:1em .5em 1em 0;position:relative;box-shadow:2px -1px 2px 0px rgba(87, 92, 99, 0.2)}.flash-cards__block-aside::before,.flash-cards__block-aside::after{content:"";display:block;position:absolute}.flash-cards__block-aside::before{border-left:1px solid #2b4362;height:calc(100% + 3em);top:-2em;left:0}.flash-cards__block-aside::after{border-bottom:1px solid #2b4362;width:calc(100% + 2em);bottom:0;left:-1em}.flash-cards__header h1{text-align:center;margin:1em 0 0;padding:0}.flash-cards__footer{margin:1em 0;text-align:right}.flash-cards__footer a{color:#575c63}.flash-cards__footer a:hover,.flash-cards__footer a:active,.flash-cards__footer a:focus{color:#0a0c18;text-decoration:none}/*# sourceMappingURL=style.css.map */