.page{
    display: grid;
    width: 100%;
    height:100%;
    grid-template-areas: "a a"
                         "b c"
                         "d d";
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 90px 1fr 130px;
    grid-template-columns: minmax(500px, 600px) minmax(600px, 700px);
    

    
}

.page > header {
    grid-area: a;
    background: linear-gradient(to right, rgb(202, 49, 182) 30%, rgb(227, 90, 221) 70%);
   
}
    



.page > nav {
   grid-area: b;
   background-color: rgb(177, 48, 189);
   text-align: justify;
   border: solid 20px rgb(224, 148, 231);
   


   
}

.page > main {
    grid-area: c;
    background-color: rgb(207, 25, 213);
    //border: solid 2px rgb(163, 15, 168);

}

.page > footer {
    grid-area: d;
    background-color: rgb(145, 10, 133);
   
    
    

}

.button{
    
  background: #a00b91;
  border: 1px solid #a00b82;
  box-shadow: none;
  padding: 10px 20px;
  color: aliceblue;
  font-size: 15px;
}

  .button2{

   box-shadow: none;
   padding: 10px 20px;
   color: aliceblue;
   font-size: 15px;
   
   margin-top: 5px;
   background-color: rgb(145, 10, 133);
   border: 1px solid rgb(145, 10, 133);
   
  }