:root{
  --back-color: #FFFF4D;
  --main-color: #000000;
}

/*====================Typo*/
@import url("typo.css");

/*===================Animation*/
@import url("animation.css");

/*=============Désact défault*/
input {
  -webkit-appearance: none !important;
  appearance: none !important;
}

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

button{
  cursor: cell;
}

a p{
  cursor:inherit;
}

a button{
  cursor: inherit;
}

p{
  cursor: inherit;
  pointer-events: none !important;
  padding: 0;
  margin: 0;
}

ul {
  padding: 0;
  margin: 0;
  list-style-type: none;
}

/*=============Body & background*/
html, body{
  margin: 0;
  padding: 0;
  scrollbar-color: var(--back-color) var(--main-color);
  background-color: var(--main-color);
  min-height: 100vh;
}

/*============HEADER*/

header{
  width: 100%;
  height: auto;
  background-color: var(--back-color);

  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-start;
  padding: 7.77px;
  box-sizing: border-box;

  position: relative;
  top: 0;
  left: 0;
  z-index: 0;

        .textBtnStyle{
          width: 117px;
          height: 33px;
          display: flex;
          align-items: center;
          text-align: left;
          padding-left: 13.12px;
          box-sizing: border-box;
          border-radius: 16.1px;
          border-style: solid;
          border-width: thin;
          border-color: var(--main-color);

          font-family: 'karrik';
          font-size: 16.1px;
          color: var(--main-color);
          margin-bottom: 3.33px;
          text-transform: uppercase;
        }

        h1{
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;
          gap: 13.12px;
          font-family: 'pressStart2P';
          font-size: 44px;
          color: var(--main-color);
          text-align: center;
          padding: 0;
          margin-bottom: 0;
          height: 100%;

              strong{
                font-family: 'velvelyne';
              }

              img{
                height: 77px;
                width: auto;
              }
        }


        .plain-name{
          position: relative;
          opacity: 0;
          z-index: -34;
        }
}