body {
  background: url('https://amylase.neocities.org/images/gingham.jpg') ;
  background-size:300px 600px;
  margin-left: 5%;
  margin-right: 5%;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: verdana;
  font-size: 20px;
}

.container {
  display: grid;
  grid-template-areas:
    "header header"
    "sidebar main"
    "footer footer";
  grid-template-columns: 1fr 3fr;
  gap: 3px;
  background-color: #FDC8D2;
  padding: 5px;
  column-gap: 20px;
  width: 1500px;
  border-style: dotted;
  border-width: 10px;
  border-radius: 50px;
  border-color: white;
}

img{
  border-radius: 30px;  
}

.container .header {
  grid-area: header;
  text-align: center;
 
}

.profilep{
  
  padding: 25px;
  }

.button{
  color: white;
  padding: 5px;
  margin: 5px;
  width: 320px;
  margin-left: 15px;
  background-color: #FFAEC9;
  border-radius: 5px;
  border-color: #FDC8D2;
  }

.container .sidebar {
  color: black;
  background-color: #FFFFFF;
  width: 400px;
  border-radius: 20px;
  margin: 15px;
  height: auto;
  padding: 10px;
  grid-area: sidebar;
}

.page-links{

  
}
.buttons{
  margin: 10px;
  padding: 10px;
  align-items: center;
  
}

.page links{
  display: flex;
  align-items: center;  
}


.container .main {
  background-color: #FFFFFF;
  width: 1000px;
  border-radius: 20px;
  grid-area: main;
  margin: 15px;
  padding: 10px;
  color: #ce5885;
}

.standard{
  background-color: white;
  margin: 20px;
  border-radius: 20px;
  border-style: dashed;
  border-color: #FDC8D2;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom:20px
  }
  .standarda{
  background-color: white;
  margin: 20px;
  border-radius: 20px;
  border-style: dashed;
  border-color: #FDC8D2;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 20px;
  padding-bottom:20px
  }

.standarda img{
  transition: 500ms;
  }
  
  .standard-art img:hover{
  transition: 500ms;
  filter: grayscale(50%);
  }
  
  
.container .footer{
  grid-area: footer; 
  background-color: #FFFFFF;
  margin: 15px;
  height: 50px;
  border-radius: 20px;
  padding: 10px;
  color: #ce5885;
}