body {
    background-image: url(2.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
    color: aliceblue;   
    font-size: 25px;
}
p{ 
    margin-left: 20px;
    margin-right: 20px;
    margin-top: 15px;
    text-indent: 15px;
    text-align: justify;
    margin-top: 0px;
    margin-bottom: 0px;
}
div.quadrado{
    padding-top: 2%;
    padding-bottom: 5%;
    padding-left: 1%;
    padding-right: 1%;
    margin-top: 30px;
    margin-left: 8%;
    margin-right: 8%;
    background-color: black;
        
        border: 5px solid;
        border-color:rgb(134, 15, 118);
        -webkit-box-shadow: 5px 5px 5px 0px #194e63, inset 4px 4px 15px 0px #194e63, 5px 5px 15px 5px rgba(165, 51, 140, 0.692); 
    box-shadow: 5px 5px 5px 0px #194e63, inset 4px 4px 15px 0px #194e63, 5px 5px 15px 5px rgba(165, 51, 140, 0.692);
        }

a:link, a:visited {
    font-size: 35px;
    font-weight: 800;
    background-color: rgb(243, 209, 240);
    padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 40px;
  padding-right: 40px;
  margin-top: 5%;
  margin-left: 20%;
  border-radius: 1px;
    -webkit-box-shadow: 5px 5px 5px 0px #194e63, inset 4px 4px 15px 0px #194e63, 5px 5px 15px 5px rgba(165, 51, 140, 0.692); 
    box-shadow: 5px 5px 5px 0px #194e63, inset 4px 4px 15px 0px #194e63, 5px 5px 15px 5px rgba(165, 51, 140, 0.692);
        color: rgba(8, 8, 8);
        text-align: center;
        text-decoration: none;
        display:inline-flex;
      }
      
      a:hover, a:active {
        background-color: rgb(145, 16, 150);
      }
