@import url(https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;700&display=swap);.transi {
  transition: all 350ms ease;
}

.font-dm {
  font-family: "DM Sans", sans-serif;
}

@font-face {
  font-family: "condate-light";

  src: url("../fonts/Condate-Light.woff");
}

@font-face {
  font-family: "condate-medium";

  src: url("../fonts/Condate-Medium.woff");
}

.font-condate {
  font-family: "condate-medium";
}

.font-condate-light {
  font-family: "condate-light";
}

.font-vista {
  font-family: "vista-sans", sans-serif;
  font-weight: 400;
}

.font-bold-300 {
  font-weight: 300;
}

.font-bold-400 {
  font-weight: 400;
}

.font-bold-500 {
  font-weight: 500;
}

.font-bold-700 {
  font-weight: 700;
}

.font-bold-900 {
  font-weight: 900;
}

.font-alt {
  font-feature-settings: "salt";
}

.font-alt-num {
  font-feature-settings: "lnum";
}

html,
body {
  height: 100%;
}

body {
  min-height: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background-position: center;
}

body.rm {
  background-color: #eaecff;
}

body.vr {
  background-color: #e3ffe8;
}

/* APP */

#app {
  flex-grow: 1;
  background-color: #f2f2f2;
}

#app.rm {
  background-color: rgba(48, 82, 242, 0);
}

#app.vr {
  background-color: rgba(0, 186, 31, 0);
}

#app.home .container {
  height: 100%;
}

@media (min-width: 640px) {
  #app.home .container {
    width: 960px;
  }
}

#app.home .container .logo-r {
  background: url("../imgs/logo-r.svg") no-repeat 50%;
  background-size: contain;
  width: 50px;
  height: 50px;
  margin: 0 auto;
}

@media (min-width: 1024px) {
  #app.home .container .logo-r {
    background: url("../imgs/logo-r.svg") no-repeat 0 100%;
    width: 114px;
    height: 106px;
    margin: 0;
  }
}

#app.home .container .card {
  width: 100%;
}

@media (min-width: 640px) {
  #app.home .container .card {
    width: auto;
  }
}

#app.home .container .card.rm:hover a, #app.home .container .card.rm:hover > div, #app.home .container .card.vr:hover a, #app.home .container .card.vr:hover > div {
  border-radius: 20%;
}

#app.home .container .card a, #app.home .container .card > div {
  padding: 82px 10px;
}

@media (min-width: 640px) {
  #app.home .container .card a, #app.home .container .card > div {
    padding: 65px 10px;
  }
}

@media (min-width: 768px) {
  #app.home .container .card a, #app.home .container .card > div {
    padding: 87px 10px;
  }
}

@media (min-width: 1024px) {
  #app.home .container .card a, #app.home .container .card > div {
    padding: 95px 10px;
  }
}

#app.home .container .card .enter {
  width: 140px;
  border: 2px solid white;
}

#app.home .container .card .enter:hover {
  background: #2a3033;
  border-color: #2a3033;
}

#app.home .container .wrap-archives {
  height: 900px;
}

@media (min-width: 640px) {
  #app.home .container .wrap-archives {
    height: 540px;
  }
}

#app.home .container .wrap-archives.close {
  height: 0;
}

#app.home .container .wrap-archives .archives > div {
  width: 100%;
}

#app.home .container .wrap-archives .archives > div a {
  border-bottom: 1px solid #ececec;
  padding: 16px;
}

#app.home .container .wrap-archives .archives > div a:last-child {
  border: none;
}

#app.home .container .wrap-archives .archives > div a:hover {
  font-weight: 700;
}

#app.home .container .wrap-archives .archives > div a:hover.rm {
  background: rgba(48, 82, 242, 0.1);
}

#app.home .container .wrap-archives .archives > div a:hover.vr {
  background: rgba(0, 186, 31, 0.1);
}

#app.home .container .wrap-archives .archives > div a > img {
  width: 14px;
}

/* FOOTER */

footer {
  background: #293033;
  color: #c6c6c6;
  font-size: 16px;
  padding: 13px;
  text-align: center;
  flex-shrink: 0;
}