body {

  background: url("images/Site\ background.png");
    background-repeat: repeat;
  background-position: 0 0;
     text-align: center;
      font-family: 'basiic';
  color: #b57992;
}

 @font-face {
  font-family: 'basiic';
  src: url('basiic.ttf');
 }
 @font-face {
  font-family: 'PORKYS_';
  src: url('PORKYS_.TTF');
 }
::selection {
background-color: #ffc1d6;
color: #FFFFFF;
}

.mainbody {
  display:grid;
  grid-template-rows: 1fr 1fr 1fr;
  grid-template-columns: 1fr 2fr 1fr;
}
.main {
  background-color: #ffffff;
  height: 600px;
  margin-top: 100px;
    border-width: 40px;
          border-style: solid;
          border-image: url("borders and decals/pinklaceborder.png") 50 round;
          border-image-outset: 20px;
    display:grid;
    grid-template-columns: 1fr 500px;

}
.image {
  width: 630px;
}

.maintext {
  color: #fff0f6;
-webkit-text-stroke: 1px rgb(243, 164, 188); 
font-size: 30px;
font-family: 'PORKYS_';
}

.navbutton {
    display: inline-block;
    color: #ffffff;
    -webkit-text-stroke: 2px rgb(243, 195, 215);
    font-size: 35px;
    background-color: #ffe7ee00;
    padding: 5px;
    border-radius: 8px;
    border: 2px dashed #ffd5e3;
    text-decoration: none;
    width: 300px;
    height: 50px;
    margin: 35px 0px 0px 0px;
    background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 33%, hsl(343, 100%, 95%) 100%);
    font-family: 'PORKYS_';
}

.navbutton:hover {
  background: linear-gradient(to bottom, #FFFFFF 0%, #FFFFFF 33%, #fff0f4 100%);
  border: 2px dashed #ffd5e3;
}