/*heading + para attributes*/
/*help I'm still really new to css and have no idea what I'm doing tbh*/

/* * {
  outline: solid 1px #D94580; */
/* } */
 
h1{
  font-family: "pf-uniform", sans-serif;
font-weight: 400;
font-style: normal;
font-size: 84px;

}

h2{
  font-family: "pf-videotext", sans-serif;
font-weight: 400;
font-style: normal;
}

p, h3 {
  font-family: "input-mono", monospace;
font-weight: 500;
font-style: normal;
}

a {
  color:#F3E8E8; 
  text-decoration: none;
  font-size:24px;
  font-family: "pf-videotext", sans-serif;
font-weight: 400;
font-style: normal;
}
a:hover {
  color:#FFAD1F;
}

body {
 
   background-color: #e74b84;
background-image: url("https://www.transparenttextures.com/patterns/random-grey-variations.png");

  background-size:cover;
  position:fixed;
  margin:0;
  padding:0;
}
/*div ish*/
.layout{
  width:100%;
  height:auto;
  display:flex;
  flex-direction:row;
  z-index:1;
}
.left {
  width:45%;
  padding:10px;
  height:100%;
  display: flex;
  margin-left:2px;
}
.words {
  color:#F3E8E8;
  flex-shrink:1;
}
.right {
  width:65%;
  display:flex;
  flex-direction: row;
  justify-content: center;
  align-content: center;
}
.picwrapper {
  width:900px;
  height:auto;
  display: flex;
  justify-content: center;
  flex-grow:1;
}
.pic {
  z-index:2;
}
.button {
  position:fixed;
  top:550px;
  width:150px;
  height:70px;
  justify-content: center;
  align-content: center;
  align-items: center;
  border:25px outset;
  border-color: #BE375F;
  background-color:#E74B84;
  display:inline-block;
  padding:5px 10px;
  z-index:10;
  margin:0 auto; }