@font-face{
  font-family: 'Font-Content';
  src: url('fonts/page fonts/Exo-ExtraLight.otf');
}

@font-face{
  font-family: 'Font-Second';
  src: url('fonts/page fonts/conthrax-sb.ttf');
}
@import url('https://fonts.googleapis.com/css2?family=Exo:wght@600&display=swap');

#parrafoco{
  margin: 3.5vh 0;
 font-family: 'Font-Content';
  line-height: 2;
  text-align: center;
  font-size:0.8em;
   letter-spacing: 1px;
}

@media (min-width:101px) and (max-width:1000px) {
#parrafoco{
text-align: justify;
    margin-right: 1vw;
}
  
}
figure {
  z-index: 99;
  position: fixed;
  bottom: -100%;
  left: 0;
  right: 0;
  background: #222;
  color: #f5f6fa;
  padding: 0 32px;
  box-shadow: 0 -2px 16px rgba(47, 54, 64, 0.39);
  transition: 400ms;
  margin: 0;
}

figure.active {
  bottom: 0;
}

figure #parraen {
  color: #f5f6fa;
}

.cookie-btn {
display: inline-flex;
position: relative;
background: #e32d00ed;
text-transform: uppercase;
border: 0;
color: #f5f6fa;
padding: 0 20px;
font-size: 1rem;
margin-top: 0;
margin-bottom: 3vh;
border-radius: 4px;
font-family: 'Font-Second';  
letter-spacing: 1px;
}

.cookie-btn:hover{
  cursor: pointer;
  background-color: red;
  font-weight: bolder;
}

a#parraen{
  text-transform: uppercase;
  font-size: 1.2em;
}

a#parraen:hover{
  color:red;
}