*{
  padding: 0;
  margin: 0;
}

html {
  text-size: 16px;
  color: red;
  background-color: black;/*test*/
  box-sizing: border-box;
  font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif
}

header {
  width: 100vw;
  position: fixed;
  z-index: 4;
  float: right;
  top: 0px;
  left: 0px;
  background-color: gray;
  text-transform: uppercase;
  text-align: right;
}

nav a{
  padding: 0px 10px;
  text-decoration: none;
  display: inline;
  color: red;
}

nav a:hover{
  color: blue;
}

nav a:active{
  color: gray;
}


.creepy {
  float: left;
  font-weight: 700;
  text-align: left;
}

h1 {
  text-size: 22px;
  padding: 10px;
  color: white;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.slender {
  border-radius: 10px;
}

main {
  position: relative;
  padding: 10px;
  margin: 0px 0px 0px 25px;
}

article {   
  display: inline-block;
  width: 500px;
  text-align: justify;
}

p {
  padding: 15px;
}

.pic {
 position: sticky;
top: 0;
}

.pasta {
float: right;
}

footer a{
  position: relative;
  padding: 10px;
  margin: 0px 0px 0px 25px;
  color: green;
}

footer a:hover {
  text-decoration: none;
}

footer a:active{
  color: white;
}