@font-face {
    font-family: 'euphorigenicregular';
    src: url('fonts/euphorigenic-webfont.woff2') format('woff2'),
         url('fonts/euphorigenic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'opheliaregular';
    src: url('fonts/ophelia-webfont.woff2') format('woff2'),
         url('fonts/ophelia-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'libertinus_keyboardregular';
    src: url('fonts/libertinuskeyboard-regular-webfont.woff2') format('woff2'),
         url('fonts/libertinuskeyboard-regular-webfont.woff') format('woff');
          font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'nunitoextralight';
    src: url('fonts/nunito-variablefont_wght-webfont.woff2') format('woff2'),
         url('fonts/nunito-variablefont_wght-webfont.woff') format('woff');
          font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'smooch_sansthin';
    src: url('fonts/smoochsans-variablefont_wght-webfont.woff2') format('woff2'),
         url('fonts/smoochsans-variablefont_wght-webfont.woff') format('woff');
          font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratthin_italic';
    src: url('fonts/montserrat-italic-variablefont_wght-webfont.woff2') format('woff2'),
         url('fonts/montserrat-italic-variablefont_wght-webfont.woff') format('woff');
 font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'montserratthin';
    src: url('fonts/montserrat-variablefont_wght-webfont.woff2') format('woff2'),
         url('fonts/montserrat-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'rounded_mplus_1cregular';
    src: url('fonts/mplusrounded1c-regular-webfont.woff2') format('woff2'),
         url('fonts/mplusrounded1c-regular-webfont.woff') format('woff');
          font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'rounded_mplus_1cthin';
    src: url('fonts/mplusrounded1c-thin-webfont.woff2') format('woff2'),
         url('fonts/mplusrounded1c-thin-webfont.woff') format('woff');
          font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'suse_monothin_italic';
    src: url('fonts/susemono-italic-variablefont_wght-webfont.woff2') format('woff2'),
         url('fonts/susemono-italic-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'suse_monothin';
    src: url('fonts/susemono-variablefont_wght-webfont.woff2') format('woff2'),
         url('fonts/susemono-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'libre_baskervillebold';
    src: url('fonts/librebaskerville-bold-webfont.woff2') format('woff2'),
         url('fonts/librebaskerville-bold-webfont.woff') format('woff');

}
@font-face { 
    font-family: 'libre_baskervilleitalic';
    src: url('fonts/librebaskerville-italic-webfont.woff2') format('woff2'),
         url('fonts/librebaskerville-italic-webfont.woff') format('woff');
} 
@font-face {
    font-family: 'libre_baskervilleregular';
    src: url('fonts/librebaskerville-regular-webfont.woff2') format('woff2'),
         url('fonts/librebaskerville-regular-webfont.woff') format('woff');
}

@font-face {
    font-family: 'cutive_monoregular';
    src: url('fonts/cutivemono-regular-webfont.woff2') format('woff2'),
         url('fonts/cutivemono-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'playfair_displayregular';
    src: url('fonts/playfairdisplay-variablefont_wght-webfont.woff2') format('woff2'),
         url('fonts/playfairdisplay-variablefont_wght-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


body {
  font-family:'montserratthin';

  margin:1%;
  background-color: #FFF;
}
.main {
   padding-left:30px;
   padding-right:30px;
}
* {
      margin: 0;
      padding: 0;
      box-sizing: border-box;
      border-block-color: blue;
    }

    nav {
         z-index: 99;
      font-family:'montserratthin';
      letter-spacing: 2px;
      display: flex;
      align-items: center;
      padding: 10px;
    }

    nav a {
      color: black;
      font-family:'montserratthin';
      text-decoration: none;
      align-items: right;
      padding: 10px 20px;
      font-size: 18px;
      transition: color 0.3s ;
    }

    nav a:hover {
color:#6FBE09;
      border-radius: 5px;
    }
a{
  letter-spacing: 1.3px;
  color:black;
  text-decoration: none;
   transition: color.3s;

}
a:hover{
    text-decoration: none;
  color:#82BE40;
  
}
.avat{
  border-radius: 10px;
}
.un{
 text-decoration: underline;
 text-decoration-color: transparent;
 transition: .3s;

 /*add those for opera and mozilla support*/
 -webkit-text-decoration-color: transparent;
 -moz-text-decoration-color: transparent;
}

.un:hover{
 text-decoration-color: #82BE40;
 
 /*add those for opera and mozilla support*/
 -webkit-text-decoration-color: #82BE40;
 -moz-text-decoration-color: #82BE40;
}



    @media (max-width: 960px) {
      a{
  letter-spacing: 1.3px;
  color:black;
  text-decoration: none;
   transition: color.3s;

}
a:hover{
    text-decoration: none;
  color:#82BE40;
  
}
  .un{
 text-decoration: none;
 text-decoration-color: transparent;
 transition: .3s;

 /*add those for opera and mozilla support*/
 -webkit-text-decoration-color: transparent;
 -moz-text-decoration-color: transparent;
}

.un:hover{
 text-decoration-color: #82BE40;
 
 /*add those for opera and mozilla support*/
 -webkit-text-decoration-color: #82BE40;
 -moz-text-decoration-color: #82BE40;
}
      nav {
        flex-direction: column;
        
        align-items: flex-start;
      }

      nav a {
        display: block;
        width: 100%;
      }
    }
h1 {
      font-family:'montserratthin';
      letter-spacing: 2px;
  font-size:18px;
  line-height:2rem;
}

h2 {
  font-size:11px;
    letter-spacing: 1.2px;
  }
  
h3 {
  font-size:15px;
}
h4 {
  font-size:12px;
}  

h5 {
  font-size:3rem;
  }
  
h6 {
  font-size:20px;
  }
  
p {
  font-size:16px;
    letter-spacing: 1.3px;
    line-height:20px;
}
p2 {
    text-transform: uppercase;
   font-size:16px;
    letter-spacing: 1.3px;
    line-height:20px;
}

p3 {
  font-size:8px;
  line-height:.8rem;
}

p4 {
  font-size:15px;
  line-height:20px;
  padding-right:20px;
}

p5 {
  font-size:10px;
}
p6 {
    font-size:16px;

}

.footer {
   position: absolute;
    padding-right:1%;
   bottom: 1%;
   width: 100%;
   color: white;
   text-align: left;
}