@font-face {
    font-family: 'Poppins2'; /*a name to be used later*/
    src: url('Poppins-SemiBoldItalic.ttf'); /*URL to font*/
}

@font-face {
    font-family: 'Poppins1'; /*a name to be used later*/
    src: url('Poppins-SemiBold.ttf'); /*URL to font*/ }


@font-face {
    font-family: 'Poppins3'; /*a name to be used later*/
    src: url('Poppins-Bold.ttf'); /*URL to font*/
}

@font-face {
  font-family: 'Absans';
    src: url('CaviarDreams.eot'); /* IE9 Compat Modes */
    src: url('Absans-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
        url('Absans-Regular.woff2') format('woff2'), /* Super Modern Browsers */
        url('Absans-Regular.woff') format('woff'), /* Pretty Modern Browsers */
        url('Absans-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
        url('Absans-Regular.svg#svgFontName') format('svg'); /* Legacy iOS */
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

html,
body {
  height: 100%;

}

.container {
  height: 95%;
  min-height: 95%;
  display: flex;
  flex-direction: column;
      font-family: 'Poppins1', sans-serif;
    flex-direction: column;
    justify-content: space-between;
  }


  
  .box-1 {
    color: black;
    display: flex;
  flex-direction: row;
  font-size: 2.5vw;
  justify-content: space-between;
  }
  
  .box-2 {
    color: black;
    font-size: 1.7vw;
    font-family: 'Poppins2', sans-serif;
    text-align: justify;
  text-justify: inter-word;
  margin-left: 18px;
   margin-right: 18px;
  }

  .boxi {
    text-align: justify;
  }

  .gras {
    font-family: 'Poppins3';
     text-align: center;
     background-color: mediumblue;
     padding: 5px;
  }
  
  .box-3 {
    color: black;
    display: flex;
  flex-direction: row;
 font-size: 2.5vw;
  justify-content: space-between;
  align-items: flex-end;
  }

  .right {
    text-align: right;
  }

.italic {
  font-family: 'Poppins3';
}

img {
   max-width: 3%;
  height: 3%;
}

.image {
  display: flex;
  justify-content: space-between;
  padding: 12px;
}

a:link { 
    color: black;
  text-decoration: none; 
} 
a:visited { 
  color: black;
  text-decoration: none; 
  transition: 0.5s;
} 
a:hover { 
  color: black;
  text-decoration: none; 
  transition: 0.5s;
} 
a:active { 
  color: black;
  text-decoration: none; 
  transition: 0.5s;
}

a {transition-timing-function: ease-in-out;}