p1 {
font-size:2vw;
float:left;
}

p2 {
    font-family: 'Helvetica', 'Helvetica';
    font-size:10px;
}

.products { 
transition: 1.5s;
  padding: -250px 10px 0px 10px;
  opacity:1;
  grid-gap: 50px;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
}

.products img {
  width: 100%;
}


.pages {
float: left;
margin-left: 250px;
margin-right: 200px;
margin-top: -100px;
}

.page {
width: 80%;
margin-top: 50px;}


a {
text-decoration:none;
color:black;
}

.cv, .references, .resume {
float: left;
margin-left: 250px;
margin-right: 200px;
margin-top: -100px;
}

.info {
position: static;
float: left;
margin-bottom: 100px;
padding: 10px;
}


button {
background: none;
    border: none;
    padding: none;
    text-align: center;
    text-decoration: none;
    display: inline-block;
color:black;
    cursor: pointer;
    }

button:hover {
color:royalblue;
}