/* Reset */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
::-webkit-scrollbar {
    background-color: transparent;
    width: 0px;
}
::-webkit-scrollbar-thumb {
    background-color: transparent;
}
@font-face {
    font-family: 'tbFont';
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/Phosphate.ttf);
    font-display: swap;
}
@font-face {
    font-family: 'textFont';
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/Sansation-Light.ttf);
    font-display: swap;
}
/* MARGINS & PADDING */
.pad10{padding:10px}
.pad20{padding: 20px}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt40{margin-top: 40px;}
.mb40{margin-bottom: 40px;}
/* IMAGES */
img{width: 100%; border-radius: var(--border-radius);}
.page-logo{
  width: 70dvw !important;
  max-width: 390px !important;
  margin-inline: auto !important;
  margin-top: -30px !important;
}
.in-red{color: red !important;}

body.dark-mode .in-gold{
  color: gold !important;
}
body.light-mode .in-gold{
  color: purple !important;
}

.logo{width: 120px;}
.full-img{
  /* width: 100%; */
  clip-path: circle(50%);
  /* aspect-ratio: 4/3; */
  object-fit: cover;
  /* border-radius: 100%; */
}
/* .in-white{color: white;} */
.align-center{align-items: center !important;}
.content-center{align-content: center !important;}
.justify-center{justify-items: center !important;}
.space-around{justify-content: space-around !important;}
/* LINKS */
a{
  text-decoration: none;
  outline: none;
}

.text-center{
  text-align: center;
}
.text-right{
  text-align: end;
}

.column{
  flex-direction: column;
}
.flex-start{
  align-items: flex-start !important;
}
.text-balance{
  text-wrap: balance !important;
}
.special-shadow{
  box-shadow: var(--special-box-shadow) !important;
}
.w50{
  width: 50dvw !important;
}
.w80{
  width: 80dvw !important;
}
.flexbox{
  display: flex;
}
.text-display{
      text-wrap: wrap;
    word-break: keep-all;
    white-space: pre-wrap;
}