@font-face {
    font-family: Pusab;
    src: url(assets/fonts/Pusab-MnqP.otf);
}

@font-face {
    font-family: Minecraft;
    src: url(assets/fonts/Mojangles.ttf);
}

@font-face {
    font-family: Font1;
    src: url(assets/fonts/SpotifyMix-Regular.ttf);
}

body {
    width: 100%;
    height: 100%;
    background:  linear-gradient(217deg, rgb(255 0 0 / 80%), rgb(255 0 0 / 0%) 70.71%),
    linear-gradient(127deg, rgb(0 255 0 / 80%), rgb(0 255 0 / 0%) 70.71%),
    linear-gradient(336deg, rgb(0 0 255 / 80%), rgb(0 0 255 / 0%) 70.71%);
  }

.imagen {
    width: 300px;
    position: static(12,12,12);
    border-radius: 25px;
}



button {
    border: 0;
    line-height: 2.5;
    padding: 0 20px;
    font-size: 1rem;
    text-align: center;
    color: #fff;
    text-shadow: 1px 1px 1px #000;
    border-radius: 10px;
    background-color: rgba(220, 0, 0, 1);
    background-image: linear-gradient(
      to top left,
      rgba(0, 0, 0, 0.2),
      rgba(0, 0, 0, 0.2) 30%,
      rgba(0, 0, 0, 0)
    );
    box-shadow:
      inset 2px 2px 3px rgba(255, 255, 255, 0.6),
      inset -2px -2px 3px rgba(0, 0, 0, 0.6);
  }
  
  button:hover {
    background-color: rgba(255, 0, 0, 1);
  }
  
  button:active {
    box-shadow:
      inset -2px -2px 3px rgba(255, 255, 255, 0.6),
      inset 2px 2px 3px rgba(0, 0, 0, 0.6);
  }
  

label, textarea{
    font-size: 0.9;
    position: static;
    justify-content: center;

   /* bottom: 15cm;
    right: 15cm;*/


}

textarea{
    padding: 10px;
    font-family: Minecraft;
    background:  linear-gradient(217deg, rgb(255 0 0 / 80%), rgb(255 0 0 / 0%) 70.71%),
    linear-gradient(127deg, rgb(0 255 0 / 80%), rgb(0 255 0 / 0%) 70.71%),
    linear-gradient(336deg, rgb(0 0 255 / 80%), rgb(0 0 255 / 0%) 70.71%);
    position:static(16,12,16);
    size: 15px, 40px;
    outline-color: aqua;
    border-radius: 25px;

}

label{
    display: block;
    margin-bottom: 10px;
    font-family: Pusab;
    color: #fff;
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: black;
   
}


p{
  color: white;
  font-size: 35px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}

h1{
  color: white;
  font-size: 35px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
  
}



h4{
  position: relative;
      bottom: 90px;
      left: 30px;
  -webkit-text-stroke-width: 1px;
  -webkit-text-stroke-color: black;
}