* {
	box-sizing: border-box;
}

@import url("https://fonts.googleapis.com/css?family=Open+Sans:400,700");
@import url("https://fonts.googleapis.com/css?family=Merriweather:400,700");
@import url("https://cdn.glitch.com/88cbf30d-aa6c-41c9-81d4-4632d647ef7d%2FNeedlework%20Good.otf?v=1574267093014");
@import url("https://cdn.glitch.com/88cbf30d-aa6c-41c9-81d4-4632d647ef7d%2FNeedlework%20Perfect.otf?v=1574211899473");

body {
  background-image: url("yarn_texture.jpg");
  font-family: "Arial", sans-serif;
  padding: 5px 25px;
  font-size: 20px;
  margin: 0;
  color: #000000;
}

h1 {
  font-family: "Needlework Good", fantasy;
  font-size: 50px;
  text-align: center;
  color: midnightblue;
}

p {
  max-width: 400px;
  padding-right: 10px;
}

.wrapper {
  margin: 0 auto;
  width: 100%;
  max-width: 850px;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 35px;
  padding-left: 2vmin;
  padding-top: 0.1vmin;
  padding-bottom: 5vmin;
}

.main{
  width: 100%;
  max-width: 350px;
  padding: 1px;
  border: 2px solid black;
  background-color: lightcyan;
}

.title{
  width:100%;
  max-width: 800px;
  padding-top: 1vmin;
  padding-right: 1vmin;
  border: none;
  background-color:transparent;
}

@media (min-width: 750px) {
  section {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding-left: 2vmin;
    align-content: center;
  }
}