:root {
  font-size: 16px;
}
@media (min-width: 768px) {
  :root {
    font-size: 24px;
  }
}

body {
  color: #000000;
  font-size: 1rem;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;
}

main {
  margin-top: 43%;
}
@media (min-width: 768px) {
  main {
    margin-top: 0;
  }
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

ul,
ol {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

.ttl {
  color: #271D67;
  font-size: 1.37rem;
  text-align: center;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .ttl {
    font-size: 1.33rem;
  }
}

.btn {
  background-color: #271D67;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid black;
  padding: 0.58rem 1.31rem 0.58rem 1.31rem;
  opacity: 1;
  transition: opacity 0.3s ease;
}

.btn:hover {
  opacity: 0.6;
}

.subttl {
  color: #271D67;
}

.container-img {
  text-align: center;
}

.img {
  width: 45%;
  margin: 1.56rem 0;
}
@media (min-width: 768px) {
  .img {
    width: 15%;
  }
}

.container-color {
  background-color: #F2F2F2;
  padding: 1.5rem 0.62rem 1.5rem 0.62rem;
  margin-bottom: 1rem;
}

.container-no-color {
  padding: 1.5rem 0.62rem 1.5rem 0.62rem;
}

.notif-success {
  margin: 1rem;
  font-weight: bold;
  font-style: italic;
  color: #00AD34;
  text-align: center;
}

.notif-error {
  margin: 1rem;
  font-weight: bold;
  color: #FF0000;
  text-align: center;
}

.password__container {
  display: flex;
  gap: 0.5rem;
}
.password__img {
  width: 100%;
}
.password__icon {
  width: 5%;
}

input, textarea, select {
  background-color: #000000;
  color: #FFFFFF;
}

/* COMPONENTS */
.footer {
  margin: 0 0.62rem 1rem 0.62rem;
}
.footer__logo {
  display: flex;
  align-items: center;
  margin-top: 1.87rem;
}
@media (min-width: 768px) {
  .footer__logo {
    margin-top: 2.08rem;
  }
}
.footer__logo__txt {
  color: #271D67;
}
.footer__img {
  width: 24%;
  margin-right: 0.93rem;
}
@media (min-width: 768px) {
  .footer__img {
    width: 20%;
    margin-right: 4rem;
  }
}
.footer__nav {
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  margin-top: 1.25rem;
}
.footer__nav a {
  transition: color 0.3s ease, text-decoration 0.3s ease;
}
.footer__nav a:hover {
  text-decoration-color: #E7AA00;
  color: #271D67;
}
.footer__contact {
  background-color: #E7AA00;
  text-align: center;
  border: 1px solid black;
  padding: 0.58rem 1.31rem 0.58rem 1.31rem;
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media (min-width: 768px) {
  .footer__contact {
    text-align: end;
  }
}
.footer__contact:hover {
  opacity: 0.6;
}
.footer__container__itm {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
}
@media (min-width: 768px) {
  .footer__container__itm {
    flex-direction: row-reverse;
    justify-content: space-between;
  }
}
.footer__itm {
  font-weight: bold;
  text-decoration: underline;
  text-align: center;
}
@media (min-width: 768px) {
  .footer__itm {
    margin-right: 3rem;
  }
}
.footer__txt {
  font-size: 0.75rem;
}
@media (min-width: 768px) {
  .footer__txt {
    font-size: 1rem;
  }
}
.footer__ascend {
  position: fixed;
  top: 26rem;
  right: 1rem;
  background-color: #f9f9f9;
  color: #000;
  padding: 0.41rem 0.62rem;
  border-radius: 50%;
  cursor: pointer;
  transition: opacity 0.3s ease;
  opacity: 0;
  visibility: hidden;
}
.footer__ascend:hover {
  background-color: #ccc;
}
@media (min-width: 768px) {
  .footer__ascend {
    visibility: visible;
    opacity: 1;
  }
}
.footer__container {
  display: flex;
  text-align: center;
  align-items: center;
  gap: 2rem;
}
.footer .footer__container > div {
  width: 50%;
}
.footer__container__social-networks {
  text-align: left;
}
.footer__social-networks {
  width: 25%;
}
@media (min-width: 768px) {
  .footer__social-networks {
    width: 8%;
  }
}
.footer__social-networks__linkedin {
  margin-right: 20%;
  opacity: 1;
  transition: opacity 0.3s;
}
@media (min-width: 768px) {
  .footer__social-networks__linkedin {
    margin-right: 35%;
  }
}
.footer__social-networks__linkedin:hover {
  opacity: 0.6;
}
.footer__social-networks__instagra {
  opacity: 1;
  transition: opacity 0.3s;
}
.footer__social-networks__instagra:hover {
  opacity: 0.6;
}

.header {
  margin: 0.93rem 0.62rem;
}
.header__top-bar {
  padding-top: 0.31rem;
  margin-bottom: 1.25rem;
  text-align: end;
  align-items: center;
}
@media (min-width: 768px) {
  .header__top-bar {
    padding-right: 0.62rem;
    margin: 0 0.62rem 0.83rem 0;
  }
}
.header__top-bar a {
  transition: color 0.3s ease, text-decoration 0.3s ease;
}
.header__top-bar a:hover {
  text-decoration-color: #E7AA00;
  color: #271D67;
}
.header__top-bar--login {
  display: flex;
  justify-content: space-between;
}
.header__delete-btn {
  opacity: 1;
  transition: opacity 0.3s ease;
}
.header__delete-btn:hover {
  opacity: 0.6;
}
.header__lnk {
  font-weight: bold;
  text-decoration: underline;
}
.header__lnk:not(:last-child)::after {
  content: "/";
  margin: 0 0.25rem 0 0.5rem;
  font-weight: normal;
  text-decoration: none;
  display: inline-block;
}
.header__lnk--login {
  font-weight: bold;
  text-decoration: underline;
}
.header__lnk--login:not(:last-child)::after {
  content: none;
}
.header__logo {
  width: 64%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 768px) {
  .header__logo {
    position: static;
    width: 25%;
  }
}
.header__main {
  display: flex;
  align-items: center;
  position: relative;
  margin-bottom: 6.56rem;
}
@media (min-width: 768px) {
  .header__main {
    position: static;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 768px) {
  .header__container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 0.83rem;
  }
}
.header__immobilized {
  position: fixed;
  background-color: white;
  top: 0;
  width: 100%;
  z-index: 1000;
  padding: 0 0.62rem;
  margin: 0;
}
@media (min-width: 768px) {
  .header__immobilized {
    position: static;
    margin: 0.93rem 0.62rem;
  }
}
.header__delete-account {
  display: flex;
  align-items: center;
  flex-direction: row-reverse;
  gap: 0.25rem;
}

.burger-shower {
  display: none;
}

.burger-menu {
  text-decoration: underline;
  display: none;
  margin: 4rem 0 -4rem 0;
}
@media (min-width: 768px) {
  .burger-menu {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding-right: 0.62rem;
    margin: 0 0.62rem 0 0;
    gap: 1.25rem;
  }
}
.burger-menu__nav {
  color: black;
  background-color: transparent;
  display: block;
  padding: 0.5rem 1rem;
  transition: background-color 0.3s ease, color 0.3s ease, text-decoration 0.3s ease;
}
@media (min-width: 768px) {
  .burger-menu__nav {
    padding: 0;
  }
}
.burger-menu__nav:hover, .burger-menu__nav--active {
  color: white;
  background-color: #271D67;
  text-decoration: underline;
  text-decoration-color: #E7AA00;
  padding: 0.25rem 1.25rem 0.25rem 1.25rem;
}

.burger-shower:checked ~ .burger-menu {
  display: block;
  margin-top: 5rem;
}

.hamburger {
  position: absolute;
  top: 0.9rem;
  left: 85%;
  width: 1.88rem;
  height: 1.99rem;
  background-image: url("/../img/menu-burger.png");
  opacity: 1;
  transition: opacity 0.3s ease;
}
@media (min-width: 768px) {
  .hamburger {
    display: none;
    position: static;
  }
}

.hamburger:hover {
  opacity: 0.6;
}

.accompaniement__sub-menu {
  display: none;
}
@media (min-width: 768px) {
  .accompaniement__sub-menu {
    text-align: center;
  }
}
.accompaniement:hover .accompaniement__sub-menu, .accompaniement:focus-within .accompaniement__sub-menu {
  display: block;
}

.index__ttl {
  margin-top: 1.5rem;
}
.index__ttl-itm {
  color: #271D67;
  font-size: 1.37rem;
  text-align: center;
  border: 1px solid #271D67;
  padding: 1rem 0;
}
@media (min-width: 768px) {
  .index__ttl-itm {
    font-size: 1.33rem;
    padding: 0.37rem 0;
    margin: 0 2.75rem 0 2.75rem;
  }
}
.index__img-itm {
  width: 30%;
  margin: 1.56rem 0;
}
@media (min-width: 768px) {
  .index__img-itm {
    width: 25%;
    margin: 1.25rem 0;
  }
}
.index__txt {
  margin-bottom: 0.93rem;
}
.index__container-btn {
  margin: 2.18rem 0 1.5rem 0;
  text-align: center;
}
.index__btn {
  background-color: #E7AA00;
  text-align: center;
  border: 1px solid black;
  padding: 0.58rem 1.31rem 0.58rem 1.31rem;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.index__btn:hover {
  opacity: 0.6;
}
.index__btn-itm {
  background-color: #271D67;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid black;
  padding: 0.58rem 1.31rem 0.58rem 1.31rem;
  opacity: 1;
  transition: opacity 0.3s ease;
}
.index__btn-itm:hover {
  opacity: 0.6;
}
.index__lst {
  text-align: center;
  list-style-type: disc;
  list-style-position: inside;
  margin-bottom: 0.93rem;
}
@media (min-width: 768px) {
  .index__container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    gap: 1rem;
  }
}
@media (min-width: 768px) {
  .index__indiv {
    background-color: #F2F2F2;
    margin-top: 2rem;
  }
}
@media (min-width: 768px) {
  .index__coaching-btn {
    margin-bottom: 2rem;
  }
}
@media (min-width: 768px) {
  .index__collec {
    background-color: #F2F2F2;
    margin-top: 2rem;
    margin-bottom: 1rem;
  }
}
@media (min-width: 768px) {
  .index__training {
    background-color: #FFFFFF;
  }
}
@media (min-width: 768px) {
  .index__facilitation {
    background-color: #FFFFFF;
  }
}

.register__ttl {
  margin-bottom: 1.56rem;
}
.register__container-name {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
@media (min-width: 768px) {
  .register__container-name {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1rem;
    grid-template-areas: "lastname firstname" "input-lastname input-firstname";
    margin-bottom: 1rem;
  }
}
.register__container-name .firstname {
  grid-area: firstname;
}
.register__container-name .input-firstname {
  grid-area: input-firstname;
  height: 100%;
}
.register__container-name .lastname {
  grid-area: lastname;
}
.register__container-name .input-lastname {
  grid-area: input-lastname;
  height: 100%;
}
.register__container-mail {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
@media (min-width: 768px) {
  .register__container-mail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1rem;
    grid-template-areas: "mail password" "input-mail input-password";
    margin-bottom: 1rem;
  }
}
.register__container-mail .mail {
  grid-area: mail;
}
.register__container-mail .input-mail {
  grid-area: input-mail;
  height: 100%;
}
.register__container-mail .password {
  grid-area: password;
}
.register__container-mail .input-password {
  grid-area: input-password;
  height: 100%;
}
.register__confirm-password {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
@media (min-width: 768px) {
  .register__confirm-password {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1rem;
    grid-template-areas: "confirm-password checkbox" "input-confirm checkbox";
    margin-bottom: 1rem;
  }
}
.register__confirm-password .confirm-password {
  grid-area: confirm-password;
}
.register__confirm-password .input-confirm {
  grid-area: input-confirm;
  height: 100%;
}
.register__confirm-password .checkbox {
  grid-area: checkbox;
}
@media (min-width: 768px) {
  .register__confirm-password .checkbox {
    justify-self: center;
    align-self: center;
  }
}
.register__form {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
.register__itm {
  margin-bottom: 1rem;
  width: 90%;
}
@media (min-width: 768px) {
  .register__itm {
    margin-bottom: 0;
  }
}
.register__itm--except {
  margin-bottom: 1rem;
}

.login__ttl {
  margin-bottom: 1.56rem;
}
.login__form {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
.login__itm {
  margin-bottom: 1rem;
  width: 90%;
}
.login__container {
  display: flex;
  justify-content: space-between;
}
.login__lnk {
  font-weight: bold;
  text-decoration: underline;
}
.login__lnk:hover {
  text-decoration-color: #E7AA00;
  color: #271D67;
}
.login__txt {
  text-align: center;
  margin: 1.56rem 0 2.31rem 0;
}
.login__btn {
  background-color: #271D67;
  color: #FFFFFF;
  padding: 0.21rem 1.75rem 0.21rem 1.75rem;
  border-radius: 2rem;
}
.login__btn:hover {
  opacity: 0.6;
}
.login__account-creation {
  text-align: center;
  margin-bottom: 0.2rem;
}
.login__container-mail {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
@media (min-width: 768px) {
  .login__container-mail {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1rem;
    grid-template-areas: "mail password" "input-mail input-password";
    margin-bottom: 1rem;
  }
}
.login__container-mail .mail {
  grid-area: mail;
}
.login__container-mail .input-mail {
  grid-area: input-mail;
  height: 100%;
}
.login__container-mail .password {
  grid-area: password;
}
.login__container-mail .input-password {
  grid-area: input-password;
  height: 100%;
}

.presentation__ttl {
  margin-bottom: 1.56rem;
}
.presentation__ttl--exception {
  margin: 1.87rem 0 1.56rem 0;
}
.presentation__txt {
  margin: 1.56rem 0 1.87rem 0;
}
.presentation__txt--exception {
  margin: 1.56rem 0 0 0;
}
.presentation__lnk {
  color: #271D67;
  font-weight: bold;
}

.accompaniments__ttl-itm {
  color: #271D67;
  font-size: 1.37rem;
  text-align: center;
  border: 1px solid #271D67;
  padding: 1rem 0;
  margin-top: 1rem;
}
.accompaniments__txt {
  margin-top: 1.56rem;
}
.accompaniments__nav {
  display: flex;
  gap: 0.5rem;
  margin-top: 1.56rem;
}
@media (min-width: 768px) {
  .accompaniments__nav {
    gap: 1.25rem;
    margin-top: 1.66rem;
  }
}
.accompaniments__lnk {
  text-decoration: underline;
  color: #271D67;
}

.contact__ttl {
  margin: 0.93rem 0 1.56rem 0;
}
.contact__form {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
.contact__itm {
  margin-bottom: 1rem;
}
.contact__number-phone {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
@media (min-width: 768px) {
  .contact__number-phone {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1rem;
    grid-template-areas: "phone " "input-phone ";
    margin-bottom: 1rem;
  }
}
.contact__number-phone .phone {
  grid-area: phone;
}
.contact__number-phone .input-phone {
  grid-area: input-phone;
  height: 100%;
}
.contact__img {
  width: 12%;
  margin-right: 1.873rem;
}
@media (min-width: 768px) {
  .contact__img {
    width: 8%;
  }
}
.contact__mail {
  display: flex;
  margin-bottom: 1.56rem;
  align-items: center;
}
@media (min-width: 768px) {
  .contact__mail {
    margin: 0 0 1.56rem 21%;
  }
}
.contact__container-phone {
  display: grid;
  grid-template-columns: 1fr 3.7fr;
  grid-template-rows: 1fr 1fr;
  gap: 1rem 0;
  grid-template-areas: "phone number" "phone txt";
  margin-bottom: 1.56rem;
  align-items: center;
}
@media (min-width: 768px) {
  .contact__container-phone {
    margin: 0 0 1.56rem 20%;
  }
}
.contact__phone {
  grid-area: phone;
  width: 56%;
}
@media (min-width: 768px) {
  .contact__phone {
    width: 40%;
  }
}
.contact__number {
  grid-area: number;
}
.contact__txt {
  grid-area: txt;
}
.contact__form-container {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
@media (min-width: 768px) {
  .contact__form-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5rem 1rem;
    grid-template-areas: "firstname mail" "input-firstname input-mail";
    margin-bottom: 1rem;
  }
}
.contact__form-container .firstname {
  grid-area: firstname;
}
.contact__form-container .input-firstname {
  grid-area: input-firstname;
  height: 100%;
}
.contact__form-container .mail {
  grid-area: mail;
}
.contact__form-container .input-mail {
  grid-area: input-mail;
  height: 100%;
}

.b-admin__ttl {
  color: #271D67;
  text-align: center;
  font-size: 1.37rem;
}
.b-admin__form {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
.b-admin__txt {
  color: #271D67;
  text-align: center;
}
.b-admin__itm {
  margin-bottom: 1rem;
}
.b-admin__itm--exception {
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .b-admin__itm--exception {
    margin-bottom: 0rem;
  }
}
.b-admin__container {
  display: flex;
  gap: 1rem;
}
@media (min-width: 768px) {
  .b-admin__container {
    flex-direction: column;
    gap: 0rem;
  }
}
.b-admin__file:hover {
  background-color: #f9f9f9;
}
.b-admin__file__label {
  display: block;
  width: 100%;
  padding: 20px;
  border: 2px dashed #ccc;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.b-admin__file__label.dragging {
  border-color: #000;
}
.b-admin__file:hover {
  color: #999999;
}
.b-admin__file__input {
  display: none;
}
.b-admin__file__name {
  margin-bottom: 0.62rem;
  display: flex;
}
@media (min-width: 768px) {
  .b-admin__file__container {
    display: flex;
    justify-content: space-evenly;
  }
}

.admin__ttl {
  margin: 1rem 0 1rem 0;
}
.admin__import {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
.admin__form {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
}
@media (min-width: 768px) {
  .admin__form {
    display: grid;
    grid-template-columns: 2fr 2fr 1fr;
    gap: 0px 2.7rem;
    grid-template-areas: "lastname firstname research" "input-lastname input-firstname research";
    margin-top: 1.87rem;
  }
}
.admin__form .research {
  grid-area: research;
}
.admin__form .firstname {
  grid-area: firstname;
}
.admin__form .lastname {
  grid-area: lastname;
}
.admin__form .input-lastname {
  grid-area: input-lastname;
}
.admin__form .input-firstname {
  grid-area: input-firstname;
}
.admin__sub-ttl {
  font-size: 1.37rem;
  font-weight: normal;
  border: 1px solid #271D67;
  background-color: white;
  width: 100%;
  text-align: center;
}
@media (min-width: 768px) {
  .admin__sub-ttl {
    font-size: 1.33rem;
  }
}
.admin__itm {
  margin-bottom: 0.62rem;
}
@media (min-width: 768px) {
  .admin__itm {
    margin-bottom: 1rem;
  }
}
.admin__btn {
  margin-bottom: 1.87rem;
}
@media (min-width: 768px) {
  .admin__btn {
    margin-bottom: 0rem;
  }
}
.admin__file:hover {
  background-color: #f9f9f9;
}
.admin__file__label {
  display: block;
  width: 100%;
  padding: 20px;
  border: 2px dashed #ccc;
  text-align: center;
  cursor: pointer;
  transition: border-color 0.3s ease;
}
.admin__file__label.dragging {
  border-color: #000;
}
.admin__file:hover {
  color: #999999;
}
.admin__file__input {
  display: none;
}
.admin__file__name {
  margin-bottom: 0.62rem;
  display: flex;
}
.admin__member-management {
  color: #271D67;
}
.admin__container-position {
  margin-bottom: 1.56rem;
}
.admin__container-txt {
  display: flex;
  justify-content: space-evenly;
  gap: 1rem;
}
.admin__registration-date {
  display: list-item;
  list-style-type: disc;
  margin: 1rem 0 1.56rem 1.56rem;
}
.admin__member-statut {
  margin-right: 1rem;
}
.admin__container-radio {
  margin: 1rem 0 1.56rem 0;
}
.admin__radio-label {
  border: 1px solid #271D67;
  background-color: white;
  text-align: center;
  width: 100%;
}
.admin__lst-radio {
  margin: 0 0 0.62rem 0.31rem;
  display: flex;
}
.admin__radio {
  margin-right: 1.25rem;
}
.admin__service {
  display: list-item;
  list-style-type: disc;
  margin: 0 0 1rem 1.56rem;
}
.admin__lst-services {
  margin-bottom: 1.25rem;
}
.admin__checkbox {
  margin-right: 1.25rem;
}
.admin__container-select {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.56rem;
}

.premium__ttl {
  color: #271D67;
  font-size: 1.37rem;
  margin: 1rem 0 1.56rem 0;
}
@media (min-width: 768px) {
  .premium__ttl {
    font-size: 1.33rem;
    text-align: center;
  }
}
.premium__lst {
  display: list-item;
  list-style-type: disc;
  color: #271D67;
  font-weight: bold;
  margin: 0 0 0.62rem 1.5rem;
}
.premium__lnk {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .premium__lnk {
    margin-left: 60%;
  }
}
.premium__position {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .premium__position {
    gap: 0.5rem;
  }
}

.blog__ttl {
  text-align: center;
  font-size: 1.37rem;
  border: 1px solid black;
  margin: 1rem 0 1.25rem 0;
}
.blog__img {
  width: 100%;
  margin-bottom: 1.25rem;
}
.blog__img:hover {
  opacity: 0.6;
}
.blog__txt {
  border: 1px solid black;
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .blog__container {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
  }
}
@media (min-width: 768px) {
  .blog__itm {
    width: calc(33.333% - 1rem);
    box-sizing: border-box;
  }
}

.article__ttl {
  text-align: center;
  font-size: 1.37rem;
  border: 1px solid black;
  background-color: #FFFFFF;
  margin: 1rem 0 1.25rem 0;
}
.article__img {
  width: 100%;
  margin-bottom: 1.56rem;
}
.article__txt {
  border: 1px solid black;
  background-color: #FFFFFF;
  margin-bottom: 1.56rem;
}
.article__lnk {
  display: inline-block;
  width: 100%;
  text-align: center;
  border: 1px solid black;
  background-color: #FFFFFF;
  margin-bottom: 1.56rem;
}
.article__lnk:hover {
  opacity: 0.6;
}
.article__btn {
  display: flex;
  justify-content: space-evenly;
}
.article__btn-delete {
  font-size: 16px;
}
@media (min-width: 768px) {
  .article__btn-delete {
    font-size: 24px;
  }
}
.article__pop-in {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 1px solid black;
  padding: 2rem;
  z-index: 1000;
}
.article__pop-in.hidden {
  display: none;
}
.article__pop-in.active {
  display: block;
}
.article__container {
  display: flex;
  justify-content: space-evenly;
  margin-top: 1rem;
}

.notices__ttl {
  color: #271D67;
  font-size: 1.37rem;
  text-align: center;
  border: 1px solid #271D67;
  padding: 1rem 0;
}
.notices__sub-ttl {
  color: #271D67;
  font-size: 1.37rem;
  margin: 2rem 0 1.25rem 0;
}
.notices__lst {
  margin-bottom: 0.75rem;
}

.delete-account__txt {
  margin: 1rem 0;
}
.delete-account__btn {
  text-align: center;
}
.delete-account__pop-in {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: white;
  border: 1px solid black;
  padding: 2rem;
  z-index: 1000;
}
.delete-account__pop-in.hidden {
  display: none;
}
.delete-account__pop-in.active {
  display: block;
}

.password-reset__form {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
  margin-top: 1.56rem;
}
.password-reset__itm {
  width: 100%;
}
@media (min-width: 768px) {
  .password-reset__itm {
    width: 25%;
  }
}

.new-password__txt {
  margin-top: 1.56rem;
}
.new-password__form {
  display: flex;
  flex-direction: column;
  gap: 0.62rem;
  margin-top: 1.56rem;
}
@media (min-width: 768px) {
  .new-password__form {
    flex-direction: row;
  }
}
.new-password__itm {
  width: 100%;
}
.new-password__btn {
  margin-top: 1.56rem;
}

/*# sourceMappingURL=style.css.map */