@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;
}

@font-face {
    font-family: 'Poppins'; /*a name to be used later*/
    src: url('Poppins-Regular.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: 'Poppins2'; /*a name to be used later*/
    src: url('Poppins-SemiBoldItalic.ttf'); /*URL to font*/
}

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


html,
body {
  height: 100%;
}

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

  }


  .box {
    text-align: center;
    color: white;
    font-family: 'Poppins1', sans-serif;
    font-size: 36px;
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  
  .box-1 {
    color: black;
    height: 60px;
    display: flex;
  flex-direction: row;
  font-size: 2.5vw;
  justify-content: space-between;

  }
  
  .box-2 {
    color: black;
    flex: 1;
    font-size: 4.9vw;
    font-family: 'Poppins2', sans-serif;
    text-align: justify;
  }


  .left {
text-align: center;
  }
  
  .box-3 {
    color: black;
    height: 60px;
    display: flex;
  flex-direction: row;
 font-size: 2.5vw;
  justify-content: space-between;
  flex-wrap: wrap;
  align-items: flex-end;
  }

  .right {
    text-align: right;
  }

  a:link { 
    color: black;
  text-decoration: none; 
  padding: 0;
    margin: 0;
    letter-spacing: 0px;
    transition: 0.9s;
    transition-timing-function: ease-in-out;
} 
a:visited { 
  color: black;
  text-decoration: none; 
  transition: 0.9s;
} 
a:hover { 
  color: black;
  font-family: 'Poppins3', sans-serif;
  text-decoration: none; 
  transition: 0.9s;
} 
a:active { 
  color: black;
  font-family: 'Poppins3', sans-serif;
  text-decoration: none; 
  transition: 0.9s;
}

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