/* Reguli de denumire ale claselor: */
/* Clasele vor avea numele incepand cu sectiunea paginii iar apoi elementul*/
/* Clasele vor fi denumite in engleza*/
/* Exemplu:  mtc-main-container */

/* -------------------------------------------Homepage------------------------------------------ */



* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  scroll-behavior: smooth;
  font-family: inherit;
  -webkit-tap-highlight-color: transparent;

}

::-webkit-scrollbar{
  display:none;
}

h1{
  font-family:'Poppins';
  color:white;
  text-shadow:0 0 5px black;
}

body { 
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  background-color: white;
  --red: #ff0000;
  --green: #00ff00;
  --blue: #0000ff;
  --black: #000000;
  font-family: "Figtree";
  font-size: 18px;
  box-sizing: border-box;
  gap:3rem;
  overflow-x: hidden;
}

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

@media screen and (max-width:500px){
  h1{
    font-size:32px;
  }
}

.background-section{
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  gap:3rem;
  position: relative;
}

.background{
  position: fixed;
  inset: 0; /* top/right/bottom/left 0 */
  z-index: -1;
  /* use regular viewport units to avoid dynamic viewport bugs on mobile */
  width: 100vw;
  height: 100vh;
  background-image: url('./assets/backgrounds/spring-fundal-albastru.webp');
  background-size: cover;
  background-position: center;
}

html, body {
  /* ensure no horizontal scrollbar anywhere */
  overflow-x: hidden;
}

.background1{
  background-image:url('assets/backgrounds/spring-fundal-albastru.webp');
  z-index: -1;
}

/* pentru iconitele de la google */
/* how to use: https://developers.google.com/fonts/docs/material_icons#using_the_icons_in_html */

.material-icons.md-18 { font-size: 18px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }

.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }

.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }

:root {
  --albastru: #44aad8;
  --albastru-deschis: #63b1dd;
  --albastru-inchis: #13649f;
  --albastru-palid: #c1dcf3;
  --albastru-random: #8eb2e7;
  --roz: #e065a4;
  --glow-hue: 222deg;
  --shadow-hue: 180deg;
  --spring-easing: linear(0,
      0.002,
      0.01 0.9%,
      0.038 1.8%,
      0.156,
      0.312 5.8%,
      0.789 11.1%,
      1.015 14.2%,
      1.096,
      1.157,
      1.199,
      1.224 20.3%,
      1.231,
      1.231,
      1.226,
      1.214 24.6%,
      1.176 26.9%,
      1.057 32.6%,
      1.007 35.5%,
      0.984,
      0.968,
      0.956,
      0.949 42%,
      0.946 44.1%,
      0.95 46.5%,
      0.998 57.2%,
      1.007,
      1.011 63.3%,
      1.012 68.3%,
      0.998 84%,
      1);
  --spring-duration: 1.33s;
}


/* PARTENERI MEDIA */
.pm-div{
  display:flex;
  flex-direction:row;
  margin-top:1rem;
}

.pm-div .card__article-mtc{
  width:350px; height:200px
}

@media screen and (max-width:500px){
  .pm-div{
    flex-direction:column;
  }
}