*{
    margin:2px;
    padding:0px;
    box-sizing:border-box;
  }
  
  body{
    font-family:'Roboto Mono',monospace;
    min-height:400px;
    background-color:teal;
    text-align:center;
  }
  
  .page-title{
    color:#ffffff;
    font-size:2.5em;
    margin:10px 3px;
  }
  
  .img-comp{
    width:60vh;
  }
  
  .page-subtitle{
    font-size:1.3em;
    color:#ffffff;
  }
    
  input{
    width:200px;
    height:25px;
    margin-bottom:20px;
    border-radius:5px;
  }

  label{
    color:#2fd4ab;
  }
  
  .form{
    width:420px;
    margin:100px auto 0px auto;
  }
  
  .form button{
    width:200px;
    padding:8px;
    border-radius:10px;
    border-style:none;
    background-color:#2fd4ab;
    font-size:1.1em;
    font-weight:bold;
    color:#1d1d1d;
    box-shadow:2px 2px 15px #000000;
  }
  
  h2{
    width:400px;
    margin:20px auto;
    padding:30px;
    text-align:center;
  }
  

  footer{
    font-size:14px;
    flex-shrink:0;
    padding:0px;
    padding-left: 0px;
    bottom:5px;
    width:100%;
    text-align:center;
    color:#c0bebe;
    opacity:0.6;
    transition:opacity 300ms;
  }
  
  footer a{
    text-decoration:none;
    color:#f0f0f0;
  }
  
  footer:hover{
    opacity:1;
  }
  
  p::after{
      content:'|';
      margin-left:5px;
      opacity:1;
      animation: pisca .7s infinite;
  }
  
  @keyframes pisca{
      0%, 100%{
          opacity: 1;
      }
      50%{
          opacity: 0;
      }
  }